Change the edited attribute to lastmod which is already implemented by the theme.

README.md

@@ -7,3 +7,39 @@ Orignally created to move my recipes from a local flash drive to a small and sim
 This website is going to be turned into something bigger, like a blog site of sorts.
 
 Subdomain is going to be changed to musings., writings., articles., blog., works., or something more appropriate. [TBD/TODO]
+
+# Project Structure
+
+## layouts
+
+### _default
+
+TBD
+
+### partials
+
+TBD
+
+### Short Codes
+
+Short codes provide code utility in content files. They can call partials but not other short codes.
+
+`comment.html` is intentionally blank, it allows comments in content files which do nothing.
+
+For block comments, use `hide.html` such as:
+
+```
+{{< hide >}}
+lalala
+
+this is markdown content
+
+# secret section not published yet
+
+super duper unfinished content
+{{< /hide >}}
+```
+
+### posts
+
+Layouts specifically related to content under `/posts/`

archetypes/poetry.md

@@ -1,10 +1,13 @@
 ---
 draft: true
+pinned: false
 title: "{{ replace .Name "-" " " | title }}"
 subtitle: ""
-author: bug
+author: Bug
 date: "{{ .Date }}"
-toc: false
+started:
+lastmod:
+toc: true
 images:
 tags:
   - poetry

archetypes/posts.md

@@ -1,9 +1,12 @@
 ---
 draft: true
+pinned: false
 title: "{{ replace .Name "-" " " | title }}"
 subtitle: ""
 author: authorDefault
 date: "{{ .Date }}"
+started:
+lastmod:
 toc: true
 images:
 tags:

content/posts/blog/is-chad-alive.md

@@ -1,30 +1,71 @@
 ---
-draft: yes
-title: "Is Chad Alive???"
-date: TBD
+pinned: true
+draft: true
+title: "Is Chad Alive??"
+subtitle: "How to easily check if I'm alive and well!"
+author: Hyperling
+date: "2025-11-21T09:00:00-07:00"
+toc: true
 tags:
-   - blog
+  - blog
 series:
-   - solitude
+  - solitude
 categories:
-   - blogposts
-toc: yes
+  - blogposts
+aliases:
+  - /is-chad-alive
 ---
 
 **This page has yet to be completed. Please check back later.**
 
-## Most Likely
+If you've been sent here because you asked if I'm doing alright, please bookmark this page so that you don't need to ask again. :)
 
-### Code Changes
+## Where to find "Signs of Life"
 
+Here are a few ways to confirm that I'm alive and have been online recently.
 
+### Most Likely
 
-## Somewhat Likely
+#### Code Changes
 
-### Odysee Videos
+I love working on my projects. The longest I'd likely go without changing something is a week. Don't worry about the technical details, just check the timestamps.
 
+- {{< external-link "https://git.hyperling.com/me?tab=activity" >}}
 
+#### Written Posts
 
-## Least Likely
+This website is new (at least compared to when this article is being posted) and I'm enjoying adding things every few days. Eventually it may just be weekly or biweekly though.
 
-### Recent Photos
+- {{< external-link "https://works.hyperling.com/posts" "/posts" >}}
+
+### Somewhat Likely
+
+#### Odysee Videos
+
+There's not much rhyme or reason as to when I make videos. Someties there are a few ina week, sometimes only one every quarter or half year. It's a better proof of life than just code and written changes though, I suppose.
+
+- {{< external-link "https://odysee.com/@HyperVegan:2" >}}
+
+### Least Likely
+
+#### Recent Photos
+
+As of this article I'm well over a year late on posting photos. I've worked on organizing them but it's just not much of a priority. I'll get to them eventually, probably.
+
+- {{< external-link "https://hyperling.com/photos/" >}}
+
+## Conclusion
+
+I really don't like check-ins, please don't ask for them. xD
+
+Ask me to hang out instead! Or if we're not currently near each other, tell me some cool news and I'll respond when I can.
+
+I tend to ignore messages such as "Everything alright?". So seriously, don't do it. 😂
+
+{{% hide %}}
+- Please see "{{< external-link "Managing Your Emotions" "/stop-projecting-fear-on-me" >}}" to understand why.]
+{{% /hide %}}
+
+Otherwise don't be surprised if I take longer to get back to you than others. 😈
+
+{{% tbd "lalalalla! This is a test! :)" %}}

content/posts/blog/why-check-ins-are-unhelpful.md

@@ -0,0 +1,8 @@
+---
+draft: true
+---
+
+## 1. It shows a fear-based mentality.
+### It projects that feat onto me.
+## 2. It shows a lack of trust.
+## 3. It shows a lack of support.

content/posts/crafts/wooden-camping-chair.md

@@ -18,6 +18,8 @@ aliases:
     - /posts/recipes/wooden-camping-chair
     - /posts/crafts/wooden-camping-chair
     - /wooden-camping-chair
+TBD:
+    - Also make the CAD images URLs to the full size resolution.
 ---
 
 ## Video

content/posts/tech/apple-debian-wireless-issues.md

@@ -38,7 +38,7 @@ This article assumes that your system has had the wireless card working on Debia
 
 I have a Macbook Air 7,2 (early 2015, i5) with a BCM4360 [14e4:43a0] and use the `wl` driver.
 
-```
+``` console
 $ sudo apt list broadcom*
 broadcom-sta-common/stable 6.30.223.271-26 amd64
 broadcom-sta-dkms/stable,now 6.30.223.271-26 amd64 [installed]
@@ -56,7 +56,7 @@ I'm not sure why this happened, but it was when the kernel version jumped from `
 
 Later versions such as `6.12.48` and `6.12.57` continued to get pulled and I'd try them before having to reboot back to `6.12.41`. While booted into the newer kernel versions `/sbin/iwconfig` would show no wireless network and GNOME didn't have a Wi-Fi button listed in the Settings app nor its system menu. Then I tried this:
 
-```
+``` console
 $ sudo modprobe wl
 modprobe: FATAL: Module wl not found in directory /lib/modules/6.12.57+deb13-amd64
 ```
@@ -67,7 +67,7 @@ After realizing that the `wl` module wasn't being loaded I thought maybe there w
 
 Ubuntu provides the packages `linux-image-generic` and `linux headers-generic`. Debian names them slightly different.
 
-```
+``` bash
 sudo apt install linux-image-amd64 linux-headers-amd64 --reinstall
 ```
 
@@ -90,19 +90,18 @@ Some good troubleshooting commands are below, as well as examples of when I was
 
 ### Example -- Missing Kernel Headers (6.12.57)
 
-```
+``` console
 [user@hostname ~]$ uname -a
 Linux debian 6.12.57+deb13-amd64 #1 SMP PREEMPT_DYNAMIC Debian 6.12.57-1 (2025-11-05) x86_64 GNU/Linux
 [user@hostname ~]$
 ```
----
-```
+
+``` console
 [user@hostname ~]$ lspci -vnn | grep -i net
 03:00.0 Network controller [0280]: Broadcom Inc. and subsidiaries BCM4360 802.11ac Dual Band Wireless Network Adapter [14e4:43a0] (rev 03)
 [user@hostname ~]$
 ```
----
-```
+``` console
 [user@hostname ~]$ /sbin/iwconfig
 lo        no wireless extensions.
 
@@ -110,19 +109,19 @@ docker0   no wireless extensions.
 
 [user@hostname ~]$
 ```
----
-```
+
+``` console
 [user@hostname ~]$ lsmod | grep wl
 [user@hostname ~]$
 ```
----
-```
+
+``` console
 [user@hostname ~]$ sudo modprobe wl
 modprobe: FATAL: Module wl not found in directory /lib/modules/6.12.57+deb13-amd64
 [user@hostname ~]$
 ```
----
-```
+
+``` console
 [user@hostname ~]$ sudo apt list broadcom*
 broadcom-sta-common/stable 6.30.223.271-26 amd64
 broadcom-sta-dkms/stable,now 6.30.223.271-26 amd64 [installed]
@@ -132,19 +131,19 @@ broadcom-sta-source/stable 6.30.223.271-26 amd64
 
 ### Example -- Wireless Working Correctly (6.12.41)
 
-```
+``` console
 [user@hostname ~]$ uname -a
 Linux debian 6.12.41+deb13-amd64 #1 SMP PREEMPT_DYNAMIC Debian 6.12.41-1 (2025-08-12) x86_64 GNU/Linux
 [user@hostname ~]$
 ```
----
-```
+
+``` console
 [user@hostname ~]$ lspci -vnn | grep -i net
 03:00.0 Network controller [0280]: Broadcom Inc. and subsidiaries BCM4360 802.11ac Dual Band Wireless Network Adapter [14e4:43a0] (rev 03)
 [user@hostname ~]$
 ```
----
-```
+
+``` console
 [user@hostname ~]$ /sbin/iwconfig
 lo        no wireless extensions.
 
@@ -159,15 +158,15 @@ docker0   no wireless extensions.
 
 [user@hostname ~]$
 ```
----
-```
+
+``` console
 [user@hostname ~]$ lsmod | grep wl | sort
 cfg80211             1392640  1 wl
 wl                   6459392  0
 [user@hostname ~]$
 ```
----
-```
+
+``` console
 [user@hostname ~]$ sudo modprobe wl
 [user@hostname ~]$
 ```
@@ -175,19 +174,19 @@ wl                   6459392  0
 
 ### Example -- Wireless Working Correctly (6.12.57)
 
-```
+``` console
 [user@hostname ~]$ uname -a
 Linux debian 6.12.57+deb13-amd64 #1 SMP PREEMPT_DYNAMIC Debian 6.12.57-1 (2025-11-05) x86_64 GNU/Linux
 [user@hostname ~]$
 ```
----
-```
+
+``` console
 [user@hostname ~]$ lspci -vnn | grep -i net
 03:00.0 Network controller [0280]: Broadcom Inc. and subsidiaries BCM4360 802.11ac Dual Band Wireless Network Adapter [14e4:43a0] (rev 03)
 [user@hostname ~]$
 ```
----
-```
+
+``` console
 [user@hostname ~]$ /sbin/iwconfig
 lo        no wireless extensions.
 
@@ -202,15 +201,15 @@ docker0   no wireless extensions.
 
 [user@hostname ~]$
 ```
----
-```
+
+``` console
 [user@hostname ~]$ lsmod | grep wl | sort
 cfg80211             1392640  1 wl
 wl                   6459392  0
 [user@hostname ~]$
 ```
----
-```
+
+``` console
 [user@hostname ~]$ sudo modprobe wl
 [user@hostname ~]$
 ```

content/posts/tech/linux-laptop.md

@@ -0,0 +1,105 @@
+---
+draft: false
+pinned: false
+title: "Linux Laptop"
+subtitle: "Buying a device with Linux pre-installed."
+author: Hyperling
+date: "2025-12-08T07:00:00-07:00"
+started: "2025-12-04T11:38:00-07:00"
+lastmod:
+toc: true
+images:
+tags:
+   - tech
+   - laptop
+   - desktop
+   - linux
+   - Debian
+   - Arch
+   - Ubuntu
+   - Dell
+   - Lenovo
+series:
+   - sysadmin
+categories:
+   - advice
+aliases:
+---
+
+## Introduction
+
+I was recently contacted for advice on for buying a laptop with Linux already installed. Below is my response as well as some extra thoughts on the subject.
+
+## Laptop Advice
+
+> Howdy!! Thanks for reaching out about this! From my experience the preinstalled Linux sphere is usually expensive gaming, developer, or other specialty type systems for enthusiasts. (NovaCustom, System76, Purism)
+>
+> The Pinebook Pro is the only budget device for daily driving that I can think of, and you may be able to buy an SD card with an OS preinstalled. It has an ARM processor rather than a normal desktop type processor, but depending on what you're doing it may not matter, like for web browsing.
+>
+> It looks like both Lenovo and Dell allow choosing Ubuntu and maybe other Linux distributions when configuring some of their laptops. It knocks down the price some too since they don't have to license out a proprietary OS. This option would probably be ideal for someone with no tech background. There may be other companies too.
+>
+> [https://www.lenovo.com/us/en/d/deals/custom/?visibleDatas=1014%3ALaptops%3B699%3ALinux&sortBy=priceUp](https://www.lenovo.com/us/en/d/deals/custom/?visibleDatas=1014%3ALaptops%3B699%3ALinux&sortBy=priceUp)
+>
+> [https://www.dell.com/en-us/shop/dell-laptops/scr/laptops/appref=ubuntu-linux-os?sortBy=price-ascending](https://www.dell.com/en-us/shop/dell-laptops/scr/laptops/appref=ubuntu-linux-os?sortBy=price-ascending)
+>
+> Otherwise I've always bought the device which fits my needs best and then wiped it and installed the OS of my choosing. Used laptops are great for that if you don't want big tech companies getting kickbacks from places like Best Buy which sell laptops with licensed OS's.
+>
+> Linux can run on most hardware, and can give life back to devices over 10 years old which people thought were too slow to be useful anymore. I'd avoid Apple since they can be a pain to set up. Otherwise anything with a working battery, screen, and keyboard would be fine. If it has 8GB of RAM or more then it will have plenty of power for today's needs.
+>
+> Also, I recommend keeping backups of important documents on an external flash or hard drive in case of drive failure. Especially if going the used device route. Private cloud storage can be okay too if you trust the owner. Most drives last a long time but I've been burned by one going out early, it's not fun. 🙃
+>
+> I'd love to hear what you end up doing! Let me know if you have any other questions. :)
+
+## Final Thoughts
+
+The requester already had a refurbished laptop and opted to back up their files to an external device and give installing the OS a go.
+
+If you have a spare USB drive, the process is fairly simply. There are applications for putting the installer on the flash drive, then you just plug it in and reboot the device. When it shows the laptop's brand name on the screen, you press a button, usually F10 or similar, choose the USB device, then follow the prompts from the installer.
+
+There are plenty of guides on how to do this. I've listed a few below. It can be a very educational process, especially if you already have some experience at the terminal or with Linux in general. Then once you get fairly experienced, installing a system like Arch is extremely rewarding and teaches you a lot about what it actually takes to make a distribution and what all the running components are under the hood.
+
+All in all, getting away from big tech is highly recommended. Windows, MacOS, and ChromeOS are all spyware meant to keep you in a locked down consumerist cycle. iOS and Google Android are no better. Liberating your devices by installing a FLOSS operating system! As of this writing I choose to use Debian on my desktops and servers, and on my smartphones I run LineageOS with microG.
+
+Feel free to give me a holler if you make a dive into this sphere and need any pointers! :)
+
+## Installation Guides (Desktop)
+
+Walkthroughs of how to put a new operating system on your device.
+
+### Beginner
+
+- Ubuntu
+    - {{% external-link "https://ubuntu.com/tutorials/install-ubuntu-desktop#1-overview" %}}
+- Pop!_OS
+    - {{% external-link "https://support.system76.com/articles/install-pop/" %}}
+- Linux Mint
+    - {{% external-link "https://linuxmint-installation-guide.readthedocs.io/en/latest/" %}}
+
+### Intermediate
+
+- Debian
+    - {{% external-link "https://www.debian.org/releases/trixie/arm64/" %}}
+- Fedora
+    - Shorter: {{%  external-link "https://docs.fedoraproject.org/en-US/fedora/latest/getting-started" %}}
+    - Detailed: {{% external-link "https://docs.fedoraproject.org/en-US/fedora/f36/install-guide/" %}}
+- openSUSE
+    - {{% external-link "https://doc.opensuse.org/documentation/leap/startup/html/book-startup/art-opensuse-installquick.html" %}}
+
+### Advanced
+
+- Arch Linux
+    - {{% external-link "https://wiki.archlinux.org/title/Installation_guide" %}}
+- FreeBSD
+    - {{% external-link "https://docs.freebsd.org/en/books/handbook/bsdinstall/" %}}
+
+## Installation Guides (Mobile)
+
+### Beginner
+
+- GrapheneOS
+    - {{% external-link "https://grapheneos.org/install/" %}}
+
+### Intermediate
+
+- LineageOS
+    - {{% external-link "https://wiki.lineageos.org/" %}}

hugo.yaml

@@ -0,0 +1,186 @@
+# 2025-11-21 Changed to be YAML rather than TOML. Much easier to understand.
+
+### My Params ###
+
+baseURL: '/'
+languageCode: 'en-us'
+title: "Hyperling's Works"
+subtitle: "My recipes, blogposts, musings, and more."
+
+#paginate = 25
+paginate: 99999
+
+markup:
+  goldmark:
+    # Allow direct HTML.
+    renderer:
+      unsafe: true
+
+    # Prevent URLs from becoming links which open in the same tab.
+    extensions:
+      linkify: false
+
+  tableOfContents:
+    endLevel: 4
+    ordered: false
+    startLevel: 2
+
+### End My Params ###
+
+
+### Theme ###
+# Seems pretty good, just need to add more config params so it acts better.
+theme: "hello-friend-ng"
+
+# Main Documentation
+# https://github.com/rhazdon/hugo-theme-hello-friend-ng/blob/master/docs/config.md
+
+# Favicon documentation for this theme.
+# https://github.com/rhazdon/hugo-theme-hello-friend-ng/blob/master/docs/favicons.md
+# Generator
+# https://realfavicongenerator.net/your-favicon-is-ready
+
+## Theme Suggested Params ##
+# The parameters below were copied, modified, or inspired from:
+#   https://github.com/rhazdon/hugo-theme-hello-friend-ng?tab=readme-ov-file#how-to-configure
+params:
+  dateform        : "Jan 2, 2006"
+  dateformShort   : "Jan 2"
+  dateformNum     : "2006-01-02"
+  dateformNumTime : "2006-01-02 15:04"
+
+  # Subtitle for home
+  homeSubtitle: "Blogposts, recipes, musings, and more."
+
+  # Set disableReadOtherPosts to true in order to hide the links to other posts.
+  disableReadOtherPosts: false
+
+  # Enable sharing buttons, if you like
+  enableSharingButtons: false
+
+  # Show a global language switcher in the navigation bar
+  enableGlobalLanguageMenu: false
+
+  # Metadata mostly used in document's head
+  description: "Written works by Hyperling."
+  keywords: "homepage, blog, recipes, crafts, food, seasonings, woodworking, poetry, poems"
+  images: [""]
+
+  # My Custom Params #
+  authorBug: "Chad Michael \"Bug\" Greenwood"
+  authorHyperling: "Chad Michael \"Hyperling\" Greenwood"
+  authorHyperVegan: "Chad Michael \"HyperVegan\" Greenwood"
+  authorDefault: "Chad Michael Greenwood"
+  # End My Custom Params #
+
+taxonomies:
+    categories : "categories"
+    tags       : "tags"
+    series     : "series"
+
+languages:
+  en:
+    title: "Hyperling's Written Works"
+    keywords: ""
+    copyright: '<a href="https://creativecommons.org/licenses/by-nc/4.0/" target="_blank" rel="noopener">CC BY-NC 4.0</a>'
+    readOtherPosts: "Read other posts"
+
+    params:
+      #subtitle = "Blogposts, recipes, musings, and more."
+
+      logo:
+        logoText: "Hyperling's Works"
+        logoHomeLink: "/"
+      # or
+      #
+      # path = "/img/your-example-logo.svg"
+      # alt = "Your example logo alt text"
+
+#  [languages.es]
+#    title = "Hola Amigo!"
+#    keywords = ""
+#    copyright = '<a href="https://creativecommons.org/licenses/by-nc/4.0/" target="_blank" rel="noopener">CC BY-NC 4.0</a>'
+#    readOtherPosts = "Read other posts"
+
+# And you can even create generic menu
+menu:
+  main:
+  - identifier : "00-all"
+    name       : "All"
+    url        : "/posts"
+    weight     : 1
+
+  - identifier : "01-tags"
+    name       : "Tags"
+    url        : "/tags"
+    weight     : 1
+    parent     : "00-all"
+
+  - identifier : "02-cats"
+    name       : "Categories"
+    url        : "/categories"
+    weight     : 2
+    parent     : "00-all"
+
+  - identifier : "20-food"
+    name       : "Food"
+    url        : "/tags/food"
+    weight     : 2
+
+  - identifier : "30-crafts"
+    name       : "Crafts"
+    url        : "/tags/crafts"
+    weight     : 3
+
+#[[menu.main]]
+#  identifier = "50-blog"
+#  name       = "Blogposts"
+#  url        = "/tags/blog"
+#  weight     = 5
+
+  - identifier : "60-poetry"
+    name       : "Poetry"
+    url        : "/tags/poetry"
+    weight     : 6
+
+  - identifier : "70-tech"
+    name       : "Tech"
+    url        : "/tags/tech"
+    weight     : 7
+
+  - identifier : "80-books"
+    name       : "Books"
+    url        : "/tags/books" #"https://hyperling.com/books"
+    weight     : 8
+
+# End parameters related to:
+#   https://github.com/rhazdon/hugo-theme-hello-friend-ng?tab=readme-ov-file#how-to-configure
+##
+
+### End Theme ###
+
+
+### Failed Themes ###
+# Do not go back to these unless figuring out what was done wrong.
+
+# not functioning well
+#theme = "recipes"
+
+# requires creating recipe objects?
+#theme = "cookbook"
+
+# not showing index files
+#theme = "awesome"
+
+# outdated
+#theme = "simple-dark"
+
+# too complicated? Failing to compile.
+#theme = "congo"
+
+# works, reads index files, shows cool header at the beginning of posts,
+# but FAILS at monospace fonts in code blocks and CSS for URLs is horrible.
+# Could maybe be modified to serve well enough.
+#theme = "hugo-classic"
+
+### End Failed Themes ###

layouts/partials/email.html

@@ -0,0 +1,2 @@
+{{ $email := .email | default .Email
+}}<a href="mailto:{{ $email }}">{{ $email }}</a>

layouts/partials/wip.html

@@ -0,0 +1,3 @@
+{{   $text := .text | default .Text
+}}{{ $wip := .sep | default .Sep | default .wip | default .WIP | default "WIP"
+}}*{{ $wip }}:* {{ $text }} *:{{ $wip }}*

layouts/posts/single.html

@@ -158,5 +158,9 @@
     </script>
     {{ end }}
 
+    <p style="text-align: center">
+      Questions? Concerns? Email {{ partial "email.html" (dict "email" "me@hyperling.com") }} any time!
+    </p>
+
   </main>
 {{ end }}

layouts/shortcodes/external-link.html

@@ -1,4 +1,3 @@
-{{   $text := .Get "text" | default (.Get 0)
-}}{{ $url := .Get "url" | default (.Get 1)
-}}
-<a href="{{ $url }}" target="_blank" rel="noopener noreferrer">{{ $text | markdownify }}</a>
+{{   $url := .Get "url" | default (.Get 1) | default (.Get 0)
+}}{{ $text := .Get "text" | default (.Get 0) | default $url
+}}<a href="{{ $url }}" target="_blank" rel="noopener noreferrer">{{ $text | markdownify }}</a>

layouts/shortcodes/hide.html

@@ -0,0 +1 @@
+{{ if .Inner }}{{ end }}

layouts/shortcodes/tbd.html

@@ -0,0 +1,3 @@
+{{   $text := .Get 0
+}}{{ partial "wip.html" (dict "text" $text "sep" "TBD")
+}}

layouts/shortcodes/wip.html

@@ -0,0 +1,4 @@
+{{   $text := .Get 0
+}}{{ $wip := .Get 1 | default "WIP"
+}}{{ partial "wip.html" (dict "text" $text "wip" $wip)
+}}

old-hugo.toml

@@ -1,3 +1,4 @@
+# Abandoned 2025-11-21 because it was not working as needed. Moved to YAML.
 
 ### My Params ###
 
@@ -15,9 +16,10 @@ markup.goldmark.renderer.unsafe = true
 # Prevent URLs from becoming links which open in the same tab.
 markup.goldmark.extensions.linkify = false
 
-#[markup.tableOfContents]
-#  startLevel = 2
-#  endLevel = 5
+[markup.tableOfContents]
+  endLevel = 4
+  ordered = false
+  startLevel = 2
 
 ### End My Params ###
 

static/css/style.css

@@ -1,20 +1,20 @@
 /* Prevent excess gaps underneath headers. Looks horrible! */
 h1,h2,p,div,blockquote {
-  margin-top: 8px;
-  margin-bottom: 16px;
-}
-h3,h4 {
-  margin-top: 6px;
-  margin-bottom: 12px;
-}
-h5,h6 {
-  margin-top: 4px;
+  margin-top: 16px;
   margin-bottom: 8px;
 }
-pre,strong {
-  margin-top: 2px;
+h3,h4 {
+  margin-top: 12px;
+  margin-bottom: 6px;
+}
+h5,h6,ul,ol {
+  margin-top: 8px;
   margin-bottom: 4px;
 }
+pre,strong {
+  margin-top: 4px;
+  margin-bottom: 2px;
+}
 
 pre {
   padding: 2px;
@@ -22,6 +22,13 @@ pre {
 }
 
 audio {
-  padding-top: 5px;
-  padding-bottom: 20px;
+  margin: 5px;
+}
+
+.post-content {
+  margin-top: 10px;
+}
+
+.highlight {
+  margin: 10px auto;
 }