ybbond-reason

My old site written in ReasonReact
Log | Files | Refs | README

commit 7b7dde43c368fb23adc9577cfdda2c89b872150d
parent 825595d384dc0e1621e97597f6d9ad66f1a37086
Author: Yohanes Bandung <bandungpenting@gmail.com>
Date:   Wed, 14 Aug 2019 18:27:52 +0700

feature(CurViScene) => basic content

Diffstat:
Msrc/CurViScene.re | 102+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++----
Msrc/components/ContentList.re | 2+-

2 files changed, 99 insertions(+), 5 deletions(-)

diff --git a/src/CurViScene.re b/src/CurViScene.re
@@ -30,15 +30,109 @@ let make = () => {
       initialState,
     );
 
-  <React.Fragment>
-    <Spoiler content={ReasonReact.string("Hello")} title="Yeay" />
+  let questContent =
+    <ContentList
+      content=[|
+        {
+          variant: Done,
+          text:
+            <span>
+              {ReasonReact.string("Design apprentice at X-Graphic.")}
+            </span>,
+        },
+        {
+          variant: Done,
+          text:
+            <span>
+              {ReasonReact.string("Field inspector at Touchten Games.")}
+            </span>,
+        },
+        {
+          variant: Done,
+          text:
+            <span>
+              {ReasonReact.string("Reactive engineer at Vospay.")}
+            </span>,
+        },
+        {
+          variant: Progress,
+          text:
+            <span>
+              {ReasonReact.string("Frontend Engineer at Kumparan.")}
+            </span>,
+        },
+      |]
+    />;
+
+  let triviaContent =
+    <ContentList
+      content=[|
+        {
+          variant: Default,
+          text:
+            <span>
+              {ReasonReact.string("Studied CS in Binus, never finished it.")}
+            </span>,
+        },
+        {
+          variant: Default,
+          text:
+            <span>
+              {ReasonReact.string("Drinks coffee.")}
+            </span>,
+        },
+        {
+          variant: Default,
+          text:
+            <span>
+              {ReasonReact.string("Loves moshing at indie band gigs.")}
+            </span>,
+        },
+        {
+          variant: Default,
+          text:
+            <span>
+              {ReasonReact.string("Vim user.")}
+            </span>,
+        },
+        {
+          variant: Default,
+          text:
+            <span>
+              {ReasonReact.string("Jakarta, Indonesia")}
+            </span>,
+        },
+      |]
+    />;
+
+  let contactContent =
     <ContentList
       content=[|
         {
           variant: Default,
-          text: <span> {ReasonReact.string("hello")} </span>,
+          text:
+            <span>
+              {ReasonReact.string("everywhere: ybbond or bandungpenting")}
+            </span>,
+        },
+        {
+          variant: Default,
+          text:
+            <span> {ReasonReact.string("bandungpenting@gmail.com")} </span>,
+        },
+        {
+          variant: Default,
+          text:
+            <span>
+              {ReasonReact.string("Instagram, Github, Twitter.")}
+            </span>,
         },
       |]
-    />
+    />;
+
+  <React.Fragment>
+    <Spoiler content=questContent title="Quests" />
+    <Spoiler content=triviaContent title="Good to Know" />
+    <Spoiler content=contactContent title="Find me" />
   </React.Fragment>;
 };
diff --git a/src/components/ContentList.re b/src/components/ContentList.re
@@ -61,5 +61,5 @@ let make = (~content: array(listContent)) => {
       content,
     );
 
-  <ul className=Styles.ul> {React.array(contentMapped)} </ul>;
+  <ul className=Styles.ul> {ReasonReact.array(contentMapped)} </ul>;
 };