add features to homepage

config.toml

@@ -1,7 +1,7 @@
 baseURL = 'https://hazarre.github.io/'
 languageCode = 'en-us'
 title = "HenryChang"
-
+enableEmoji = true
 # -- Markup --
 # These settings are required for the theme to function.
 
@@ -68,4 +68,5 @@ title = "HenryChang"
     noHl = false
     style = 'monokai'
     tabWidth = 4
+
 

content/_index.md

@@ -3,12 +3,22 @@ title: Henry Chang's Homepage
 date: 2021-12-22T17:46:04+08:00
 draft: false
 ---
-**Interested in Full Stack Development in startup and engineering environments. Problem solving focused. Have experience in DevOps, frontend, data analytics, data visualization and machine learning.**
 
-### **Projects Highlight**
-**Interactive 3D visualization [Tutorial Website](https://quantum.bard.edu/hc) for Quantum Entanglement.**  
-**For all projects please see [#projects](/tags/project/).**
+Interested in full-stack development in startup and engineering environments. Problem solving focused. Have experience in DevOps, frontend, data analytics, data visualization and machine learning.
 
+Lover of cardio :running: :soccer: :flying_disc:, cooking:fork_and_knife:, outdoors :sunrise_over_mountains:, reading :book:, science :telescope:, and thinking in terms of $\ket 0$ and $ \ket 1$.
 
-### **Education**
-**Computer Science and Physics, BA, Bard College, NY. Graduated May, 2023.** 
+### Projects Highlight
+Interactive 3D visualization [Tutorial Website](https://quantum.bard.edu/hc) for Quantum Entanglement.  
+For all projects please see [#projects](/tags/project/).
+
+
+### Education
+Computer Science and Physics, BA, Bard College, NY. Graduated May, 2023.
+
+
+
+
+
+
+*:down_arrow: :down_arrow: Scroll down for contact & social links :down_arrow: :down_arrow:*

content/posts/about.md

@@ -4,14 +4,15 @@ date: 2021-12-22T17:23:51+08:00
 draft: false
 tags: ["about", "project", "hugo", "static site", "JAMstack"]
 ---
-This is a static site build with [Hugo](https://gohugo.io/) and hosted on Github. 
-
-Each page layout is structured under `layout/_default/`, with reusable componenents under `partials/`. Additionally, hugo support `shortcodes/` to add html content inside markdown posts.
 
 Some features of this blogs includes: 
 - Math typesetting with KaTeX.js.
 - 3D animation with Three.js.
 - Markdown. 
 - Layout CSS with bootstrap.js.
 
+See all features in action at [this example post]({{< ref "./testpost" >}}).
+
+This is a static site build with [Hugo](https://gohugo.io/) and hosted on Github. Each page layout is structured under `layout/_default/`, with reusable componenents under `partials/`. Additionally, hugo support `shortcodes/` to add html content inside markdown posts.
+
 Full source code can be found on the repo https://github.com/Hazarre/Hazarre.github.io. 

content/posts/testpost.md

@@ -4,7 +4,7 @@ date: 2021-12-22T17:23:51+08:00
 draft: false
 tags: ["math", "program"]
 ---
-This is an example post to demonstrate the media formats that can be posted on this website.
+This is an example post to demonstrate the media formats that can be posted on this website. For details about implementations, see [How this blog is built]({{< ref "./about" >}})
 
 ## LaTeX math typesetting
 

layouts/partials/footer.html

@@ -37,7 +37,7 @@ <h6 class="text-uppercase fw-bold mb-4">
             </i>Henry Chang
           </h6>
           <p>
-            Engineer interested CS, physics and problem solving.
+            Engineer interested in CS, physics and problem solving.
           </p>
         </div>
         <!-- Grid column -->
@@ -52,14 +52,15 @@ <h6 class="text-uppercase fw-bold mb-4">
           {{ range .Site.Params.otherSocial }}
           {{ $icon_name := print .icon_name | safeHTML }}
           {{ $url := print .url | safeHTML }}
-          <a href="" class="text-reset">
+          <a href={{$url}} class="text-reset">
             <i class="fa-lg fab {{$icon_name}}"></i>
           </a>
           {{ end }}
 
           {{ range .Site.Params.otherSocialLinks }}
           {{ $text := print .text | safeHTML }}
-          <a href="" class="text-reset">
+          {{ $url := print .url | safeHTML }}
+          <a href={{$url}} class="text-reset">
             {{$text}}
           </a>
           {{ end }}
@@ -122,4 +123,6 @@ <h6 class="text-uppercase fw-bold mb-4">
   {{ range .Site.Params.custom_js -}}
   <script type="text/javascript" src="{{ . | absURL }}"></script>
   {{- end }}
-</footer>
+</footer>
+
+