html validation fixes

content/_index.md

@@ -1,7 +1,7 @@
 +++
 title = "🍑🌙"
 +++
-<div style="font-size: 0.9em; text-align: center;">
+<div class="song">
 
 *![music note](/img/nowplaying.gif) [sun-smudged peach moon softer than an ice cream cone in june](https://inv.tux.pizza/watch?v=mIAFBGvIXPo) ![music note](/img/nowplaying.gif)*
 </div>
@@ -28,7 +28,7 @@ you'll find lots of information about whatever [silly](/games) [hyperfixations](
 ![same shit, different asshole](/img/sameshitdifferentasshole.gif)  
 ![transrights](../img/80x15/transrights.png)
 [![web 3.14159...](../img/webpi.png)](http://web3.14159.annwfn.net/)
-[![firefox](../img/80x15/firefox.gif)](https://www.mozilla.org/firefox/new/)  
+[![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)
 <br><font size=1>

content/about.md

@@ -1,5 +1,5 @@
 +++
-title = "about mana"
+title = "about"
 insert_anchor_links = "heading"
 +++
 <div class="navtoc" align="center">
@@ -7,6 +7,8 @@ insert_anchor_links = "heading"
  [picrews](/picrew)
  ![](/img/tinystar.gif)
  [quizzes](/quiz)
+  ![](/img/tinystar.gif)
+ [about the site](#website)
 </div>
 
 ![bear waving hello](/img/hibear.gif) hoi I'm mana! I've lived for 30-something years in the USA. she/they, [sapphic](https://lgbtqia.wiki/wiki/Sapphic) [demipansexual](https://lgbtqia.wiki/wiki/Demipansexual), [gender](https://lgbtqia.wiki/wiki/Petalkitty) [is](https://lgbtqia.wiki/wiki/Cutecoric) [confusing](https://lgbtqia.wiki/wiki/Genderfae).  
@@ -76,3 +78,14 @@ OMG> AKR+++ BTAm+++ CCS++ CHOm+ CBB- DBZ-- EXS%+ FLCL%- FB% FY% 999> GITS++ G080
 *OMGG WE HAVE THE SAME BRAINCELL* ― spherewave  
 *omg　cat sandwitch... ...* ― cheri  
 *whoa! a lil mew mew!* ― epsi
+
+---
+
+## about this website { #website }
+
+peachmoon.moe is built with [zola](https://www.getzola.org/) (a static site generator) and hosted by [gitlab pages](https://docs.gitlab.com/ee/user/project/pages/). I write everything in [VSCodium](https://vscodium.com/).  
+It was born on 21 February 2024.
+
+### milestones
+- **2024.06.30**: 500 views
+- **2024.03.08**: 69 views

content/now.md

@@ -2,8 +2,9 @@
 title = "what i'm up to lately"
 +++
 this is a [now](https://nownownow.com/about) page. you can make your own, if you like!  
-<font size=1>
-**last updated: 2024.07.07**</font>
+<div class="aside">
+
+**last updated: 2024.07.07**</div>
 
 ### currently
 - 😊 **feeling**: <a href="https://www.imood.com/users/rainbowpink"><img src="https://moods.imood.com/display/uname-rainbowpink/fg-000000/bg-ffffff/imood.gif" alt="The current mood of rainbowpink at www.imood.com" border="0"></a>

content/webcore.md

@@ -46,8 +46,8 @@ favicon records 88x31 button, peach fairy, petalkitty, cutecoric, faeian, and cu
 ![fuck fatphobia](../img/80x15/fat.gif)
 ![feminism](../img/80x15/feminism.gif)
 ![mean people suck](../img/80x15/mean_people.gif)
-![firefox](../img/80x15/firefox.gif)
 ![png gang](../img/80x15/pngimages.png)
+![firefox](../img/80x15/lovemeforme.gif)
 ![clouds](../img/80x15/mcclouds.gif)
 ![pastel colors](../img/80x15/mcpastels.gif)
 ![i heart books](../img/80x15/books.png)

static/css/style.css

@@ -37,7 +37,7 @@
     --bgColor: #000040;
     --fgColor: #FFFFC8;
     --metaColor: #ff97f6;
-    --headColor: #;
+    --headColor: #c87499;
     --linkColor: #99F3A3;
     --hovColor: #B89CF1;
     --bgSelect: #6c7086;
@@ -63,7 +63,7 @@
     --migi: url();
     --hidari: url();
     --kado3: url();
-    --kado4: url()
+    --kado4: url();
   }
 
   /* fonts */
@@ -281,36 +281,56 @@ img {
   div.emoji {
     justify-content: space-between;
     text-align: center;
-    img {width: 50px;}
+  }
+
+  div.emoji img {
+    justify-content: space-between;
+    text-align: center;
+    width: 50px
   }
 
   div.blinkie {
     display: block;
     text-align: center;
-    img {max-width: 150px;
-    padding-bottom: 0.2em;}
+  }
+
+  div.blinkie img {
+    max-width: 150px;
+    padding-bottom: 0.2em;
   }
 
   div.stamp {
     display: block;
     text-align: center;
-    img {max-width: 100px;
-      max-height: 100px;
-    margin-bottom: 0.1em; }
+  }
+
+  div.stamp img {
+    max-width: 100px;
+    max-height: 100px;
+    margin-bottom: 0.1em; 
   }
 
   div.banner {
     display: block;
     text-align: center;
-    img {max-width: 100px;
-    margin-bottom: 0.1em;}
   }
 
-  div.fanlist {
-    display: block;
-    img {
+  div.banner img {
+    max-width: 100px;
+    margin-bottom: 0.1em;
+  }
+
+  div.fanlist img {
       padding: 2px;
-    }
+  }
+
+  div.aside {
+    font-size: 0.8em;
+  }
+
+  div.song {
+    font-size: 0.9em;
+    text-align: center;
   }
 
   .button {

templates/base.html

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

templates/head.html

@@ -1,7 +1,6 @@
 <meta charset="UTF-8">
-<meta content="IE=edge" http-equiv="X-UA-Compatible"/>
-<meta content="text/html; charset=UTF-8" http-equiv="content-type"/>
-<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
+<meta content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
 <meta name="robots" content="index, follow">
 {% if page.title %}
 {% set title = page.title %}