Adjust submissions padding

settings.yaml

@@ -1,3 +1,4 @@
+copyright_start: 2021
 guilds:
     # Tegaki Tuesday
   - id: 814700630958276649

src/models/settings.rs

@@ -6,6 +6,7 @@ use std::fs;
 #[derive(Serialize, Deserialize)]
 pub struct Settings {
     pub guilds: Vec<Guild>,
+    pub copyright_start: u32,
 }
 
 impl Settings {

styles/sass/style.scss

@@ -43,11 +43,19 @@ input[type=number] {
 #content {
   width: 100%;
   height: 100%;
-  display: flex;
+
-  flex-direction: column;
+  display: grid;
+  grid-template-areas:
+    "nav        nav"
+    "challenge  submissions";
+  grid-template-columns: 30em auto;
+  grid-template-rows: min-content auto;
+
   overflow: hidden;
 
   nav {
+    grid-area: nav;
+
     --bg: #{$fg};
     --fg: #{$bg};
     background: var(--bg);
@@ -98,17 +106,21 @@ input[type=number] {
     }
   }
 
-  & > div:first-of-type {
+  & > div {
-    display: flex;
-    height: 100%;
-    & > :first-child {
-      min-width: 40em;
-      padding: 1em;
-    }
-    & > * {
     overflow: scroll;
+    display: flex;
+    flex-direction: column;
+    gap: 1em;
+
+    footer {
+      margin-top: auto;
+      text-align: center;
     }
   }
+
+  #challenge {
+    padding: 1em;
+  }
 }
 
 * {
@@ -116,17 +128,17 @@ input[type=number] {
 }
 
 #submissions {
-  display: flex;
+  grid-area: submissions;
-  flex-direction: column;
+
-  height: calc(100% - 2em);
   background: rgba(0, 0, 0, 0.125);
-  $gap: 0.5em;
+  padding: 1em;
-  padding: $gap;
+
   & > div {
     width: 100%;
     column-count: 3;
     margin: 0;
     
+    $gap: 0.5em;
     gap: $gap;
 
     & > figure {

templates/copyright-years.html.tera

@@ -0,0 +1 @@
+© {% set year = now() | date(format="%Y") | int %}{{ settings.copyright_start }}{% if year != settings.copyright_start %}–{{ year }}{% endif %}

templates/index.html.tera

@@ -64,7 +64,7 @@
                 </nav>
             </a>
         </nav>
-        <div>
+        <div id="challenge">
             <div>
                 <h1>Welcome to Tegaki Tuesday #{{ challenge }}!</h1>
                 {% if content.japanese %}
@@ -118,6 +118,10 @@
                     <p><em>This challenge was suggested by <strong>{{ content.suggester }}</strong> using the <code>-h suggest</code> command.</code></em></p>
                 {%- endif -%}
             </div>
+            <footer>
+                Copyright {% include "copyright-years" %} Tegaki Tuesday. All rights reserved. 字ちゃん mascot art by <a href="https://twitter.com/bellumela" target="_blank">@bellumela</a>.
+            </footer>
+        </div>
         <div id="submissions">
             <script>
             const submissionModal = image => {
@@ -146,10 +150,9 @@
                     </figure>
                 {% endfor %}
             </div>
-                <div>
+            <footer>
-                some random shit goes here
+                Submissions are copyright {% include "copyright-years" %} their respective submitters, and are licensed under the <a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank">Attribution-ShareAlike 4.0 International (CC BY-SA 4.0)</a> license. 
-                </div>
+            </footer>
-            </div> 
         </div>
     </div>
 </body>