commit d1841b494bfb96b565f48445354657768c6cfbbe parent a0231192fa98d772f0f58ee63fd40e3d779757e1 Author: Yohanes Bandung <bandungpenting@gmail.com> Date: Mon, 19 Aug 2019 21:07:00 +0700 feature(Footer) => added footer Diffstat:
| M | src/App.re | | | 1 | + |
| M | src/UsesScene.re | | | 22 | +++++++++++++++++++++- |
| A | src/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>;