Merge branch 'preview'

assets/scss/_common.scss

@@ -94,7 +94,8 @@ blockquote {
     overflow: auto;
 
     border: none;
-    border-left: $border-width-thick solid #3642df;
+    // border-left: $border-width-thick solid #3642df;
+    border-left: $border-width-thick solid var(--accent-color);
 }
 
 html[data-theme=light] code {

assets/scss/_posts.scss

@@ -211,6 +211,10 @@
         font-size: .65em;
         line-height: .75;
     }
+    a.no-exlink::after
+    {
+        content: none;
+    }
 }
 
 div.center,

content/pages/postlike/about.md

@@ -4,6 +4,29 @@ title: About
 
 {% from "post/preview.html" import render_post_preview with context %}
 
+## About This Website
+
+This website breathed its first breath in summer of 2022. I had a bit of free time and wanted a place to share thoughts, music, etc. I also wanted it to be customisable; most {% abbr "mainstream CMSs", "content management systems (e.g. Weebly, Wix, Medium)" %} are limited and force my hands to be tied.
+
+You may see some posts "published" prior to 2022. Those are usually older projects or experiences which I've included for posterity. The dates there typically indicate the date the experience ended.
+
+### Optimised for Reading
+
+I strongly believe in a good, accessible reading experience. This means building content-first user experiences, optimising performance, applying responsive design, and following accessibility standards. This is why I love and incorporate elements such as Table of Contents and alerts/callouts.
+
+Readers shouldn't have to be ticked by text flowing off the screen, and they shouldn't be bombarded by ads on a sticky banner. Information deserves to be presented in a digestible format. Important points deserve to be highlighted.
+
+A number of websites these days prioritise cash flow through paywalls, subscriptions, and invasive ads, ruining user experience in the process. Sure, we have different objectives. Businesses often employ blog posts for marketing, SEO, and revenue-generating purposes. But I'm not a business, and I believe user experience comes first.
+
+Personally, I'm not against ads as long as they're non-invasive, don't ruin the reading experience, and respect privacy. I may or may not introduce ads in the future; but if I do, you can rest assured I'll carefully select an appropriate ad provider and place ads without compromising user experience.
+
+If you have any complaints, you know where to contact me. I'm open to suggestions.
+
+### Recent Site News
+
+{% set siteNews = collections.meta | head(3) | reverse %}
+<div class="post-preview-list mt-2">{% for post in siteNews %}{{ render_post_preview(post) | nl2br | brSafe | safe }}{% endfor %}</div>
+
 ## About Me
 
 {{site.author.bio}}
@@ -108,18 +131,9 @@ Things I'm interested in exploring:
 - Hack the Box (online CTFs + community)
 
 
-#### Board Games
-
-Ah, board games... one of my favourite pastimes. When I'm bored ~~game~~, you may find me playing the occasional game on Board Game Arena. Some of my favourite games are:
-
-- Race for the Galaxy
-- Hanabi
-- And more!
-
-
 ### Education
 
-I'm graduated from the [Hong Kong University of Science and Technology](https://hkust.edu.hk/) in May 2023, where I studied a combination of mathematics, computer science, and music. Fun times.
+I graduated from the [Hong Kong University of Science and Technology](https://hkust.edu.hk/) in May 2023, where I studied a combination of mathematics, computer science, and music. Fun times.
 
 
 {# ### Collaborating
@@ -135,17 +149,6 @@ I have several project ideas, the scope of which is beyond my capacity given my
 If you’re interested in collaborating, hit me up. #}
 
 
-## About This Website
-
-This website breathed its first breath in summer of 2022. I had a bit of free time and wanted a place to share thoughts, music, etc. I also wanted it to be customisable; most {% abbr "mainstream CMSs", "content management systems (e.g. Weebly, Wix, Medium)" %} are limited and force my hands to be tied.
-
-You may see some posts "published" prior to 2022. Those are usually older projects or experiences which I've included for posterity. The dates there typically indicate the date the experience ended.
-
-Recent {% tag "site", "meta" %} news:
-
-{% set siteNews = collections.meta | head(3) | reverse %}
-<div class="post-preview-list mt-2">{% for post in siteNews %}{{ render_post_preview(post) | nl2br | brSafe | safe }}{% endfor %}</div>
-
 ## FAQ
 
 ### Personal

content/tags/misc/meta.md

@@ -1,4 +1,4 @@
 ---
 ---
 
-Posts regarding this very site. Not Zucky's megacorporation!
+Posts regarding this very site. Not the heartless antagonistic privacy-shilling megacorporation.

content/tags/software/general/infosec.md

@@ -3,6 +3,8 @@ title: Information Security
 redirect_from: [/tags/cybersec/]
 ---
 
-Fast, good, cheap, secure. Choose three.
+Fast, cheap, secure. Choose two.
 
-A field in information technology which unfortunately exists due the opportunity cost between time constraints and engineering quality.
+Information security — a field in information technology which unfortunately exists due the opportunity cost between time constraints and engineering quality. And the inherent twisted nature of man.
+
+Here you'll find technical {% tag "writeups", "writeup" %}, {% tag "cheatsheets", "cheatsheet" %}, and {% tag "reflections", "reflection" %} on cybersecurity-related topics.

content/tags/software/general/linux.md

@@ -1,4 +1,4 @@
 ---
 ---
 
-Posts related to more Linux trickery and tomfoolery.
+Posts related to Linux trickery and tomfoolery.

content/tags/software/general/types.md

@@ -1,6 +1,11 @@
 ---
 ---
 
-What's your type?
-
-Static? Dynamic? Structural? Polymorphic? Algebraic?
+There are different ways to look at types in programming languages.
+
+1. They're descriptive. Types are used to annotate the properties of a variable and are meant as an indicator for other programmers. This is most common in dynamically-typed languages such as Python.
+2. They're prescriptive. Types are strictly enforced and checked. They are meant to assert statements at compile-time which would otherwise lead to runtime errors. These are meant more for the compiler, rather than other programmers.
+
+Among prescriptive languages, some type systems are more expressive such as {% tag "C++", "cpp" %}, {% tag "Rust" %}, {% tag "Scala" %} and {% tag "Haskell" %}.
+
+In some languages, you can write {% tag "meta-programs", "metaprogramming" %} with types. This means you can write logic and programs all expressed through types and their components. Essentially, this means the compiler becomes an interpreter operating on types — which I think is pretty neat!

content/tags/software/general/web.md

@@ -1,4 +1,6 @@
 ---
 ---
 
-Exploring the World Wide Web!
+The World Wide Web is a complex behemoth of interconnected objects. This bears huge implications for {% tag "security", "infosec" %}.
+
+Here you'll find posts related to web programming, web-related cyberattacks/{% tag "writeups", "writeup" %}, and information regarding this very {% tag "site", "meta" %}.

content/tags/software/general/windows.md

@@ -1,4 +1,4 @@
 ---
 ---
 
-Posts related to more OS-level trickery in Windows.
+Posts related to Windows trickery.

eleventy/shortcodes.js

@@ -63,7 +63,7 @@ module.exports = function (eleventyConfig) {
   ));
 
   eleventyConfig.addShortcode('tag', (text, tag) => {
-    tag ??= text;
+    tag ??= text.toLowerCase();
     return `<a class="jtag" href="/tags/${tag}/">${text}</a>`;
   });