Update

.gitattributes

@@ -1,6 +1,6 @@
 # Auto detect text files and perform LF normalization
 * text=auto
-*.md linguist-detectable
 *.toml linguist-detectable linguist-vendored=false linguist-generated=false linguist-documentation=false
 *.yaml linguist-detectable linguist-vendored=false linguist-generated=false linguist-documentation=false
-*.yml linguist-detectable linguist-vendored=false linguist-generated=false linguist-documentation=false
+*.yml linguist-detectable linguist-vendored=false linguist-generated=false linguist-documentation=false
+*.md linguist-detectable

.github/workflows/deploy.yaml

@@ -30,7 +30,7 @@ jobs:
         run: zola build
 
       - name: Deploy to GitHub Pages
-        if: github.event_name == 'push'
+        if: github.event_name == 'push' || github.event_name == 'workflow_dispatch'
         uses: peaceiris/actions-gh-pages@v3
         with:
           github_token: ${{ secrets.GITHUB_TOKEN }}

content/_index.md

@@ -9,8 +9,8 @@ title="Home"
 The navigation menu is located at the top. The footer section is located below. In the footer you'll found some links, including to my social profiles and other useful links.
 
 ## What can I help you with?
-* **Coding** : I could, and interest to coding, especially contributing or helping.
-* **Writing** : I love writing, especially Documentations and I would like to help as much as I can.
-* **Music design** : I could design music for you, such as mixing, producing. I use Reaper as the ultimit audio software. Note, I'm not professional music producer and in still learning, especially because technology and programming is I interest the most.
+* *Coding* : I could, and interest to coding, especially contributing or helping.
+* *Writing* : I love writing, especially Documentations and I would like to help as much as I can.
+* *Music design* : I could design music for you, such as mixing, producing. I use Reaper as the ultimit audio software. Note, I'm not professional music producer and in still learning, especially because technology and programming is I interest the most.
 
 For more information about what can I help you with and If it does not listed above, please contact me.

content/projects.md

@@ -4,7 +4,7 @@ template="projects.html"
 [extra]
 projects=[
 {name="Endless Battle", type="Game", status="under construction process", url="https://harrymkt.github.io/endless-battle", description="A 3D offline shooting game for visually impaired"},
-{name="ZL UI Navigation", type="Theme, Open Source", status="released", url="https://github.com/harrymkt/zluinav", description="This theme is for static site generator called Zola. Read more about Zola in the Useful Articles section."}
+{name="ZL UI Navigation", type="Theme, Open Source", status="released", url="https://github.com/harrymkt/zluinav", description="This theme is for static site generator called Zola. Read more about [Zola](@/articles/zola-about.md) in the Useful Articles section."}
 ]
 +++
 # Projects

static/css/style.css

@@ -1,17 +1,24 @@
+/*
+Custom CSS style file for my personal website.
+*/
+//Body
 body
 {
+//I like blue
 color: Blue;
 width: auto;
 height: auto;
 }
 #mainc
 {
+//Main content is also blue? Hmm...
 color: Blue;
 width: auto;
 height: auto;
 }
 footer
 {
+//Why white? Well, I like it too. It shows honesty, and kindness, as far as I know.
 background-color: White;
 width: 250px;
 height: 250px;
@@ -24,9 +31,11 @@ height: auto;
 }
 #cometome
 {
+//For special, I made gold color for "come to me" section.
 color: Gold;
 }
 #ownername
 {
+//Remember I like blue? My name should be blue then!
 color: Blue;
 }

static/scripts/nav.js

@@ -39,7 +39,7 @@ var m = dates.getMonth();
 var mn = dates.getMinutes();
 var dy = dates.getDate();
 var dt = "";
-var currentage=y-birthyear;
+var currentage=calculate_age(new Date(2006, 6, 26));
 if(m == 6 && dy == 26)
 dt += "This is <b id=\"ownername\"></b>'s " + currentage + " year"+(currentage===1?"":"s")+" Birthday. ";
 if((m == 11 && dy == 31) || (m == 0 && dy == 1))

templates/mcs/content.html

@@ -1,6 +1,9 @@
-{%-macro process(page)-%}
-{%-set pcontent=page.content|replace(from="$title$", to=page.title)-%}
+{%-macro process(page, option="content")-%}
+{%-set optionval=page[option]|default(value=option)-%}
+{%-set pcontent=optionval|replace(from="$title$", to=page.title)|replace(from="$description$", to=page["description"]|as_str)-%}
+{%-set pcontent=pcontent|replace(from="$link$", to=page["permalink"]|as_str)-%}
 {%-if page.updated-%}{%-set pcontent=pcontent|replace(from="$updated$", to="<script>document.write(local_datetime_string('"~page.updated~"'));</script>")-%}{%-endif-%}
 {%-if page.date-%}{%-set pcontent=pcontent|replace(from="$date$", to="<script>document.write(local_datetime_string('"~page.date~"'));</script>")-%}{%-endif-%}
+{%-set pcontent=pcontent|replace(from="$/*", to="$")|replace(from="*/$", to="$")-%}
 {{pcontent|safe}}
 {%-endmacro process-%}

templates/projects.html

@@ -8,10 +8,10 @@
 {%-for p in page.extra.projects%}
 <h2><a href="{{p.url | safe}}">{{p.name}}</a></h2>
 <p>Type: {{p.type}}.</p>
-{%if p.status%}<p>Status: {{p.status}}</p>{%endif%}
+{%-if p.status%}<p>Status: {{p.status}}</p>{%-endif%}
 {%-if p.description%}
 <br>
-<p>{{p.description}}</p>
+{{p.description|markdown|safe}}
 {%- endif-%}
 {%-endfor-%}
 {%-else-%}