diff --git a/changelog b/changelog
index e986c16..e99ddf9 100644
--- a/changelog
+++ b/changelog
@@ -20,3 +20,4 @@
 2024-07-26: update site-info.html
 2024-07-26: I have a dns server now. oops. there go my sleeping plans. email me if you want to use it for some insane reason.
 2024-07-27: Update style on non blog posts
+2024-07-27: modernize /html/site-info.html, finally
diff --git a/files/dir_index.html b/files/dir_index.html
index f9cdf09..bb0a825 100644
--- a/files/dir_index.html
+++ b/files/dir_index.html
@@ -8,36 +8,6 @@
 <meta name="syntax" content="html">
 <meta name="settings" content="no_progress,number_lines,use_css,no_foldcolumn,expand_tabs,line_ids,prevent_copy=,use_input_for_pc=fallback">
 <meta name="colorscheme" content="gruvbox">
-<style>
-<!--
-@font-face {
-  font-family: 'Scientifica';
-  src: url('/font/scientifica.ttf') format('truetype');
-}
-
-@font-face {
-  font-family: 'ScientificaItalic';
-  src: url('/font/scientificaItalic.ttf') format('truetype');
-}
-
-* {
-    font-family: 'Scientifica';
-}
-pre { color: #3c3836; background-color: #fbf1c7; }
-body { color: #3c3836; background-color: #fbf1c7; }
-* { font-size: 1em; }
-.GruvboxAqua { color: #427b58; }
-.GruvboxBlue { color: #076678; }
-.htmlLink { color: #7c6f64; text-decoration: underline; }
-.LineNr { color: #a89984; }
-.GruvboxOrange { color: #af3a03; }
-.GruvboxGreenBold { color: #79740e; font-weight: bold; }
-.Comment { color: #928374; font-family: 'ScientificaItalic'; }
-.String { color: #79740e; font-family: 'ScientificaItalic'; }
-.GruvboxAquaBold { color: #427b58; font-weight: bold; }
--->
-</style>
-
 </head>
 <body>
 <pre id='vimCodeElement'>
diff --git a/html/site-info.html b/html/site-info.html
index e260009..a09b1fa 100644
--- a/html/site-info.html
+++ b/html/site-info.html
@@ -2,44 +2,62 @@
     <style>
         $[cat style.css]
     </style>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <body>
         $[python3 -c 'import utils; print(utils.parse_file("html/header.html"))' | sed 's/\$PREV_URL\$/"{prev}"/']
-        <h1>Information about this website</h1>
-        site-info.html was last modified on $[stat -c %y ./html/site-info.html | head -c 10].<br>
-        <hr>
-        This page remains (somewhat) in the style of my website prior to getting my new laptop.
-        The theme of my website has obviously changed since the creation of this page. See <a href='/html/blog/posts/new-laptop.html'>blog post</a>.
-        <hr>
-        <p>
-            This website is really weird from a technical standpoint.
-            Firstly, I have nginx operating as a proxy service for my subdomains.
-            I am not going to talk about my subdomains here because they will all probably be utterly self-explanatory, or have their own about section.
-            Following this, I have a simple python script running a webserver that serves html documents and other files, as you would expect.
-            The weirdness comes from the cursed custom """parser""" and syntax for the html documents.
-            Any html documents in the sites files may contain an expression like "$[echo \$\[...]]" where ... is bash code. 
-            Upon being requested by a browser, the web server executes each instance of one of these expressions and replaces the expression with the executed expression's output.
-            In addition to this, upon being requested, each instance of "{}" in a page is replaced with an arbitrary value provided by the webserver and specified by its index in the list of all "{}"s in the file.
-        </p>
-        <p>
-            In short, I generate static content for the pages (I am unwilling to use javascript because javascript) not through any standard means but through hacky and stupid bash scripts.
-            There is not a particular reason for me to do it this way, I was just bored.
-            A sort of neat example of this system is the html for the directory index page (like <a href='/files'>here</a>).
-        </p>
-        <hr>
-        <h2>dir_index.html</h2>
-        $[cat files/dir_index.html]
-        <hr>
-        <p>
-            <del>
-                At the moment, this site is running on some dell optiplex 3040 (I think?) I have in my basement. 
-                In the future, I would like to get this running on the server that I took from the basement of my school (with permission of an employee who I am pretty sure did not have the authority to allow me to do this, but I'm not complaining).
-            </del>
-            I have moved this site to the server. See <a href='/html/server-migration.html'>server-migration.html</a>
-        </p><hr>
-        <p>
-            This website is designed to look reasonably similar to my laptop:
-            <img src='/files/my-laptop.png'/>
-            *My laptop no longer looks like this.
-        </p>
+        <main>
+            <section>
+                <h1>Information about this website</h1>
+                site-info.html was last modified on $[stat -c %y ./html/site-info.html | head -c 10].<br>
+            </section>
+            <section>
+                <span>The theme of my website has changed since the creation of this page. See <a href='/html/blog/posts/new-laptop.html'>blog post</a>.</span>
+            </section>
+            <section>
+                <h2>Root dommain</h2>
+                <p>
+                    This website is really weird from a technical standpoint.
+                    Firstly, I have nginx operating as a proxy service for my subdomains.
+                    I am not going to talk about my subdomains here because they will all probably be utterly self-explanatory, or have their own about section.
+                    Following this, I have a simple python script running a webserver that serves html documents and other files, as you would expect.
+                    The weirdness comes from the cursed custom """parser""" and syntax for the html documents.
+                    Any html documents in the sites files may contain an expression like "$[echo \$\[...]]" where ... is bash code. 
+                    Upon being requested by a browser, the web server executes each instance of one of these expressions and replaces the expression with the executed expression's output.
+                    In addition to this, upon being requested, each instance of "{}" in a page is replaced with an arbitrary value provided by the webserver and specified by its index in the list of all "{}"s in the file.
+                </p>
+                <p>
+                    In short, I generate static content for the pages (I am unwilling to use javascript because javascript) not through any standard means but through hacky and stupid bash scripts.
+                    There is not a particular reason for me to do it this way, I was just bored.
+                    A sort of neat example of this system is the html for the directory index page (like <a href='/files'>here</a>).
+                </p>
+            </section>
+            <section>
+                <h2>dir_index.html</h2>
+                $[cat files/dir_index.html]
+            </section>
+            <section>
+                <h2>subdomains</h2>
+                <ul>
+                    <li>$[make-link https://git.natalieee.net]: Gitea instance. You may use it if you feel so inclined for some reason. I wouldn't.</li>
+                    <li>$[make-link https://dns.natalieee.net]: Pointless CNAME record to my main domain so that entities using my dns (A number greater than 0!) can put dns.natalieee.net down as their nameserver instead of natalieee.net.</li>
+                </ul>
+            </section>
+            <section>
+                <p>
+                    <del>
+                        At the moment, this site is running on some dell optiplex 3040 (I think?) I have in my basement. 
+                        In the future, I would like to get this running on the server that I took from the basement of my school (with permission of an employee who I am pretty sure did not have the authority to allow me to do this, but I'm not complaining).
+                    </del>
+                    I have moved this site to the server I took from school. See <a href='/html/server-migration.html'>server-migration.html</a>
+                </p>
+            </section>
+            <section>
+                <p>
+                    This website <del>is</del> was designed to look reasonably similar to my laptop:
+                    <img src='/files/my-laptop.png'/>
+                    *My laptop no longer looks like this.
+                </p>
+            </section>
+        </main>
     </body>
 </html>
diff --git a/html/stats.html b/html/stats.html
index 5e35b66..e3532a1 100644
--- a/html/stats.html
+++ b/html/stats.html
@@ -2,6 +2,7 @@
     <head>
         <title>woah, data</title>
         <style>$[cat style.css]</style>
+        <meta name="viewport" content="width=device-width, initial-scale=1">
     </head>
     <body>
         $[python3 -c 'import utils; print(utils.parse_file("html/header.html"))' | sed 's/\\$PREV_URL\\$/".."/']
