Adding footer, removing support page.

diff --git a/docs/support.md b/docs/support.md
deleted file mode 100644 (file)
index 4e2e027..0000000
--- a/docs/support.md
+++ /dev/null
@@ -1,9 +0,0 @@
----
-title: Support
----
-# I want to support you, how do I do that?
-First, thank you so much! Second, you can support me by..
-
-* Donating on [Patreon](https://patreon.com/junegardner).
-* Donating on [Ko-fi](https://ko-fi.com/junegardner).
-* [Getting in touch with me.](/contact)

diff --git a/theme/main.html b/theme/main.html
index 7f0cf09e949f18b6040bd7ab0015e13f83696a85..043d167f9c5c0b2c2f2b7dee398869a9ee054d4e 100644 (file)
--- a/theme/main.html
+++ b/theme/main.html
@@ -20,11 +20,18 @@
                 <a href="https://june.codes/projects">(projects)</a>
                 <a href="https://where.june.codes">(code)</a>
                 <a href="https://june.codes/contact">(contact)</a>
                 <a href="https://june.codes/projects">(projects)</a>
                 <a href="https://where.june.codes">(code)</a>
                 <a href="https://june.codes/contact">(contact)</a>

-                <a href="https://june.codes/support">(support)</a>

             </nav>
         </header>
         <main>
             {{ page.content }}
         </main>
             </nav>
         </header>
         <main>
             {{ page.content }}
         </main>

+        <footer>
+            <p>⦶</p>
+            <nav>
+                <a href="https://patreon.com/junegardner">(patreon)</a>
+                <a href="https://ko-fi.com/junegardner">(ko-fi)</a>
+            </nav>
+            <p>⦶</p>
+        </footer>

     </body>
 </html>
     </body>
 </html>

diff --git a/theme/styles.css b/theme/styles.css
index f6897526f2571495af415fc2f215203bdb1d2f29..1e88592e1092648f9964c3f76c7ef251d4f15a66 100644 (file)
--- a/theme/styles.css
+++ b/theme/styles.css
@@ -35,6 +35,7 @@
 }
 
 html {
 }
 
 html {

+    margin: 0;

     color: var(--foreground);
     font-family: "Maple Mono";
     font-size: var(--text-size);
     color: var(--foreground);
     font-family: "Maple Mono";
     font-size: var(--text-size);


@@ -55,7 +56,7 @@ body {
 }
 
 main {
 }
 
 main {

-    height: 100%;
+    height: 85vh;

     overflow: scroll;
 }
 
     overflow: scroll;
 }
 


@@ -73,7 +74,7 @@ h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
     text-decoration: 0.1rem solid underline;
 }
 
     text-decoration: 0.1rem solid underline;
 }
 

-header {
+header, footer {

     background: var(--foreground);
     color: var(--background);
     font-weight: bold;
     background: var(--foreground);
     color: var(--background);
     font-weight: bold;


@@ -86,7 +87,7 @@ header {
     gap: 0.5rem;
 }
 
     gap: 0.5rem;
 }
 

-header > p {
+header > p, footer > p {

     margin: 0;
     width: fit-content;
     text-align: center;
     margin: 0;
     width: fit-content;
     text-align: center;


@@ -96,7 +97,7 @@ header > a {
     justify-self: start;
 }
 
     justify-self: start;
 }
 

-header > a, header > nav > a {
+header > a, nav > a {

     text-decoration: none;
 }
 
     text-decoration: none;
 }
 


@@ -104,7 +105,7 @@ header > nav > a {
     border-radius: 4rem;
 }
 
     border-radius: 4rem;
 }
 

-header > a:hover, header > nav > a:hover {
+header > a:hover, nav > a:hover {

     color: var(--foreground);
     background: var(--background);
 }
     color: var(--foreground);
     background: var(--background);
 }