stop dev landing page

Author: 0xbuidler

packages/app/src/app/app.tsx

@@ -262,21 +262,12 @@ const ColoredKw: FC<{ color?: string }> = ({ color = "black", children }) => {
 const SocietyComponent: FC<{}> = () => {
   return (
     <Style.SocietyComponent>
-      <Grid container justifyContent="center">
-        <Grid item xs={12}>
-          <Grid container justifyContent="center" style={{ marginBottom: "75px" }}>
-            <Style.ViewTitle big shadow={false}>
-              / THE SOCIETY .
-            </Style.ViewTitle>
-          </Grid>
-        </Grid>
-      </Grid>
-      <Grid container justifyContent="center" spacing={10}>
-        <Grid item xs={5}>
+      <Style.ViewTitle>/ SOCIETY .</Style.ViewTitle>
+      {/* <Grid container justifyContent="center" spacing={5}>
+        <Grid item xs={6}>
           <img src={key} style={{ width: "100%" }} alt="" />
         </Grid>
-
-        <Grid item xs={7} alignSelf="center">
+        <Grid item xs={6} alignSelf="center">
           <Style.Titlea>/ ssh key .</Style.Titlea>
           <Style.View2Content>
             When you mint a DRIP, in addition of the latter, you will get an <Sbu>SSH-KEY</Sbu>. It
@@ -303,7 +294,7 @@ const SocietyComponent: FC<{}> = () => {
             </Clickable>
           </Style.MoreLinkContainer>
         </Grid>
-      </Grid>
+      </Grid> */}
     </Style.SocietyComponent>
   );
 };
@@ -409,14 +400,20 @@ type propsRoadmap = {
     title: string;
     description: any;
     done: boolean;
-    type?: string;
+    type: string;
   }[];
 };
 
 const RoadmapComponent: FC<propsRoadmap> = ({ roadmapItems }) => {
   return (
     <Style.RoadmapComponent>
-      <Style.ViewTitle>/ ROADMAP .</Style.ViewTitle>
+      <Grid container justifyContent="center">
+        <Grid item xs={12}>
+          <Grid container justifyContent="center" style={{ marginBottom: "50px" }}>
+            <Style.ViewTitle>/ ROADMAP .</Style.ViewTitle>
+          </Grid>
+        </Grid>
+      </Grid>
       <Timeline position="alternate" style={{ padding: "0px" }}>
         <TimelineItem style={{ display: "none" }}></TimelineItem>
         {roadmapItems.map((roadmapItem, index) => {
@@ -456,11 +453,9 @@ const RoadmapComponent: FC<propsRoadmap> = ({ roadmapItems }) => {
                     <Style.RoadMapItem>
                       <Grid container justifyContent={"space-between"}>
                         <Style.RoadMapItemTitle>{roadmapItem.title}</Style.RoadMapItemTitle>
-                        {roadmapItem.type && (
-                          <div>
-                            <Style.RoadMapItemType>{roadmapItem.type}</Style.RoadMapItemType>
-                          </div>
-                        )}
+                        <div>
+                          <Style.RoadMapItemType>{roadmapItem.type}</Style.RoadMapItemType>
+                        </div>
                       </Grid>
                       <Style.RoadMapItemContent>{roadmapItem.description}</Style.RoadMapItemContent>
                     </Style.RoadMapItem>
@@ -470,11 +465,9 @@ const RoadmapComponent: FC<propsRoadmap> = ({ roadmapItems }) => {
                     <Style.RoadMapItem2>
                       <Grid container justifyContent={"space-between"}>
                         <Style.RoadMapItemTitle>{roadmapItem.title}</Style.RoadMapItemTitle>
-                        {roadmapItem.type && (
-                          <div>
-                            <Style.RoadMapItemType>{roadmapItem.type}</Style.RoadMapItemType>
-                          </div>
-                        )}
+                        <div>
+                          <Style.RoadMapItemType>{roadmapItem.type}</Style.RoadMapItemType>
+                        </div>
                       </Grid>
                       <Style.RoadMapItemContent>{roadmapItem.description}</Style.RoadMapItemContent>
                     </Style.RoadMapItem2>
@@ -540,8 +533,8 @@ const MainComponent: FC<props> = ({ children }) => {
       <RoadmapComponent
         roadmapItems={[
           {
-            step: "February. 1st. 2022.",
-            title: "DROP #1",
+            title: "SKATEBOARD DECK",
+            step: "August. 1st. 2022.",
             type: "DROP #1",
             description: (
               <Fragment>
@@ -551,42 +544,18 @@ const MainComponent: FC<props> = ({ children }) => {
             ),
             done: false,
           },
-          {
-            step: "February. 28th. 2022.",
-            title: "Drop #2",
-            type: "DROP",
-            description: (
-              <Fragment>
-                After several months of work, SSH LABS will release the first of its many more to
-                come DROP.
-              </Fragment>
-            ),
-            done: false,
-          },
           {
             step: "",
-            title: "Drop #3",
-            type: "DROP",
-            description: (
-              <Fragment>
-                After several months of work, SSH LABS will release the first of its many more to
-                come DROP.
-              </Fragment>
-            ),
+            title: "TBA.",
+            type: "DROP #2",
+            description: <Fragment>...</Fragment>,
             done: false,
           },
           {
-            step: "50%",
-            title: "Drop #3",
-            type: "EVENT",
-            description: <Fragment>Metaverse party with huge annoucement !</Fragment>,
-            done: false,
-          },
-          {
-            step: "100%",
-            title: "Drop #3",
-            type: "EVENT",
-            description: <Fragment>Secret ...</Fragment>,
+            step: "",
+            title: "TBA.",
+            type: "DROP #3",
+            description: <Fragment>...</Fragment>,
             done: false,
           },
         ]}

packages/app/src/app/style.tsx

@@ -92,18 +92,16 @@ const style = {
     backgroundColor: theme.backgroundColor.secondary,
     borderRadius: "5px",
   })),
-  ViewTitle: styled("div")<{ big?: boolean; shadow?: boolean }>(
-    ({ theme, big, shadow = true }) => ({
-      fontSize: big ? "3em" : "2em",
-      fontFamily: theme.fontFamily.primary,
-      fontStyle: "italic",
-      fontWeight: 900,
-      marginBottom: "50px",
-      display: "inline-block",
-      borderRadius: "2.5px",
-      textShadow: shadow ? `10px 5px ${theme.backgroundColor.tertiary}` : "",
-    })
-  ),
+  ViewTitle: styled("div")<{ big?: boolean; shadow?: boolean }>(({ theme, shadow = true }) => ({
+    fontSize: "2.5em",
+    fontFamily: theme.fontFamily.primary,
+    fontStyle: "italic",
+    fontWeight: 900,
+    marginBottom: "50px",
+    display: "inline-block",
+    borderRadius: "2.5px",
+    textShadow: shadow ? `10px 5px ${theme.backgroundColor.tertiary}` : "",
+  })),
 
   View2Content: styled("div")(({ theme }) => ({
     fontSize: "1em",
@@ -257,7 +255,6 @@ const style = {
 
   RoadMapItemStep: styled(Typography)(({ theme }) => ({
     color: "black",
-    padding: "2.5px 5px 2.5px 5px",
     borderRadius: "5px",
     display: "inline-block",
     paddingLeft: "10px",
@@ -272,7 +269,7 @@ const style = {
     boxShadow: `10px 10px 2.5px ${theme.backgroundColor.secondary}`,
     backgroundColor: `white`,
     marginLeft: "10px",
-    marginBottom: "5px",
+    marginBottom: "35px",
   })),
   RoadMapItemTitle: styled(Typography)(({ theme }) => ({
     paddingLeft: "10px",
@@ -282,10 +279,10 @@ const style = {
     fontWeight: 900,
     fontSize: "1.1em",
     color: "black",
-    marginBottom: "10px",
+    marginBottom: "15px",
   })),
   RoadMapItemType: styled(Typography)(({ theme }) => ({
-    fontSize: "0.65em",
+    fontSize: "0.75em",
     padding: "2.5px",
     paddingLeft: "10px",
     paddingRight: "10px",
@@ -311,7 +308,7 @@ const style = {
     backgroundColor: `white`,
     textAlign: "start",
     marginRight: "10px",
-    marginBottom: "5px",
+    marginBottom: "35px",
   })),
 };