old-ybbond

My old site that was written with ReactJS
Log | Files | Refs | README

commit 304e1e712f8bbbd5f08653f21d570b4a24260442
parent 38691883b26acda8f8c29d4dbcf19f26ce9c21ad
Author: Yohanes Bandung <bandungpenting@gmail.com>
Date:   Wed, 15 Apr 2020 01:19:45 +0700

refactor(core): add blog link 🌐

Diffstat:
Mpublic/index.html | 28+++++++++++++++++++++++++---
Msrc/Components/HeaderFooter.js | 8++++++--

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

diff --git a/public/index.html b/public/index.html
@@ -32,11 +32,27 @@
   <body style="min-width: 100vw;min-height: 100vh;margin:0;padding:0;">
     <div id="react-app"></div>
     <noscript>
+      <style>
+        html {
+          background-color: #e3e0d7;
+        }
+
+        h1, p, h5 {
+          font-family: Trebuchet MS, Helvetica, sans-serif;
+        }
+      </style>
       <div>
         <center>
           <div style="max-width: 600px; text-align: left;">
-            <h1 style="font-family:Trebuchet MS, Helvetica, sans-serif;">Yohanes Bandung Bondowoso</h1>
-            <p style="font-family:Trebuchet MS, Helvetica, sans-serif;">
+            <h1>Yohanes Bandung Bondowoso</h1>
+            <h5>
+              Hey, some tips:
+              <br/>
+              The awesome contents of this site are hidden.
+              Try enabling JavaScript for this site, or use other browser.
+            </h5>
+            <hr/>
+            <p>
               Currently work as Frontend Engineer of kumparan.com in
               Jakarta, Indonesia. Building it with React, React Native for
               Android and iOS.
@@ -52,12 +68,18 @@
               I try to learn from everyone, and everything.
               <br />
               <br />
+            </p>
+            <p>
               Contact: 
               <a href="mailto:bandungpenting@gmail.com?Subject=From%20ybbond.dev" target="_top">
               bandungpenting@gmail.com
               </a>
             </p>
-            <p style="font-family:Trebuchet MS, Helvetica, sans-serif;">
+            <p>
+              My Blog:
+              <a href="https://blog.ybbond.dev">blog.ybbond.dev</a>
+            </p>
+            <p>
               Other site:
               <a href="https://reason.ybbond.dev">reason.ybbond.dev</a>
             </p>
diff --git a/src/Components/HeaderFooter.js b/src/Components/HeaderFooter.js
@@ -45,14 +45,18 @@ const HeaderFooter = ({children, dark, toggleDark}: HeaderFooterProps) => (
         <Link aria-label="Go to CV Page" to="/">
           CV
         </Link>{' '}
-        -{' '}
+        ::{' '}
         <Link aria-label="Go to page that lists the tools I use" to="/uses">
           Uses
         </Link>{' '}
-        -{' '}
+        ::{' '}
         <Link aria-label="Go to About Page" to="/about">
           About
         </Link>{' '}
+        ::{' '}
+        <Link aria-label="Go to my Blog!" to="https://blog.ybbond.dev">
+          Blog 🌐
+        </Link>{' '}
       </Text>
     </Header>
     {children}