footer

woodcox · Feb 27, 2024 · d87224b · d87224b
1 parent e630feb
commit d87224b
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 10 deletions.
diff --git a/src/_data/manifest.json b/src/_data/manifest.json
@@ -1,6 +1,10 @@
 {
-  "app": "app-S5HW3ASK.min.js",
-  "fetch": "fetch-BUN3JDA4.min.js",
-  "is-land": "is-land-TXS7GROR.min.js",
-  "style": "style-7EGI4MWN.min.css"
+  "app.map": "app.js.map",
+  "app": "app.js",
+  "fetch.map": "fetch.js.map",
+  "fetch": "fetch.js",
+  "is-land.map": "is-land.js.map",
+  "is-land": "is-land.js",
+  "style.map": "style.css.map",
+  "style": "style.css"
 }
diff --git a/src/_includes/default.html b/src/_includes/default.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" color-mode="user">
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -15,5 +15,6 @@ <h1>{{ title }}</h1>
   <main>
   {{ content }}
   </main>
+  <footer><p><strong><small>&copy; Made by {{ author }} 2024</small></strong></p></footer>
 </body>
 </html>
diff --git a/src/index.md b/src/index.md
@@ -1,6 +1,7 @@
 ---
 layout: default.html
 title: 11ty-solid-base
+author: Rustie Woodcox
 ---
 
 <menu></menu>
@@ -46,6 +47,4 @@ render(() => <Solidify />, document.getElementById('shorty'))
 A more interesting example
 
 <p id="wordapp"></p>
-<script type="module" src="{{ '/app/fetch.js' | hash }}"></script>
-
-<footer>Woodcox 2024</footer>
+<script type="module" src="{{ '/app/fetch.js' | hash }}"></script>
diff --git a/src/style/style.scss b/src/style/style.scss
@@ -5,6 +5,7 @@
 // ==============
 $scrollbar-color: rgb(202, 202, 232);
 
+
 :root {
   --active-brightness: 0.85;
   --border-radius: 5px;
@@ -13,7 +14,8 @@ $scrollbar-color: rgb(202, 202, 232);
   --color-bg: #fff;
   --color-bg-secondary: #e9e9e9;
   --color-link: #118bee;
-  --color-secondary: #920de9;
+  --color-secondary: rebeccapurple;
+  --gradient: conic-gradient(from .5turn at bottom left, deeppink, rebeccapurple);
   --color-secondary-accent: #920de90b;
   --color-shadow: #f4f4f4;
   --color-table: #118bee;
@@ -165,6 +167,11 @@ main {
   padding: var(--space-away) var(--space-near);
 }
 
+footer {
+  background-color: var(--color-secondary);
+  background-image: var(--gradient);
+}
+
 hr {
   background-color: var(--color-bg-secondary);
   border: none;
@@ -637,7 +644,7 @@ blockquote {
 blockquote footer {
   color: var(--color-text-secondary);
   display: block;
-  font-size: small;
+  font-size: var(--text-size--2);
   line-height: var(--line-height);
   padding: 1.5rem 0;
 }