ybbond-reason

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

commit d1841b494bfb96b565f48445354657768c6cfbbe
parent a0231192fa98d772f0f58ee63fd40e3d779757e1
Author: Yohanes Bandung <bandungpenting@gmail.com>
Date:   Mon, 19 Aug 2019 21:07:00 +0700

feature(Footer) => added footer

Diffstat:
Msrc/App.re | 1+
Msrc/UsesScene.re | 22+++++++++++++++++++++-
Asrc/components/Footer.re | 24++++++++++++++++++++++++

3 files changed, 46 insertions(+), 1 deletion(-)

diff --git a/src/App.re b/src/App.re
@@ -51,5 +51,6 @@ let make = () => {
       <Header current={url.path !== [] ? List.hd(url.path) : "/"} />
       {content()}
     </div>
+    <Footer />
   </div>;
 };
diff --git a/src/UsesScene.re b/src/UsesScene.re
@@ -1,4 +1,24 @@
 [@react.component]
 let make = () => {
-  <React.Fragment> <p> {ReasonReact.string("Uses")} </p> </React.Fragment>;
+  <React.Fragment>
+    <h3> {ReasonReact.string("Hardware and Platform")} </h3>
+    <ContentList
+      content=[|
+        {
+          variant: Default,
+          text:
+            <span>
+              {ReasonReact.string("Macbook Pro 2018 13\" (Office)")}
+            </span>,
+        },
+        {
+          variant: Default,
+          text:
+            <span>
+              {ReasonReact.string("Low-End PC with Manjaro Linux XFCE (Home)")}
+            </span>,
+        },
+      |]
+    />
+  </React.Fragment>;
 };
diff --git a/src/components/Footer.re b/src/components/Footer.re
@@ -0,0 +1,24 @@
+module Styles = {
+  open Css;
+
+  let footer =
+    style([
+      width(`ch(100.0)),
+      paddingTop(`px(30)),
+      marginTop(`px(0)),
+      marginLeft(`auto),
+      marginRight(`auto),
+      marginBottom(`em(1.0)),
+      maxWidth(em(50.0)),
+    ]);
+};
+
+[@react.component]
+let make = () =>
+  <footer className=Styles.footer>
+    <p> {ReasonReact.string("See you sooner :)")} </p>
+    <p>
+      {ReasonReact.string("@19/08/2019  ")}
+      <Link text="ybbond" href="https://github.com/ybbond/ybbond-reason" />
+    </p>
+  </footer>;