add issue footer

Sup2point0 · Jun 26, 2024 · 240a817 · 240a817
1 parent f5d2d5c
commit 240a817
Show file tree

Hide file tree

Showing 8 changed files with 37 additions and 11 deletions.
diff --git a/site/src/parts/IssueFooter.svelte b/site/src/parts/IssueFooter.svelte
@@ -0,0 +1,13 @@
+<p class="caption"> Question? Bug that needs fixing? Drop a message in the <a target="_blank" href="https://github.com/Sup2point0/pycobytes/discussions">GitHub discussion</a> for this issue. </p>
+
+
+<style lang="scss">
+
+p {
+  padding-top: 1rem;
+  color: light-dark($grey-nova, white);
+  text-align: right;
+  border-top: 1.5px solid light-dark($grey-spirit, $blue-deep);
+}
+
+</style>
diff --git a/site/src/parts/Nav.svelte b/site/src/parts/Nav.svelte
@@ -7,6 +7,7 @@ import ISSUES from "#src/issues-config";
 import duality from "#src/scripts/duality";
 import { swapDuality } from "#src/scripts/duality";
 
+
 function pickIssue() {
   let index = ISSUES[Math.random() * ISSUES.length | 0];
   window.location.href = `https://sup2point0.github.io/pycobytes/issues/${index}`;
@@ -43,10 +44,10 @@ function pickIssue() {
       <NavLink text="Random" button={pickIssue} />
     </NavLink>
 
-    <NavLink text="Contact" link="https://github.com/Sup2point0/pycobytes/discussions" collapsible={true} >
-      <NavLink text="Discuss" link="https://github.com/Sup2point0/pycobytes/discussions" />
-      <NavLink text="Submit Idea" link="https://github.com/Sup2point0/pycobytes/issues" />
-      <NavLink text="Report Bug" link="https://github.com/Sup2point0/pycobytes/issues" />
+    <NavLink text="Contact" extern="https://github.com/Sup2point0/pycobytes/discussions" collapsible={true} >
+      <NavLink text="Discuss" extern="https://github.com/Sup2point0/pycobytes/discussions" />
+      <NavLink text="Submit Idea" extern="https://github.com/Sup2point0/pycobytes/issues" />
+      <NavLink text="Report Bug" extern="https://github.com/Sup2point0/pycobytes/issues" />
     </NavLink>
 
     <NavLink text="GitHub"

diff --git a/site/src/routes/+page.svelte b/site/src/routes/+page.svelte
@@ -124,7 +124,6 @@ section {
   & .caption {
     @include font-flavour;
     font-size: 120%;
-    color: light-dark($grey-nova, $blue-deep);
   }
 }
 

diff --git a/site/src/routes/issues/-page.txt b/site/src/routes/issues/-page.txt
@@ -5,6 +5,7 @@ import ISSUES from "#src/issues-config";
 import Header from "#src/parts/Header.svelte";
 import Main from "#src/parts/Main.svelte";
 import IssueNav from "#src/parts/IssueNav.svelte";
+import IssueFooter from "#src/parts/IssueFooter.svelte";
 
 import "#src/routes/issues/issue.scss";
 
@@ -34,6 +35,7 @@ const issue = ISSUES[#{orderIndex}];
   <article>
     <Main>
       <Content />
+      <IssueFooter />
     </Main>
   </article>
 

diff --git a/site/src/routes/issues/1/+page.svelte b/site/src/routes/issues/1/+page.svelte
@@ -5,6 +5,7 @@ import ISSUES from "#src/issues-config";
 import Header from "#src/parts/Header.svelte";
 import Main from "#src/parts/Main.svelte";
 import IssueNav from "#src/parts/IssueNav.svelte";
+import IssueFooter from "#src/parts/IssueFooter.svelte";
 
 import "#src/routes/issues/issue.scss";
 
@@ -34,6 +35,7 @@ const issue = ISSUES[0];
   <article>
     <Main>
       <Content />
+      <IssueFooter />
     </Main>
   </article>
 

diff --git a/site/src/routes/issues/2/+page.svelte b/site/src/routes/issues/2/+page.svelte
@@ -5,6 +5,7 @@ import ISSUES from "#src/issues-config";
 import Header from "#src/parts/Header.svelte";
 import Main from "#src/parts/Main.svelte";
 import IssueNav from "#src/parts/IssueNav.svelte";
+import IssueFooter from "#src/parts/IssueFooter.svelte";
 
 import "#src/routes/issues/issue.scss";
 
@@ -34,6 +35,7 @@ const issue = ISSUES[1];
   <article>
     <Main>
       <Content />
+      <IssueFooter />
     </Main>
   </article>
 

diff --git a/site/src/routes/issues/3/+page.svelte b/site/src/routes/issues/3/+page.svelte
@@ -5,6 +5,7 @@ import ISSUES from "#src/issues-config";
 import Header from "#src/parts/Header.svelte";
 import Main from "#src/parts/Main.svelte";
 import IssueNav from "#src/parts/IssueNav.svelte";
+import IssueFooter from "#src/parts/IssueFooter.svelte";
 
 import "#src/routes/issues/issue.scss";
 
@@ -34,6 +35,7 @@ const issue = ISSUES[2];
   <article>
     <Main>
       <Content />
+      <IssueFooter />
     </Main>
   </article>
 

diff --git a/site/src/styles/essence.scss b/site/src/styles/essence.scss
@@ -24,12 +24,6 @@ body {
   @include font-body;
 }
 
-.duality-container {
-  color: light-dark(black, white);
-  background-color: light-dark(#f9f9f9, #00172a);
-  @include fade-duality;
-}
-
 :where(h2,h3,h4) {
   @include font-head;
   color: light-dark($col-accent, $col-flavour);
@@ -73,6 +67,13 @@ hr {
   background-color: light-dark($col-accent, $col-flavour) !important;
 }
 
+
+:where(.duality-container) {
+  color: light-dark(black, white);
+  background-color: light-dark(#f9f9f9, #00172a);
+  @include fade-duality;
+}
+
 .material-symbols-outlined {
   font-variation-settings:
     'FILL' 0,
@@ -81,6 +82,10 @@ hr {
     'opsz' 24
 }
 
+.caption {
+  color: light-dark($grey-nova, $blue-deep);
+}
+
 .error {
   color: $red-nova;
 }