Merge pull request #55 from de-soot/main

New blog post on groff ms, refer, and APA; reduced line-spacing to 150%

Author: de-soot

README.md

@@ -1,8 +1,9 @@
 # de-soot.github.io
 
-A place on the internet where I write about my write about my interests, hobbies, and projects.
+A place on the internet where I write about my write about things that interest me.
 
 ## Usage
+
 ### Visit Online
 
 Click [here](https://de-soot.github.io)
@@ -30,3 +31,22 @@ bundle exec jekyll serve
 7) Profit!
 
 Refer to the [official Jekyll documentation](https://jekyllrb.com/docs) for more information regarding installing and running Jekyll.
+
+### Write a Blog Post
+
+1. Create a markdown (`.md`) file inside `/_posts` with this at the top of the document:
+
+```md
+---
+layout: post
+title:
+date: YYYY-MM-DD
+categories:
+permalink: /...
+---
+```
+
+2. Write the title of the post after `title:`.
+3. Replace `YYYY`, `MM`, and `DD` with the year, month, and day the post is published, respectively.
+4. Add any keywords related to the topic of your post after `categories:` separated by commas.
+5. Replace the `...` after `permalink:` with the custom path given to the blog post.

_posts/2024-09-07-dark-mode.md

@@ -130,15 +130,16 @@ This is so they do not get flashbanged by their monitors at night if your websit
 
 You can also include the button to toggle themes on the website alongside defaulting it if you want, but I find this an unnecessary use of [Javascript][js].
 
-If you found this blog post useful, leave a comment down below! Check out how to add `giscus` comments to your own website on [my previous blog post guide for it][giscus-blog].
+# Conclusion
+
+If you found this blog post useful, leave a comment down below! Also check out how to add `giscus` comments to your own website on my [previous guide for it](/giscus-comments).
 
 [mdn]: https://developer.mozilla.org/en-US
 [js]: https://www.javascript.com
 [css]: https://developer.mozilla.org/en-US/docs/Web/CSS
 [at-rule]: https://developer.mozilla.org/en-US/docs/Web/CSS/At-rule
 [style-sheet]: https://en.wikipedia.org/wiki/Style_sheet_(web_development)
 [dark-mode]: https://en.wikipedia.org/wiki/Light-on-dark_color_scheme
-[giscus-blog]: https://de-soot.github.io/giscus-comments
 [css-blog]: https://tomkadwill.com/2017/12/16/how-to-override-css-styles-in-jekyll
 [yt-vid]: https://youtu.be/g85LQVp0hGM
 

_posts/2024-09-07-justify-text.md

@@ -53,6 +53,10 @@ Here are a list of other blogsites that I know of that use justified text:
 - Public Delivery's [publicdelivery.org][pubdeliver], which also justifies without hyphens.
 - JPEG XL's [jpegxl.info][jpg], which had fixed its un-hyphenated text.
 
+# Conclusion
+
+f you found this blog post useful, leave a comment down below! Also read how to add reactive dark-mode to your website in my [previous blog post](/dark-mode).
+
 [max]: https://maxwellforbes.com/posts/web-justified-text
 [jpg]: https://jpegxl.info 
 [noxz]: https://noxz.tech

_posts/2025-02-20-groff-apa.md

@@ -1,8 +1,9 @@
 # de-soot.github.io
 
-A place on the internet where I write about my write about my interests, hobbies, and projects.
+A place on the internet where I write about my write about things that interest me.
 
 ## Usage
+
 ### Visit Online
 
 Click [here](https://de-soot.github.io)
@@ -30,3 +31,22 @@ bundle exec jekyll serve
 7) Profit!
 
 Refer to the [official Jekyll documentation](https://jekyllrb.com/docs) for more information regarding installing and running Jekyll.
+
+### Write a Blog Post
+
+1. Create a markdown (`.md`) file inside `/_posts` with this at the top of the document:
+
+```md
+---
+layout: post
+title:
+date: YYYY-MM-DD
+categories:
+permalink: /...
+---
+```
+
+2. Write the title of the post after `title:`.
+3. Replace `YYYY`, `MM`, and `DD` with the year, month, and day the post is published, respectively.
+4. Add any keywords related to the topic of your post after `categories:` separated by commas.
+5. Replace the `...` after `permalink:` with the custom path given to the blog post.

_site/README.md

@@ -43,7 +43,7 @@ <h1 class="post-title">About</h1>
   </header>
 
   <div class="post-content">
-    <p>This is the website where I write about whatever inspires me to write in form of <a href="/">blogs</a>. It is made using <a href="https://jekyllrb.com">Jekyll</a>’s <a href="https://github.com/jekyll/minima">Minima</a> theme and is hosted for free on <a href="https://pages.github.com">Github Pages</a>.</p>
+    <p>Welcome to my website! <a href="/">This</a> is where I write about whatever I think is interesting or helpful. It is made with <a href="https://jekyllrb.com">Jekyll</a> using the <a href="https://github.com/jekyll/minima">Minima</a> theme and is hosted for free on <a href="https://pages.github.com">Github Pages</a>.</p>
 
 <p>The <code class="language-plaintext highlighter-rouge">source code</code> for this website can be found on its <a href="https://github.com/de-soot/de-soot.github.io">Github repository</a>.</p>
 

_site/about.html

@@ -203,7 +203,7 @@ h2 { color: #1a1a1a; font-family: sans-serif; }
 
 h3 { color: #262626; font-family: sans-serif; }
 
-p, ol, ul { font-family: serif; color: #333333; hyphens: auto; text-align: justify; line-height: 1.75; }
+p, ol, ul { color: #333333; font-family: serif; hyphens: auto; text-align: justify; line-height: 150%; }
 
 @media (prefers-color-scheme: dark) { body { background-color: #262626; }
   h1 { color: #f2f2f2; }

_site/assets/main.css

@@ -167,7 +167,9 @@ <h1 id="why-not-use-a-toggleable-button-instead">Why Not Use a Toggleable Button
 
 <p>You can also include the button to toggle themes on the website alongside defaulting it if you want, but I find this an unnecessary use of <a href="https://www.javascript.com">Javascript</a>.</p>
 
-<p>If you found this blog post useful, leave a comment down below! Check out how to add <code class="language-plaintext highlighter-rouge">giscus</code> comments to your own website on <a href="https://de-soot.github.io/giscus-comments">my previous blog post guide for it</a>.</p>
+<h1 id="conclusion">Conclusion</h1>
+
+<p>If you found this blog post useful, leave a comment down below! Also check out how to add <code class="language-plaintext highlighter-rouge">giscus</code> comments to your own website on my <a href="/giscus-comments">previous guide for it</a>.</p>
 
 <script src="https://giscus.app/client.js" data-repo="de-soot/de-soot.github.io" data-repo-id="R_kgDOK6_5tA" data-category="Announcements" data-category-id="DIC_kwDOK6_5tM4CflCT" data-mapping="title" data-strict="0" data-reactions-enabled="1" data-emit-metadata="0" data-input-position="top" data-theme="preferred_color_scheme" data-lang="en" data-loading="lazy" crossorigin="anonymous" async="">
 </script>