ybbond-reason

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

commit aebf16a123a1ce25c4bf737f106b4ebe142e4800
parent f6d311e690a1bc39f77e81d7fa56a664a226e202
Author: Yohanes Bandung <bandungpenting@gmail.com>
Date:   Sat, 24 Aug 2019 17:57:06 +0700

feature(SEO) => don't know about it, but at least I am trying

Diffstat:
Msrc/CurViScene.re | 18++++++++++++------
Msrc/Styled.re | 6++++++
Msrc/components/Header.re | 4++--
Msrc/index.html | 4+++-

4 files changed, 23 insertions(+), 9 deletions(-)

diff --git a/src/CurViScene.re b/src/CurViScene.re
@@ -63,11 +63,11 @@ let make = () => {
         {
           variant: Progress,
           text:
-            <span>
+            <h5>
               {ReasonReact.string("Frontend Engineer at ")}
               <Link href="https://kumparan.com" text="kumparan" />
               {ReasonReact.string(".")}
-            </span>,
+            </h5>,
         },
       |]
     />;
@@ -95,7 +95,11 @@ let make = () => {
         },
         {
           variant: Default,
-          text: <span> {ReasonReact.string("Vim user.")} </span>,
+          text:
+            <span>
+              <Link text="Vim user" internal="uses" />
+              {ReasonReact.string(".")}
+            </span>,
         },
         {
           variant: Default,
@@ -106,6 +110,7 @@ let make = () => {
                 href="https://goo.gl/maps/gMGbA5juGAx"
                 text="Jakarta, Indonesia"
               />
+              {ReasonReact.string(".")}
             </span>,
         },
       |]
@@ -118,18 +123,19 @@ let make = () => {
           variant: Default,
           text:
             <span>
-              {ReasonReact.string("everywhere: ybbond or bandungpenting")}
+              {ReasonReact.string("everywhere: ybbond or bandungpenting.")}
             </span>,
         },
         {
           variant: Default,
           text:
-            <span>
+            <h5>
               <Link
                 href="mailto:bandungpenting@gmail.com?subject=From%20ybbond.dev"
                 text="bandungpenting@gmail.com"
               />
-            </span>,
+              {ReasonReact.string(".")}
+            </h5>,
         },
         {
           variant: Default,
diff --git a/src/Styled.re b/src/Styled.re
@@ -63,6 +63,12 @@ body {
   |j};
 
   let miscStyle = {j|
+h5 {
+  font-weight: 400;
+  font-style: normal;
+  font-size: 1em;
+  margin: 1em 0;
+}
 *:focus {
   outline-color: #79d688;
 }
diff --git a/src/components/Header.re b/src/components/Header.re
@@ -41,10 +41,10 @@ let make = (~current: string) => {
       content,
     );
 
-  <React.Fragment>
+  <header>
     <h1 className=Styles.h1>
       {ReasonReact.string("Yohanes Bandung Bondowoso")}
     </h1>
     {React.array(contentElements)}
-  </React.Fragment>;
+  </header>;
 };
diff --git a/src/index.html b/src/index.html
@@ -2,7 +2,9 @@
 <html lang="en">
 <head>
   <meta charset="UTF-8">
-  <title>YBBond</title>
+  <title>YBBond | Frontend Adventurer from Indonesia</title>
+  <meta name="author" content="Yohanes Bandung Bondowoso" />
+  <meta name="description" content="Curriculum Vitae, Experiences, Contact, My Literature Works, and the Hardware and Software I use!" />
   <meta
     name="viewport"
     content="width=device-width, initial-scale=1, shrink-to-fit=no"