Merge pull request #38 from de-soot/main

removed Gemfile.lock from .gitignore
de-soot · Sep 7, 2024 · 79a861d · 79a861d
2 parents d8ab0bc + 505bb5c
commit 79a861d
Show file tree

Hide file tree

Showing 9 changed files with 28 additions and 29 deletions.
diff --git a/.gitignore b/.gitignore
@@ -3,4 +3,3 @@ _site
 .jekyll-cache
 .jekyll-metadata
 vendor
-Gemfile.lock
diff --git a/_site/404.html b/_site/404.html
@@ -9,16 +9,16 @@
 <meta property="og:locale" content="en_US" />
 <meta name="description" content="hosted on github pages" />
 <meta property="og:description" content="hosted on github pages" />
-<link rel="canonical" href="http://localhost:4000/404.html" />
-<meta property="og:url" content="http://localhost:4000/404.html" />
+<link rel="canonical" href="https://de-soot.github.io/404.html" />
+<meta property="og:url" content="https://de-soot.github.io/404.html" />
 <meta property="og:site_name" content="de_soot" />
 <meta property="og:type" content="website" />
 <meta name="twitter:card" content="summary" />
 <meta property="twitter:title" content="de_soot" />
 <script type="application/ld+json">
-{"@context":"https://schema.org","@type":"WebPage","description":"hosted on github pages","headline":"de_soot","url":"http://localhost:4000/404.html"}</script>
+{"@context":"https://schema.org","@type":"WebPage","description":"hosted on github pages","headline":"de_soot","url":"https://de-soot.github.io/404.html"}</script>
 <!-- End Jekyll SEO tag -->
-<link rel="stylesheet" href="/assets/main.css"><link type="application/atom+xml" rel="alternate" href="http://localhost:4000/feed.xml" title="de_soot" /></head>
+<link rel="stylesheet" href="/assets/main.css"><link type="application/atom+xml" rel="alternate" href="https://de-soot.github.io/feed.xml" title="de_soot" /></head>
 <body><header class="site-header" role="banner">
 
   <div class="wrapper"><a class="site-title" rel="author" href="/">de_soot</a><nav class="site-nav">

diff --git a/_site/about.html b/_site/about.html
@@ -9,16 +9,16 @@
 <meta property="og:locale" content="en_US" />
 <meta name="description" content="hosted on github pages" />
 <meta property="og:description" content="hosted on github pages" />
-<link rel="canonical" href="http://localhost:4000/about" />
-<meta property="og:url" content="http://localhost:4000/about" />
+<link rel="canonical" href="https://de-soot.github.io/about" />
+<meta property="og:url" content="https://de-soot.github.io/about" />
 <meta property="og:site_name" content="de_soot" />
 <meta property="og:type" content="website" />
 <meta name="twitter:card" content="summary" />
 <meta property="twitter:title" content="About" />
 <script type="application/ld+json">
-{"@context":"https://schema.org","@type":"WebPage","description":"hosted on github pages","headline":"About","url":"http://localhost:4000/about"}</script>
+{"@context":"https://schema.org","@type":"WebPage","description":"hosted on github pages","headline":"About","url":"https://de-soot.github.io/about"}</script>
 <!-- End Jekyll SEO tag -->
-<link rel="stylesheet" href="/assets/main.css"><link type="application/atom+xml" rel="alternate" href="http://localhost:4000/feed.xml" title="de_soot" /></head>
+<link rel="stylesheet" href="/assets/main.css"><link type="application/atom+xml" rel="alternate" href="https://de-soot.github.io/feed.xml" title="de_soot" /></head>
 <body><header class="site-header" role="banner">
 
   <div class="wrapper"><a class="site-title" rel="author" href="/">de_soot</a><nav class="site-nav">

diff --git a/_site/dark-mode.html b/_site/dark-mode.html
@@ -9,17 +9,17 @@
 <meta property="og:locale" content="en_US" />
 <meta name="description" content="Why Dark Mode For users visiting your website in a dark room or at night, it is often less straining for the eyes if your webpage to be displayed in dark mode." />
 <meta property="og:description" content="Why Dark Mode For users visiting your website in a dark room or at night, it is often less straining for the eyes if your webpage to be displayed in dark mode." />
-<link rel="canonical" href="http://localhost:4000/dark-mode" />
-<meta property="og:url" content="http://localhost:4000/dark-mode" />
+<link rel="canonical" href="https://de-soot.github.io/dark-mode" />
+<meta property="og:url" content="https://de-soot.github.io/dark-mode" />
 <meta property="og:site_name" content="de_soot" />
 <meta property="og:type" content="article" />
 <meta property="article:published_time" content="2024-09-07T00:00:00+08:00" />
 <meta name="twitter:card" content="summary" />
 <meta property="twitter:title" content="Add Dark Mode to Websites with CSS @media Queries (No JS)" />
 <script type="application/ld+json">
-{"@context":"https://schema.org","@type":"BlogPosting","dateModified":"2024-09-07T00:00:00+08:00","datePublished":"2024-09-07T00:00:00+08:00","description":"Why Dark Mode For users visiting your website in a dark room or at night, it is often less straining for the eyes if your webpage to be displayed in dark mode.","headline":"Add Dark Mode to Websites with CSS @media Queries (No JS)","mainEntityOfPage":{"@type":"WebPage","@id":"http://localhost:4000/dark-mode"},"url":"http://localhost:4000/dark-mode"}</script>
+{"@context":"https://schema.org","@type":"BlogPosting","dateModified":"2024-09-07T00:00:00+08:00","datePublished":"2024-09-07T00:00:00+08:00","description":"Why Dark Mode For users visiting your website in a dark room or at night, it is often less straining for the eyes if your webpage to be displayed in dark mode.","headline":"Add Dark Mode to Websites with CSS @media Queries (No JS)","mainEntityOfPage":{"@type":"WebPage","@id":"https://de-soot.github.io/dark-mode"},"url":"https://de-soot.github.io/dark-mode"}</script>
 <!-- End Jekyll SEO tag -->
-<link rel="stylesheet" href="/assets/main.css"><link type="application/atom+xml" rel="alternate" href="http://localhost:4000/feed.xml" title="de_soot" /></head>
+<link rel="stylesheet" href="/assets/main.css"><link type="application/atom+xml" rel="alternate" href="https://de-soot.github.io/feed.xml" title="de_soot" /></head>
 <body><header class="site-header" role="banner">
 
   <div class="wrapper"><a class="site-title" rel="author" href="/">de_soot</a><nav class="site-nav">

diff --git a/_site/feed.xml b/_site/feed.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="3.10.0">Jekyll</generator><link href="http://localhost:4000/feed.xml" rel="self" type="application/atom+xml" /><link href="http://localhost:4000/" rel="alternate" type="text/html" /><updated>2024-09-07T22:52:22+08:00</updated><id>http://localhost:4000/feed.xml</id><title type="html">de_soot</title><subtitle>hosted on github pages</subtitle><entry><title type="html">Add Dark Mode to Websites with CSS @media Queries (No JS)</title><link href="http://localhost:4000/dark-mode" rel="alternate" type="text/html" title="Add Dark Mode to Websites with CSS @media Queries (No JS)" /><published>2024-09-07T00:00:00+08:00</published><updated>2024-09-07T00:00:00+08:00</updated><id>http://localhost:4000/dark-mode</id><content type="html" xml:base="http://localhost:4000/dark-mode"><![CDATA[<h1 id="why-dark-mode">Why Dark Mode</h1>
+<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="3.10.0">Jekyll</generator><link href="https://de-soot.github.io/feed.xml" rel="self" type="application/atom+xml" /><link href="https://de-soot.github.io/" rel="alternate" type="text/html" /><updated>2024-09-07T23:05:27+08:00</updated><id>https://de-soot.github.io/feed.xml</id><title type="html">de_soot</title><subtitle>hosted on github pages</subtitle><entry><title type="html">Add Dark Mode to Websites with CSS @media Queries (No JS)</title><link href="https://de-soot.github.io/dark-mode" rel="alternate" type="text/html" title="Add Dark Mode to Websites with CSS @media Queries (No JS)" /><published>2024-09-07T00:00:00+08:00</published><updated>2024-09-07T00:00:00+08:00</updated><id>https://de-soot.github.io/dark-mode</id><content type="html" xml:base="https://de-soot.github.io/dark-mode"><![CDATA[<h1 id="why-dark-mode">Why Dark Mode</h1>
 <p>For users visiting your website in a dark room or at night, it is often less straining for the eyes if your webpage to be displayed in <a href="https://en.wikipedia.org/wiki/Light-on-dark_color_scheme">dark mode</a>.</p>
 
 <h1 id="how-to-do-it">How to do it</h1>
@@ -109,7 +109,7 @@
 <p>Read more on adding Giscus comments to your website at <a href="https://de-soot.github.io/giscus-comments">my previous blog post about 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>]]></content><author><name></name></author><category term="dark" /><category term="mode," /><category term="theme," /><category term="night" /><category term="colour" /><category term="scheme," /><category term="jekyll," /><category term="css," /><category term="github" /><category term="pages," /><category term="static" /><category term="websites" /><summary type="html"><![CDATA[Why Dark Mode For users visiting your website in a dark room or at night, it is often less straining for the eyes if your webpage to be displayed in dark mode.]]></summary></entry><entry><title type="html">Reponsive Web Text with Auto Justify and Hyphens Using Only CSS</title><link href="http://localhost:4000/justify-text" rel="alternate" type="text/html" title="Reponsive Web Text with Auto Justify and Hyphens Using Only CSS" /><published>2024-09-07T00:00:00+08:00</published><updated>2024-09-07T00:00:00+08:00</updated><id>http://localhost:4000/justify-text</id><content type="html" xml:base="http://localhost:4000/justify-text"><![CDATA[<p>You may have noticed the way the text are aligned in my blog posts are a little different from the usual way other websites normally align them, and that they always align as blocks of text no matter how you change your browser window’s size. This is because using CSS, I have justified and hyphenated the text on my website so it looks a whole lot cleaner and easier to read than if I had left it in its default jagged-right form as-is.</p>
+</script>]]></content><author><name></name></author><category term="dark" /><category term="mode," /><category term="theme," /><category term="night" /><category term="colour" /><category term="scheme," /><category term="jekyll," /><category term="css," /><category term="github" /><category term="pages," /><category term="static" /><category term="websites" /><summary type="html"><![CDATA[Why Dark Mode For users visiting your website in a dark room or at night, it is often less straining for the eyes if your webpage to be displayed in dark mode.]]></summary></entry><entry><title type="html">Reponsive Web Text with Auto Justify and Hyphens Using Only CSS</title><link href="https://de-soot.github.io/justify-text" rel="alternate" type="text/html" title="Reponsive Web Text with Auto Justify and Hyphens Using Only CSS" /><published>2024-09-07T00:00:00+08:00</published><updated>2024-09-07T00:00:00+08:00</updated><id>https://de-soot.github.io/justify-text</id><content type="html" xml:base="https://de-soot.github.io/justify-text"><![CDATA[<p>You may have noticed the way the text are aligned in my blog posts are a little different from the usual way other websites normally align them, and that they always align as blocks of text no matter how you change your browser window’s size. This is because using CSS, I have justified and hyphenated the text on my website so it looks a whole lot cleaner and easier to read than if I had left it in its default jagged-right form as-is.</p>
 
 <h1 id="how-to-hyphenate">How to Hyphenate</h1>
 <p>Though there is a way to do this with Javascript using <a href="https://mnater.github.io/Hyphenopoly">Hyphenopoly.js</a>, hyphenation already has built-in functionality in CSS and it is widely supported by browsers, so its a no-brainer unless your target audience has a user-agent that does not support CSS <code class="language-plaintext highlighter-rouge">hyphens</code> property for some reason.</p>
@@ -137,7 +137,7 @@
 
 <p>As of right now, I only know of one, and that is:</p>
 
-<p>Chris Noxz’s <a href="https://noxz.tech">noxz.tech</a>, which renders static HTML from <a href="https://www.gnu.org/software/groff"><code class="language-plaintext highlighter-rouge">groff</code></a>.</p>]]></content><author><name></name></author><category term="justify," /><category term="text-align," /><category term="jekyll," /><category term="css" /><summary type="html"><![CDATA[You may have noticed the way the text are aligned in my blog posts are a little different from the usual way other websites normally align them, and that they always align as blocks of text no matter how you change your browser window’s size. This is because using CSS, I have justified and hyphenated the text on my website so it looks a whole lot cleaner and easier to read than if I had left it in its default jagged-right form as-is.]]></summary></entry><entry><title type="html">Comments on Github Pages with Giscus</title><link href="http://localhost:4000/giscus-comments" rel="alternate" type="text/html" title="Comments on Github Pages with Giscus" /><published>2024-05-24T00:00:00+08:00</published><updated>2024-05-24T00:00:00+08:00</updated><id>http://localhost:4000/giscus-comments</id><content type="html" xml:base="http://localhost:4000/giscus-comments"><![CDATA[<p>I added a commenting feature for the blog using <a href="https://giscus.app">giscus</a>. Basically, it uses <a href="https://docs.github.com/en/discussions">Github Discussions</a> to store comments instead of storing it in its own database on the web server. Since this website is hosted on <a href="https://docs.github.com/en/pages">Github Pages</a> and Pages only supports static websites, it cannot host its own databases to store things such as comments.</p>
+<p>Chris Noxz’s <a href="https://noxz.tech">noxz.tech</a>, which renders static HTML from <a href="https://www.gnu.org/software/groff"><code class="language-plaintext highlighter-rouge">groff</code></a>.</p>]]></content><author><name></name></author><category term="justify," /><category term="text-align," /><category term="jekyll," /><category term="css" /><summary type="html"><![CDATA[You may have noticed the way the text are aligned in my blog posts are a little different from the usual way other websites normally align them, and that they always align as blocks of text no matter how you change your browser window’s size. This is because using CSS, I have justified and hyphenated the text on my website so it looks a whole lot cleaner and easier to read than if I had left it in its default jagged-right form as-is.]]></summary></entry><entry><title type="html">Comments on Github Pages with Giscus</title><link href="https://de-soot.github.io/giscus-comments" rel="alternate" type="text/html" title="Comments on Github Pages with Giscus" /><published>2024-05-24T00:00:00+08:00</published><updated>2024-05-24T00:00:00+08:00</updated><id>https://de-soot.github.io/giscus-comments</id><content type="html" xml:base="https://de-soot.github.io/giscus-comments"><![CDATA[<p>I added a commenting feature for the blog using <a href="https://giscus.app">giscus</a>. Basically, it uses <a href="https://docs.github.com/en/discussions">Github Discussions</a> to store comments instead of storing it in its own database on the web server. Since this website is hosted on <a href="https://docs.github.com/en/pages">Github Pages</a> and Pages only supports static websites, it cannot host its own databases to store things such as comments.</p>
 
 <h1 id="try-it">Try it</h1>
 <p>You can test it out yourself in the comments on blog post below by signing into your github account and commenting, or you can comment on the repository’s Github Discussions directly and it will show up on the comments section on the website similarly.</p>

diff --git a/_site/giscus-comments.html b/_site/giscus-comments.html
@@ -9,17 +9,17 @@
 <meta property="og:locale" content="en_US" />
 <meta name="description" content="I added a commenting feature for the blog using giscus. Basically, it uses Github Discussions to store comments instead of storing it in its own database on the web server. Since this website is hosted on Github Pages and Pages only supports static websites, it cannot host its own databases to store things such as comments." />
 <meta property="og:description" content="I added a commenting feature for the blog using giscus. Basically, it uses Github Discussions to store comments instead of storing it in its own database on the web server. Since this website is hosted on Github Pages and Pages only supports static websites, it cannot host its own databases to store things such as comments." />
-<link rel="canonical" href="http://localhost:4000/giscus-comments" />
-<meta property="og:url" content="http://localhost:4000/giscus-comments" />
+<link rel="canonical" href="https://de-soot.github.io/giscus-comments" />
+<meta property="og:url" content="https://de-soot.github.io/giscus-comments" />
 <meta property="og:site_name" content="de_soot" />
 <meta property="og:type" content="article" />
 <meta property="article:published_time" content="2024-05-24T00:00:00+08:00" />
 <meta name="twitter:card" content="summary" />
 <meta property="twitter:title" content="Comments on Github Pages with Giscus" />
 <script type="application/ld+json">
-{"@context":"https://schema.org","@type":"BlogPosting","dateModified":"2024-05-24T00:00:00+08:00","datePublished":"2024-05-24T00:00:00+08:00","description":"I added a commenting feature for the blog using giscus. Basically, it uses Github Discussions to store comments instead of storing it in its own database on the web server. Since this website is hosted on Github Pages and Pages only supports static websites, it cannot host its own databases to store things such as comments.","headline":"Comments on Github Pages with Giscus","mainEntityOfPage":{"@type":"WebPage","@id":"http://localhost:4000/giscus-comments"},"url":"http://localhost:4000/giscus-comments"}</script>
+{"@context":"https://schema.org","@type":"BlogPosting","dateModified":"2024-05-24T00:00:00+08:00","datePublished":"2024-05-24T00:00:00+08:00","description":"I added a commenting feature for the blog using giscus. Basically, it uses Github Discussions to store comments instead of storing it in its own database on the web server. Since this website is hosted on Github Pages and Pages only supports static websites, it cannot host its own databases to store things such as comments.","headline":"Comments on Github Pages with Giscus","mainEntityOfPage":{"@type":"WebPage","@id":"https://de-soot.github.io/giscus-comments"},"url":"https://de-soot.github.io/giscus-comments"}</script>
 <!-- End Jekyll SEO tag -->
-<link rel="stylesheet" href="/assets/main.css"><link type="application/atom+xml" rel="alternate" href="http://localhost:4000/feed.xml" title="de_soot" /></head>
+<link rel="stylesheet" href="/assets/main.css"><link type="application/atom+xml" rel="alternate" href="https://de-soot.github.io/feed.xml" title="de_soot" /></head>
 <body><header class="site-header" role="banner">
 
   <div class="wrapper"><a class="site-title" rel="author" href="/">de_soot</a><nav class="site-nav">