*

1 files changed, 13 insertions, 8 deletions

diff --git a/html/immoral/index.html b/html/immoral/index.html
index e995edd..4bece93 100644
--- a/html/immoral/index.html
+++ b/html/immoral/index.html
@@ -16,7 +16,7 @@
         }
         
         body {
-            font-family: 'Courier New', monospace;
+            font-family: 'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', P052, serif;
             max-width: 900px;
             margin: 0 auto;
             padding: 1rem;
@@ -144,7 +144,7 @@
     <main class="container">
         <h1><span class="immoral">Immoral</span> Web Font Vacuum</h1>
         <p>Enter a URL to find, preview, and download web fonts (WOFF/TTF/WOFF2/OTF) present on the page.</p>
-        <div id="urlForm">
+        <section id="urlForm">
             <form class="input-group" role="search" aria-label="Website URL search form" onsubmit="event.preventDefault();">
                 <label for="urlInput" class="sr-only">Website URL</label>
                 <input 
@@ -163,8 +163,8 @@
                     aria-label="Analyze website for fonts"
                 >Analyze Fonts</button>
             </form>
-        </div>
-        <div class="bookmarklet-section" style="margin: 2rem 0; padding: 1rem; border: 2px dashed var(--dark); background: var(--beige);">
+        </section>
+        <section class="bookmarklet-section" style="margin: 2rem 0; padding: 1rem; border: 2px dashed var(--dark); background: var(--beige);">
             <h2>Web Font Vacuum Bookmarklet</h2>
             <p>Drag this link to your bookmarks bar to vacuum web fonts from any webpage:</p>
             <p style="text-align: center;">
@@ -179,13 +179,18 @@
                     Web Font Vacuum
                 </a>
             </p>
-            <p style="font-size: 0.9rem; color: var(--dark); margin-top: 1rem;">
+            <p>
                 Use the bookmarklet on any webpage to find and download its fonts directly.
             </p>
-        </div>
-        <div id="error" class="error" role="alert" aria-live="polite"></div>
-        <div id="results" role="region" aria-label="Font analysis results"></div>
+        </section>
+        <section id="error" class="error" role="alert" aria-live="polite"></section>
+        <section id="results" role="region" aria-label="Font analysis results"></section>
     </main>
+    <footer>
+        <br>
+        <br>
+        <p>This project is the result of taking a passing thought about 1500 lines of code too far.</p>
+    </footer>
     <script src="app.js"></script>
 </body>
 </html>