added project pages, updated page for FAM.

components/ProfileMore.tsx

@@ -18,6 +18,22 @@ export default function ProfileMore() {
     setMorePosition(morePosition + 1);
   }
 
+  function handleEnter(){
+      if (delayTimer) return;
+        setHovered(true);        
+        let timer = window.setTimeout(() => {
+                handleSectionExpand();
+            }, 500);
+            setDelayTimer(timer);
+  }
+  
+  function handleLeave() {
+     if (delayTimer){
+                clearTimeout(delayTimer);
+                setDelayTimer(null);
+            }
+            setHovered(false);
+  }
   return (
       <div 
       className="more-section-container"      
@@ -63,22 +79,19 @@ export default function ProfileMore() {
         })}
       
       <div {...handlers} className={`drop-handle ${wiggling ? "wiggle" : ""}`}
-       onMouseEnter={() => {
-        if (delayTimer) return;
-        setHovered(true);
-        
-        let timer = window.setTimeout(() => {
-                handleSectionExpand();
-            }, 500);
-            setDelayTimer(timer);
-            
-       }}
-       onMouseLeave={() => {
-            if (delayTimer){
+       onMouseEnter={
+            () => handleEnter()
+       }
+       onMouseLeave={() => handleLeave()}
+        onTouchStart={
+            () => handleEnter()
+        }
+        onTouchEnd={()=>handleLeave()}
+        onClick={() => {
+             if (delayTimer){
                 clearTimeout(delayTimer);
-                setDelayTimer(null);
-            }
-            setHovered(false);
+             }
+            handleSectionExpand();
         }}
        style={{ 
         opacity: morePosition < PROFILE.moreSections.length ? 1.0 : 0.0,