Added discussions, Using discus.

tayrp · Oct 1, 2024 · bb4ebf7 · bb4ebf7
1 parent a0eec21
commit bb4ebf7
Show file tree

Hide file tree

Showing 15 changed files with 67 additions and 51 deletions.
diff --git a/content/discord/index.html b/content/discord/index.html
@@ -1,3 +1,4 @@
+<main>
 <div>
     <div class="about">
         <div>
@@ -60,4 +61,5 @@
                 <div class="dot" style="position: center">
                     <h3 id="pageBeginCountdownText" class="clock">3</h3>
                     <p class="pp">Until Join</p>
-                </div>
+                </div>
+            </main>
diff --git a/content/discussions/index.html b/content/discussions/index.html
diff --git a/content/pages/index.html b/content/pages/index.html
@@ -1,4 +1,4 @@
-<div>
+<main>
   <div class="about">
     <div>
       <p>A list of all pages on my website.</p>
@@ -19,4 +19,4 @@
       </li>
     </div>
   </div>
-</div>
+</main>
diff --git a/content/projects/index.html b/content/projects/index.html
@@ -1,4 +1,4 @@
-<div>
+<main>
   <div class="pl">
     <ul class="plul">
       <b>Here is a list of all my projects.</b>
@@ -9,4 +9,4 @@
       <!--<li><a href="https://link-here.tld">put text here to kinda give it a text yknow..</a></li>-->
     </ul>
   </div>
-</div>
+</main>
diff --git a/content/readme/index.html b/content/readme/index.html
diff --git a/content/salad/index.html b/content/salad/index.html
@@ -1,4 +1,4 @@
-<div>
+<main>
   <div class="about">
     <div>
       <body>
@@ -20,4 +20,4 @@ <h2>
       </body>
     </div>
   </div>
-</div>
+</main>
diff --git a/layouts/_default/home.html b/layouts/_default/home.html
@@ -15,8 +15,22 @@
         <a href="https://nohello.net/en/">NoHello</a> |
         <a href="https://dontasktoask.com/">DontAskToAsk</a> |
         <a href="https://xyproblem.info/">XYProblem</a>
-        <!--<h5>NOTE: Mocking me will result in a block, I don't care who you are.</h5>-->
-        <!--<h5>It's fine if I consider you a friend, Or I talk to you often and I don't hate you.</h5>-->
+        <script
+          src="https://giscus.app/client.js"
+          data-repo="tayrp/tayrp.github.io"
+          data-repo-id="R_kgDOLkMSbw"
+          data-category="Constructive Critism"
+          data-category-id="DIC_kwDOLkMSb84Ci9E6"
+          data-mapping="pathname"
+          data-strict="0"
+          data-reactions-enabled="0"
+          data-emit-metadata="1"
+          data-input-position="top"
+          data-theme="dark"
+          data-lang="en"
+          crossorigin="anonymous"
+          async
+        ></script>
       </p>
     </div>
   </div>

diff --git a/public/discord/index.html b/public/discord/index.html
@@ -13,8 +13,8 @@
       href="/assets/font-awesome/css/font-awesome.min.css"
     />
     <link rel="stylesheet" href="/assets/css/animate.css" />
-    <link rel="stylesheet" href="/assets/css/about/style.css" />
     <link rel="stylesheet" href="/assets/css/style.css" />
+    <link rel="stylesheet" href="/assets/css/about/style.css" />
     <link rel="shortcut icon" href="/assets/imgs/favicon.png" />
     <script src="assets/js/disableFullscreen.js"></script>
   </head>
@@ -66,7 +66,8 @@
     </nav>
 
 
-<main><div>
+<main><main>
+<div>
     <div class="about">
         <div>
             <p>
@@ -128,7 +129,8 @@
                 <div class="dot" style="position: center">
                     <h3 id="pageBeginCountdownText" class="clock">3</h3>
                     <p class="pp">Until Join</p>
-                </div></main>
+                </div>
+            </main></main>
 
     <footer>
       <div class="container">

diff --git a/public/discussions b/public/discussions
diff --git a/public/index.html b/public/index.html
@@ -82,8 +82,22 @@
         <a href="https://nohello.net/en/">NoHello</a> |
         <a href="https://dontasktoask.com/">DontAskToAsk</a> |
         <a href="https://xyproblem.info/">XYProblem</a>
-
-
+        <script
+          src="https://giscus.app/client.js"
+          data-repo="tayrp/tayrp.github.io"
+          data-repo-id="R_kgDOLkMSbw"
+          data-category="Constructive Critism"
+          data-category-id="DIC_kwDOLkMSb84Ci9E6"
+          data-mapping="pathname"
+          data-strict="0"
+          data-reactions-enabled="0"
+          data-emit-metadata="1"
+          data-input-position="top"
+          data-theme="dark"
+          data-lang="en"
+          crossorigin="anonymous"
+          async
+        ></script>
       </p>
     </div>
   </div>

diff --git a/public/index.xml b/public/index.xml
@@ -19,35 +19,35 @@
       <link>http://localhost:1313/discord/</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>http://localhost:1313/discord/</guid>
-      <description>&lt;div&gt;&#xD;&#xA;    &lt;div class=&#34;about&#34;&gt;&#xD;&#xA;        &lt;div&gt;&#xD;&#xA;            &lt;p&gt;&#xD;&#xA;            &lt;p&gt;If you have not been redirected to my Discord within 3 seconds.&lt;/p&gt;&#xD;&#xA;            &lt;/p&gt;&#xD;&#xA;        &lt;/div&gt;&#xD;&#xA;        &lt;div&gt;&#xD;&#xA;            &lt;p&gt;&#xD;&#xA;            &lt;p&gt;Please click &lt;a href=&#34;https://discord.gg/xQVDR3ANQX&#34;&gt;this&lt;/a&gt; to join&lt;/p&gt;&#xD;&#xA;            &lt;/p&gt;&#xD;&#xA;        &lt;/div&gt;&#xD;&#xA;    &lt;/div&gt;&#xD;&#xA;&lt;/div&gt;&#xD;&#xA;&lt;div&gt;&#xD;&#xA;    &lt;meta http-equiv=&#34;refresh&#34; content=&#34;4; URL=https://discord.gg/xMdsWvqp7P&#34; /&gt;&#xD;&#xA;&#xD;&#xA;    &lt;body&gt;&#xD;&#xA;        &lt;script&gt;&#xD;&#xA;            ProgressCountdown(3, &#34;pageBeginCountdownText&#34;);&#xD;&#xA;&#xD;&#xA;            function ProgressCountdown(timeleft, text) {&#xD;&#xA;                return new Promise((resolve, reject) =&gt; {&#xD;&#xA;                    var countdownTimer = setInterval(() =&gt; {&#xD;&#xA;                        timeleft--;&#xD;&#xA;&#xD;&#xA;                        document.getElementById(text).textContent = timeleft;&#xD;&#xA;&#xD;&#xA;                        if (timeleft &lt;= 0) {&#xD;&#xA;                            clearInterval(countdownTimer);&#xD;&#xA;                            resolve(true);&#xD;&#xA;                        }&#xD;&#xA;                    }, 1000);&#xD;&#xA;                });&#xD;&#xA;            }&#xD;&#xA;        &lt;/script&gt;&#xD;&#xA;&#xD;&#xA;        &lt;style&gt;&#xD;&#xA;            .dot {&#xD;&#xA;                height: 115px;&#xD;&#xA;                width: 115px;&#xD;&#xA;                border-style: solid;&#xD;&#xA;                border-width: 2px;&#xD;&#xA;                border-radius: 50%;&#xD;&#xA;                display: inline-block;&#xD;&#xA;                text-align: center;&#xD;&#xA;            }&#xD;&#xA;&#xD;&#xA;            .clock {&#xD;&#xA;                text-align: center;&#xD;&#xA;            }&#xD;&#xA;&#xD;&#xA;            .pp {&#xD;&#xA;                text-align: center;&#xD;&#xA;            }&#xD;&#xA;        &lt;/style&gt;&#xD;&#xA;&#xD;&#xA;        &lt;div class=&#34;row begin-countdown&#34;&gt;&#xD;&#xA;            &lt;div class=&#34;col-md-12 text-center&#34;&gt;&#xD;&#xA;                &lt;div class=&#34;dot&#34; style=&#34;position: center&#34;&gt;&#xD;&#xA;                    &lt;h3 id=&#34;pageBeginCountdownText&#34; class=&#34;clock&#34;&gt;3&lt;/h3&gt;&#xD;&#xA;                    &lt;p class=&#34;pp&#34;&gt;Until Join&lt;/p&gt;</description>
+      <description>&lt;main&gt;&#xD;&#xA;&lt;div&gt;&#xD;&#xA;    &lt;div class=&#34;about&#34;&gt;&#xD;&#xA;        &lt;div&gt;&#xD;&#xA;            &lt;p&gt;&#xD;&#xA;            &lt;p&gt;If you have not been redirected to my Discord within 3 seconds.&lt;/p&gt;&#xD;&#xA;            &lt;/p&gt;&#xD;&#xA;        &lt;/div&gt;&#xD;&#xA;        &lt;div&gt;&#xD;&#xA;            &lt;p&gt;&#xD;&#xA;            &lt;p&gt;Please click &lt;a href=&#34;https://discord.gg/xQVDR3ANQX&#34;&gt;this&lt;/a&gt; to join&lt;/p&gt;&#xD;&#xA;            &lt;/p&gt;&#xD;&#xA;        &lt;/div&gt;&#xD;&#xA;    &lt;/div&gt;&#xD;&#xA;&lt;/div&gt;&#xD;&#xA;&lt;div&gt;&#xD;&#xA;    &lt;meta http-equiv=&#34;refresh&#34; content=&#34;4; URL=https://discord.gg/xMdsWvqp7P&#34; /&gt;&#xD;&#xA;&#xD;&#xA;    &lt;body&gt;&#xD;&#xA;        &lt;script&gt;&#xD;&#xA;            ProgressCountdown(3, &#34;pageBeginCountdownText&#34;);&#xD;&#xA;&#xD;&#xA;            function ProgressCountdown(timeleft, text) {&#xD;&#xA;                return new Promise((resolve, reject) =&gt; {&#xD;&#xA;                    var countdownTimer = setInterval(() =&gt; {&#xD;&#xA;                        timeleft--;&#xD;&#xA;&#xD;&#xA;                        document.getElementById(text).textContent = timeleft;&#xD;&#xA;&#xD;&#xA;                        if (timeleft &lt;= 0) {&#xD;&#xA;                            clearInterval(countdownTimer);&#xD;&#xA;                            resolve(true);&#xD;&#xA;                        }&#xD;&#xA;                    }, 1000);&#xD;&#xA;                });&#xD;&#xA;            }&#xD;&#xA;        &lt;/script&gt;&#xD;&#xA;&#xD;&#xA;        &lt;style&gt;&#xD;&#xA;            .dot {&#xD;&#xA;                height: 115px;&#xD;&#xA;                width: 115px;&#xD;&#xA;                border-style: solid;&#xD;&#xA;                border-width: 2px;&#xD;&#xA;                border-radius: 50%;&#xD;&#xA;                display: inline-block;&#xD;&#xA;                text-align: center;&#xD;&#xA;            }&#xD;&#xA;&#xD;&#xA;            .clock {&#xD;&#xA;                text-align: center;&#xD;&#xA;            }&#xD;&#xA;&#xD;&#xA;            .pp {&#xD;&#xA;                text-align: center;&#xD;&#xA;            }&#xD;&#xA;        &lt;/style&gt;&#xD;&#xA;&#xD;&#xA;        &lt;div class=&#34;row begin-countdown&#34;&gt;&#xD;&#xA;            &lt;div class=&#34;col-md-12 text-center&#34;&gt;&#xD;&#xA;                &lt;div class=&#34;dot&#34; style=&#34;position: center&#34;&gt;&#xD;&#xA;                    &lt;h3 id=&#34;pageBeginCountdownText&#34; class=&#34;clock&#34;&gt;3&lt;/h3&gt;&#xD;&#xA;                    &lt;p class=&#34;pp&#34;&gt;Until Join&lt;/p&gt;</description>
     </item>
     <item>
       <title></title>
-      <link>http://localhost:1313/pages/</link>
+      <link>http://localhost:1313/discussions/</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
-      <guid>http://localhost:1313/pages/</guid>
-      <description>&lt;div&gt;&#xD;&#xA;  &lt;div class=&#34;about&#34;&gt;&#xD;&#xA;    &lt;div&gt;&#xD;&#xA;      &lt;p&gt;A list of all pages on my website.&lt;/p&gt;&#xD;&#xA;      &lt;p&gt;Some are hidden, like Eastereggs.&lt;/p&gt;&#xD;&#xA;      &lt;li&gt;&lt;a href=&#34;http://localhost:1313/&#34;&gt;Home&lt;/a&gt; - Takes you to my home page.&lt;/li&gt;&#xD;&#xA;      &lt;li&gt;&lt;a href=&#34;http://localhost:1313/about&#34;&gt;About&lt;/a&gt; - Takes you to my About/Bio page.&lt;/li&gt;&#xD;&#xA;      &lt;li&gt;&lt;a href=&#34;http://localhost:1313/projects&#34;&gt;Projects&lt;/a&gt; - Takes you to my Projects page.&lt;/li&gt;&#xD;&#xA;      &lt;li&gt;&lt;a href=&#34;http://localhost:1313/discord&#34;&gt;Discord&lt;/a&gt; - Redirects you to my Discord.&lt;/li&gt;&#xD;&#xA;      &lt;li&gt;&lt;a href=&#34;http://localhost:1313/pages&#34;&gt;Pages&lt;/a&gt; - Takes you to this page.&lt;/li&gt;&#xD;&#xA;      &lt;li&gt;&lt;a href=&#34;http://localhost:1313/readme&#34;&gt;README&lt;/a&gt; - Takes you to my README page.&lt;/li&gt;&#xD;&#xA;      &lt;li&gt;&#xD;&#xA;        &lt;a href=&#34;https://docs.mysty.one/&#34;&gt;GitBook&lt;/a&gt; - Takes you to my GitBook&#xD;&#xA;        website.&#xD;&#xA;      &lt;/li&gt;&#xD;&#xA;      &lt;li&gt;&#xD;&#xA;        &lt;a href=&#34;https://tayrp.substack.com/&#34;&gt;Blog&lt;/a&gt; - Takes you to my&#xD;&#xA;        Substack.&#xD;&#xA;      &lt;/li&gt;&#xD;&#xA;    &lt;/div&gt;&#xD;&#xA;  &lt;/div&gt;&#xD;&#xA;&lt;/div&gt;</description>
+      <guid>http://localhost:1313/discussions/</guid>
+      <description>1</description>
     </item>
     <item>
       <title></title>
-      <link>http://localhost:1313/projects/</link>
+      <link>http://localhost:1313/pages/</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
-      <guid>http://localhost:1313/projects/</guid>
-      <description>&lt;div&gt;&#xD;&#xA;  &lt;div class=&#34;pl&#34;&gt;&#xD;&#xA;    &lt;ul class=&#34;plul&#34;&gt;&#xD;&#xA;      &lt;b&gt;Here is a list of all my projects.&lt;/b&gt;&#xD;&#xA;      &lt;li&gt;&#xD;&#xA;        &lt;a href=&#34;https://modrinth.com/user/tay&#34;&gt;Modrinth&lt;/a&gt; - Mods, Modpacks,&#xD;&#xA;        Datapacks, etc&#xD;&#xA;      &lt;/li&gt;&#xD;&#xA;      &lt;!--&lt;li&gt;&lt;a href=&#34;https://link-here.tld&#34;&gt;put text here to kinda give it a text yknow..&lt;/a&gt;&lt;/li&gt;--&gt;&#xD;&#xA;    &lt;/ul&gt;&#xD;&#xA;  &lt;/div&gt;&#xD;&#xA;&lt;/div&gt;</description>
+      <guid>http://localhost:1313/pages/</guid>
+      <description>&lt;main&gt;&#xD;&#xA;  &lt;div class=&#34;about&#34;&gt;&#xD;&#xA;    &lt;div&gt;&#xD;&#xA;      &lt;p&gt;A list of all pages on my website.&lt;/p&gt;&#xD;&#xA;      &lt;p&gt;Some are hidden, like Eastereggs.&lt;/p&gt;&#xD;&#xA;      &lt;li&gt;&lt;a href=&#34;http://localhost:1313/&#34;&gt;Home&lt;/a&gt; - Takes you to my home page.&lt;/li&gt;&#xD;&#xA;      &lt;li&gt;&lt;a href=&#34;http://localhost:1313/about&#34;&gt;About&lt;/a&gt; - Takes you to my About/Bio page.&lt;/li&gt;&#xD;&#xA;      &lt;li&gt;&lt;a href=&#34;http://localhost:1313/projects&#34;&gt;Projects&lt;/a&gt; - Takes you to my Projects page.&lt;/li&gt;&#xD;&#xA;      &lt;li&gt;&lt;a href=&#34;http://localhost:1313/discord&#34;&gt;Discord&lt;/a&gt; - Redirects you to my Discord.&lt;/li&gt;&#xD;&#xA;      &lt;li&gt;&lt;a href=&#34;http://localhost:1313/pages&#34;&gt;Pages&lt;/a&gt; - Takes you to this page.&lt;/li&gt;&#xD;&#xA;      &lt;li&gt;&lt;a href=&#34;http://localhost:1313/readme&#34;&gt;README&lt;/a&gt; - Takes you to my README page.&lt;/li&gt;&#xD;&#xA;      &lt;li&gt;&#xD;&#xA;        &lt;a href=&#34;https://docs.mysty.one/&#34;&gt;GitBook&lt;/a&gt; - Takes you to my GitBook&#xD;&#xA;        website.&#xD;&#xA;      &lt;/li&gt;&#xD;&#xA;      &lt;li&gt;&#xD;&#xA;        &lt;a href=&#34;https://tayrp.substack.com/&#34;&gt;Blog&lt;/a&gt; - Takes you to my&#xD;&#xA;        Substack.&#xD;&#xA;      &lt;/li&gt;&#xD;&#xA;    &lt;/div&gt;&#xD;&#xA;  &lt;/div&gt;&#xD;&#xA;&lt;/main&gt;</description>
     </item>
     <item>
       <title></title>
-      <link>http://localhost:1313/readme/</link>
+      <link>http://localhost:1313/projects/</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
-      <guid>http://localhost:1313/readme/</guid>
-      <description>&lt;div&gt;&#xD;&#xA;  &lt;div class=&#34;about&#34;&gt;&#xD;&#xA;    &lt;div&gt;&#xD;&#xA;      &lt;p&gt;My personal README.&lt;/p&gt;&#xD;&#xA;      &lt;p&gt;Please do not contact me without reading.&lt;/p&gt;&#xD;&#xA;      &lt;li&gt;&lt;a href=&#34;https://nohello.net/en/&#34;&gt;No Hello&lt;/a&gt; - Read this please&lt;/li&gt;&#xD;&#xA;      &lt;li&gt;&#xD;&#xA;        &lt;a href=&#34;https://dontasktoask.com/&#34;&gt;Don&#39;t Ask To Ask&lt;/a&gt; - Read this&#xD;&#xA;        please&#xD;&#xA;      &lt;/li&gt;&#xD;&#xA;      &lt;li&gt;&#xD;&#xA;        &lt;a href=&#34;https://xyproblem.info/&#34;&gt;XY Problem&lt;/a&gt; - Read this please&#xD;&#xA;      &lt;/li&gt;&#xD;&#xA;    &lt;/div&gt;&#xD;&#xA;  &lt;/div&gt;&#xD;&#xA;&lt;/div&gt;</description>
+      <guid>http://localhost:1313/projects/</guid>
+      <description>&lt;main&gt;&#xD;&#xA;  &lt;div class=&#34;pl&#34;&gt;&#xD;&#xA;    &lt;ul class=&#34;plul&#34;&gt;&#xD;&#xA;      &lt;b&gt;Here is a list of all my projects.&lt;/b&gt;&#xD;&#xA;      &lt;li&gt;&#xD;&#xA;        &lt;a href=&#34;https://modrinth.com/user/tay&#34;&gt;Modrinth&lt;/a&gt; - Mods, Modpacks,&#xD;&#xA;        Datapacks, etc&#xD;&#xA;      &lt;/li&gt;&#xD;&#xA;      &lt;!--&lt;li&gt;&lt;a href=&#34;https://link-here.tld&#34;&gt;put text here to kinda give it a text yknow..&lt;/a&gt;&lt;/li&gt;--&gt;&#xD;&#xA;    &lt;/ul&gt;&#xD;&#xA;  &lt;/div&gt;&#xD;&#xA;&lt;/main&gt;</description>
     </item>
     <item>
       <title></title>
       <link>http://localhost:1313/salad/</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>http://localhost:1313/salad/</guid>
-      <description>&lt;div&gt;&#xD;&#xA;  &lt;div class=&#34;about&#34;&gt;&#xD;&#xA;    &lt;div&gt;&#xD;&#xA;      &lt;body&gt;&#xD;&#xA;        &lt;div class=&#34;content&#34;&gt;&#xD;&#xA;          &lt;h2&gt;&#xD;&#xA;            Look at this person eating their salad, You like this gif? You&#xD;&#xA;            should replicate it.&#xD;&#xA;          &lt;/h2&gt;&#xD;&#xA;          &lt;iframe&#xD;&#xA;            width=&#34;450&#34;&#xD;&#xA;            height=&#34;350&#34;&#xD;&#xA;            src=&#34;https://c.tenor.com/HZ_mu1zU3-UAAAAd/tenor.gif&#34;&#xD;&#xA;            frameborder=&#34;0&#34;&#xD;&#xA;            allowfullscreen&#xD;&#xA;            style=&#34;margin-left: 65px&#34;&#xD;&#xA;          &gt;&lt;/iframe&gt;&#xD;&#xA;          &lt;div id=&#34;images&#34;&gt;&lt;/div&gt;&#xD;&#xA;        &lt;/div&gt;&#xD;&#xA;      &lt;/body&gt;&#xD;&#xA;    &lt;/div&gt;&#xD;&#xA;  &lt;/div&gt;&#xD;&#xA;&lt;/div&gt;</description>
+      <description>&lt;main&gt;&#xD;&#xA;  &lt;div class=&#34;about&#34;&gt;&#xD;&#xA;    &lt;div&gt;&#xD;&#xA;      &lt;body&gt;&#xD;&#xA;        &lt;div class=&#34;content&#34;&gt;&#xD;&#xA;          &lt;h2&gt;&#xD;&#xA;            Look at this person eating their salad, You like this gif? You&#xD;&#xA;            should replicate it.&#xD;&#xA;          &lt;/h2&gt;&#xD;&#xA;          &lt;iframe&#xD;&#xA;            width=&#34;450&#34;&#xD;&#xA;            height=&#34;350&#34;&#xD;&#xA;            src=&#34;https://c.tenor.com/HZ_mu1zU3-UAAAAd/tenor.gif&#34;&#xD;&#xA;            frameborder=&#34;0&#34;&#xD;&#xA;            allowfullscreen&#xD;&#xA;            style=&#34;margin-left: 65px&#34;&#xD;&#xA;          &gt;&lt;/iframe&gt;&#xD;&#xA;          &lt;div id=&#34;images&#34;&gt;&lt;/div&gt;&#xD;&#xA;        &lt;/div&gt;&#xD;&#xA;      &lt;/body&gt;&#xD;&#xA;    &lt;/div&gt;&#xD;&#xA;  &lt;/div&gt;&#xD;&#xA;&lt;/main&gt;</description>
     </item>
   </channel>
 </rss>
diff --git a/public/pages/index.html b/public/pages/index.html
@@ -13,8 +13,8 @@
       href="/assets/font-awesome/css/font-awesome.min.css"
     />
     <link rel="stylesheet" href="/assets/css/animate.css" />
-    <link rel="stylesheet" href="/assets/css/about/style.css" />
     <link rel="stylesheet" href="/assets/css/style.css" />
+    <link rel="stylesheet" href="/assets/css/about/style.css" />
     <link rel="shortcut icon" href="/assets/imgs/favicon.png" />
     <script src="assets/js/disableFullscreen.js"></script>
   </head>
@@ -66,7 +66,7 @@
     </nav>
 
 
-<main><div>
+<main><main>
   <div class="about">
     <div>
       <p>A list of all pages on my website.</p>
@@ -87,7 +87,7 @@
       </li>
     </div>
   </div>
-</div>
+</main>
 </main>
 
     <footer>

diff --git a/public/projects/index.html b/public/projects/index.html
@@ -13,8 +13,8 @@
       href="/assets/font-awesome/css/font-awesome.min.css"
     />
     <link rel="stylesheet" href="/assets/css/animate.css" />
-    <link rel="stylesheet" href="/assets/css/about/style.css" />
     <link rel="stylesheet" href="/assets/css/style.css" />
+    <link rel="stylesheet" href="/assets/css/about/style.css" />
     <link rel="shortcut icon" href="/assets/imgs/favicon.png" />
     <script src="assets/js/disableFullscreen.js"></script>
   </head>
@@ -66,7 +66,7 @@
     </nav>
 
 
-<main><div>
+<main><main>
   <div class="pl">
     <ul class="plul">
       <b>Here is a list of all my projects.</b>
@@ -77,7 +77,7 @@
       <!--<li><a href="https://link-here.tld">put text here to kinda give it a text yknow..</a></li>-->
     </ul>
   </div>
-</div>
+</main>
 </main>
 
     <footer>

diff --git a/public/readme/index.html b/public/readme/index.html
@@ -13,8 +13,8 @@
       href="/assets/font-awesome/css/font-awesome.min.css"
     />
     <link rel="stylesheet" href="/assets/css/animate.css" />
-    <link rel="stylesheet" href="/assets/css/about/style.css" />
     <link rel="stylesheet" href="/assets/css/style.css" />
+    <link rel="stylesheet" href="/assets/css/about/style.css" />
     <link rel="shortcut icon" href="/assets/imgs/favicon.png" />
     <script src="assets/js/disableFullscreen.js"></script>
   </head>
-Original file line number
+Diff line change
@@ -1,4 +1,4 @@
-    <div>
+    <main>
       <div class="about">
         <div>
           <body>
@@ Expand All / @@ -20,4 +20,4 @@ <h2> @@
           </body>
         </div>
       </div>
-    </div>
+    </main>