settings.yaml

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

src/models/settings.rs

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

styles/sass/style.scss

@@ -43,19 +43,11 @@ input[type=number] {
 #content {
   width: 100%;
   height: 100%;
-
+  display: flex;
-  display: grid;
+  flex-direction: column;
-  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);
@@ -106,20 +98,16 @@ input[type=number] {
     }
   }
 
-  & > div {
+  & > div:first-of-type {
-    overflow: scroll;
     display: flex;
-    flex-direction: column;
+    height: 100%;
-    gap: 1em;
+    & > :first-child {
-
+      min-width: 40em;
-    footer {
+      padding: 1em;
-      margin-top: auto;
+    }
-      text-align: center;
+    & > * {
+      overflow: scroll;
     }
-  }
-
-  #challenge {
-    padding: 1em;
   }
 }
 
@@ -128,17 +116,17 @@ input[type=number] {
 }
 
 #submissions {
-  grid-area: submissions;
+  display: flex;
-
+  flex-direction: column;
+  height: calc(100% - 2em);
   background: rgba(0, 0, 0, 0.125);
-  padding: 1em;
+  $gap: 0.5em;
-
+  padding: $gap;
   & > div {
     width: 100%;
     column-count: 3;
     margin: 0;
     
-    $gap: 0.5em;
     gap: $gap;
 
     & > figure {

templates/copyright-years.html.tera

@@ -1 +0,0 @@
-© {% 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 id="challenge">
+        <div>
             <div>
                 <h1>Welcome to Tegaki Tuesday #{{ challenge }}!</h1>
                 {% if content.japanese %}
@@ -118,41 +118,38 @@
                     <p><em>This challenge was suggested by <strong>{{ content.suggester }}</strong> using the <code>-h suggest</code> command.</code></em></p>
                 {%- endif -%}
             </div>
-            <footer>
+            <div id="submissions">
-                Copyright {% include "copyright-years" %} Tegaki Tuesday. All rights reserved. 字ちゃん mascot art by <a href="https://twitter.com/bellumela" target="_blank">@bellumela</a>.
+                <script>
-            </footer>
+                const submissionModal = image => {
-        </div>
+                    const dialog = document.createElement("dialog");
-        <div id="submissions">
+                    dialog.style.padding = "0";
-            <script>
+                    const img = document.createElement("img");
-            const submissionModal = image => {
+                    img.src = "/{{ challenge }}/" + image;
-                const dialog = document.createElement("dialog");
+                    const defaultZoom = "75vh";
-                dialog.style.padding = "0";
+                    img.style.height = defaultZoom;
-                const img = document.createElement("img");
+                    img.style.cursor = "zoom-in";
-                img.src = "/{{ challenge }}/" + image;
+                    img.style.display = "block";
-                const defaultZoom = "75vh";
+                    img.style.margin = "0";
-                img.style.height = defaultZoom;
+                    img.onclick = event => img.style.height = img.style.height ? "" : defaultZoom;
-                img.style.cursor = "zoom-in";
+                    dialog.appendChild(img);
-                img.style.display = "block";
+                    dialog.addEventListener("close", event => document.body.removeChild(dialog));
-                img.style.margin = "0";
+                    document.body.appendChild(dialog);
-                img.onclick = event => img.style.height = img.style.height ? "" : defaultZoom;
+                    dialog.showModal();
-                dialog.appendChild(img);
+                };
-                dialog.addEventListener("close", event => document.body.removeChild(dialog));
+                </script>
-                document.body.appendChild(dialog);
+                <div>
-                dialog.showModal();
+                    {% for submission in submissions %}
-            };
+                        {% set author = users[submission.author_id] %}
-            </script>
+                        <figure>
-            <div>
+                            <img src="/{{ challenge }}/{{ submission.image }}" alt="{{ author.username }}'s submission" onclick="submissionModal('{{ submission.image }}')">
-                {% for submission in submissions %}
+                            <figcaption>{% if not author.deleted %}<a href="https://discord.com/users/{{ author.id }}" target="_blank">{% endif %}{{ author.username }}{% if author.deleted %} (deleted account){% else %}</a>{% endif %}</figcaption>
-                    {% set author = users[submission.author_id] %}
+                        </figure>
-                    <figure>
+                    {% endfor %}
-                        <img src="/{{ challenge }}/{{ submission.image }}" alt="{{ author.username }}'s submission" onclick="submissionModal('{{ submission.image }}')">
+                </div>
-                        <figcaption>{% if not author.deleted %}<a href="https://discord.com/users/{{ author.id }}" target="_blank">{% endif %}{{ author.username }}{% if author.deleted %} (deleted account){% else %}</a>{% endif %}</figcaption>
+                <div>
-                    </figure>
+                some random shit goes here
-                {% endfor %}
+                </div>
             </div> 
-            <footer>
-                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. 
-            </footer>
         </div>
     </div>
 </body>