html validation fixes

content/_index.md

@@ -21,7 +21,7 @@ you'll find lots of information about whatever [silly](/games) [hyperfixations](
 [![natalie](/img/mew151.gif)](https://www.mew151.net/)
 [![lars](/img/lars2.png)](https://larsfrommars.neocities.org/)
 
-<hr width="85%" style="border: dotted 1px; color: var(--linkColor)">
+<hr style="border: dotted 1px; color: var(--linkColor); width: 85%;">
 
 [![ublock origin now!](../img/ublockoriginnow.png)](https://ublockorigin.com/)
 ![responsive website](/img/responsivewebsite_by_sodomite.jpg)
@@ -30,9 +30,8 @@ you'll find lots of information about whatever [silly](/games) [hyperfixations](
 [![web 3.14159...](../img/webpi.png)](http://web3.14159.annwfn.net/)
 [![firefox](../img/firefox.gif)](https://www.mozilla.org/firefox/new/)  
 [![i choose you! :: milotic](/img/milotic.png)](http://pkmn.caelestis.nu)[![pixel friends](/img/jeremiah.gif)](https://ac.kuchiki.net/)[![i ♥ moogles](/img/moogle.gif)](http://midnight-cloud.net/moogle)
-[![wisp protects the mana seed for peachmoon](/img/wisp.gif)](http://midnight-cloud.net/spirits)
+[![wisp protects the mana seed for peachmoon](/img/wisp.gif)](http://midnight-cloud.net/spirits)<p style="font-size: 0.8em">
-<br><font size=1>
+<i>journaling</i> too, is  <img src="/img/yuri.png" style="width: 16px; display: inline-block; vertical-align: middle;" alt="lily" /><a href="https://birdwrongs.neocities.org/yuri" target="_blank"><b>yuri</b></a>...</p>
-<i>journaling</i> too, is  <img src="/img/yuri.png" style="width: 16px; display: inline-block; vertical-align: middle;" /><a href="https://birdwrongs.neocities.org/yuri" target="_blank"><b>yuri</b></a>...</font>
 
 <div class="two-col-left">
 

content/music.md

@@ -39,7 +39,7 @@ Here's a list of some idol groups I've followed over the years:
 ![tanpopo](/img/music/tanpopo.png)
 
 
-<hr width="40%" style="border: dotted 1px; color: var(--linkColor)">
+<hr style="border: dotted 1px; color: var(--linkColor); width: 40%">
 
 [![arc jewel](/img/music/arcjewel.png)](#arcjewel)  
 ![ange☆reve](/img/music/angereve.png)
@@ -49,7 +49,7 @@ Here's a list of some idol groups I've followed over the years:
 ![lovely☆doll](/img/music/lovedoll.png)
 [![luce twinkle wink☆](/img/music/lucetwinklewink.png)](#ltwink)
 
-<hr width="40%" style="border: dotted 1px; color: var(--linkColor)">
+<hr style="border: dotted 1px; color: var(--linkColor); width: 40%">
 
 [![codomomental](/img/music/codomomental.png)](#codomomental)
 
@@ -57,7 +57,7 @@ Here's a list of some idol groups I've followed over the years:
 [![seireki13ya](/img/music/seireki.png)](#seireki)
 [![zenkimi](/img/music/zenkimi.png)](#zenkimi)
 
-<hr width="40%" style="border: dotted 1px; color: var(--linkColor)">
+<hr style="border: dotted 1px; color: var(--linkColor); width: 40%">
 
 [![dearstage](/img/music/dearstage.png)](#dearstage)  
 [![arcana project](/img/music/arcanaproject.png)](#arcana)
@@ -68,7 +68,7 @@ Here's a list of some idol groups I've followed over the years:
 [![meme tokyo](/img/music/memetokyo.png)](#memetokyo)
 ![nijicon](/img/music/nijicon.png)
 
-<hr width="40%" style="border: dotted 1px; color: var(--linkColor)">
+<hr style="border: dotted 1px; color: var(--linkColor); width: 40%">
 
 [![wack](/img/music/wack.png)](#wack)  
 ![billie idle](/img/music/billieidle.png)
@@ -77,7 +77,7 @@ Here's a list of some idol groups I've followed over the years:
 [![mameshiba no taigun](/img/music/mametai.png)](#mametai)
 ![kiss kiss](/img/music/kisskiss.png)
 
-<hr width="40%" style="border: dotted 1px; color: var(--linkColor)">
+<hr style="border: dotted 1px; color: var(--linkColor); width: 40%">
 
 [![22/7](/img/music/227.png)](#227)
 ![26ji no Masquerade](/img/music/26jinomasquerade.png)
@@ -157,7 +157,7 @@ The term oshimen (推しメン) comes from 推し, to cheer, and メンバー, m
 # ![milkyway](/img/music/milkyway.png) {#milkyway}  
 - 吉川友 [Kikkawa You](https://www.instagram.com/kikkawayou_official)
 
-<hr width="40%" style="border: dotted 1px; color: var(--linkColor)">
+<hr style="border: dotted 1px; color: var(--linkColor); width: 40%">
 
 # ![arcjewel](/img/music/arcjewel.png) {#arcjewel}
 # ![chu☆oh! dolly](/img/music/chuoh.png) {#chuoh}
@@ -166,7 +166,7 @@ The term oshimen (推しメン) comes from 推し, to cheer, and メンバー, m
 # ![luce twinkle wink☆](/img/music/lucetwinklewink.png) {#ltwink}
 - 宇佐美幸乃 [Usami Yukino](https://twitter.com/usami_yukino)
 
-<hr width="40%" style="border: dotted 1px; color: var(--linkColor)">
+<hr style="border: dotted 1px; color: var(--linkColor); width: 40%">
 
 # ![codomomental](/img/music/codomomental.png) {#codomomental}
 # ![kaqriyoterror](/img/music/kaqriyoterror.png) {#kariyoterror}
@@ -180,7 +180,7 @@ The term oshimen (推しメン) comes from 推し, to cheer, and メンバー, m
 - 咎憐无 Togaren AKA 白空こあい [Hakuu Coai](https://twitter.com/coai_yoruami)
 - 十字 [Mogeki Aza](https://twitter.com/maebazemi)
 
-<hr width="40%" style="border: dotted 1px; color: var(--linkColor)">
+<hr style="border: dotted 1px; color: var(--linkColor); width: 40%">
 
 # ![dearstage](/img/music/dearstage.png) {#dearstage}
 
@@ -203,7 +203,7 @@ The term oshimen (推しメン) comes from 推し, to cheer, and メンバー, m
 - [MEW](https://twitter.com/MEWCLUB__)
 
 
-<hr width="40%" style="border: dotted 1px; color: var(--linkColor)">
+<hr style="border: dotted 1px; color: var(--linkColor); width: 40%">
 
 # ![wack](/img/music/wack.png) {#wack}
 # ![bis](/img/music/bis.png) {#bis}
@@ -217,7 +217,7 @@ The term oshimen (推しメン) comes from 推し, to cheer, and メンバー, m
 # ![mameshiba no taigun](/img/music/mametai.png) {#mametai}
 - ミユキエンジェル [Miyukiangel](https://x.com/MiYUKiMAMESHiBA)
 
-<hr width="40%" style="border: dotted 1px; color: var(--linkColor)">
+<hr style="border: dotted 1px; color: var(--linkColor); width: 40%">
 
 # ![22/7](/img/music/227.png) {#227}
 - **天城サリー [Amaki Sally](https://twitter.com/sally_amaki)**
@@ -321,7 +321,7 @@ I heard my first Kpop in 2002 or so, when BoA released her first album. I follow
 
 ![](/img/music/.png)
 
-<hr width="40%" style="border: dotted 1px; color: var(--linkColor)">
+<hr style="border: dotted 1px; color: var(--linkColor); width: 40%">
 
 ![apink](/img/music/apink.png)
 ![april](/img/music/april.png)

static/css/style.css

@@ -261,6 +261,7 @@ img {
 .navtoc {
   display: inline;
   font-size: 0.9em;
+  text-align: center;
 }
 
   /* phospor-icons styling */

templates/base.html

@@ -1,4 +1,5 @@
-<!DOCTYPE html lang="en">
+<!DOCTYPE html>
+<html lang="en">
 <head>
     {% include "head.html" %}
 </head>

templates/footer.html

@@ -23,7 +23,7 @@
     <i class="ph ph-soundcloud-logo"></i>
   </a>
               <!-- FC2 Counter  Starts here -->
-<script language="javascript" type="text/javascript" src="//counter1.fc2.com/counter.php?id=39521789&main=1"></script><noscript><img src="//counter1.fc2.com/counter_img.php?id=39521789&main=1" /></noscript>
+<script type="text/javascript" src="//counter1.fc2.com/counter.php?id=39521789&main=1"></script><noscript><img src="//counter1.fc2.com/counter_img.php?id=39521789&main=1" alt="fc2 counter" /></noscript>
 <!-- FC2 Counter  Ends here -->
   </div>
   <div class="footRight">

templates/head.html

@@ -1,4 +1,6 @@
-<meta content="text/html" charset=UTF-8" name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes">
+<meta content="text/html">
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
 <meta name="robots" content="index, follow">
 {% if page.title %}
 {% set title = page.title %}

templates/page.html

@@ -3,7 +3,7 @@
 {% block content %}
 <h2>{{ page.title }}</h2>
 
-{% if page.toc and page.extra.toc %}<div align="center">
+{% if page.toc and page.extra.toc %}
 {% for h1 in page.toc %}
   <div class="navtoc">
   <a href="{{ h1.permalink | safe }}">{{ h1.title }}</a>
@@ -15,7 +15,6 @@
           {% endfor %}
       {% endfor %}
   {% endif %}
-  </div>
 {% endfor %}
 {% endif %}</div>