fix: frontend cleanup (#30)

FunkinCrew · Apr 11, 2024 · b4554af · b4554af
1 parent d7a550b
commit b4554af
Show file tree

Hide file tree

Showing 14 changed files with 301 additions and 229 deletions.
diff --git a/config.toml b/config.toml
@@ -22,4 +22,3 @@ highlight_code = true
 
 [extra]
 # Put all your custom variables here
-
diff --git a/package.json b/package.json
@@ -2,4 +2,4 @@
   "dependencies": {
     "@picocss/pico": "^2.0.3"
   }
-}
+}
diff --git a/sass/style.scss b/sass/style.scss
@@ -1,12 +1,8 @@
-
-@use "../node_modules/@picocss/pico/scss/pico.scss" with (
-    $theme-color: "fuchsia"
-);
+@use "../node_modules/@picocss/pico/scss/pico.scss" with ($theme-color: "fuchsia");
 @use "../node_modules/@picocss/pico/scss/colors" as *;
 
 @import "../node_modules/@picocss/pico/css/pico.colors.css";
 
-
 @import url("https://fonts.googleapis.com/icon?family=Material+Icons");
 
 .material-icons {
@@ -30,7 +26,7 @@ img {
     max-width: 75%;
     margin-left: auto;
     margin-right: auto;
-    display:block;
+    display: block;
 }
 
 article {
@@ -44,7 +40,7 @@ main .container {
 }
 
 video {
-    width: 100%; 
+    width: 100%;
     height: auto;
     margin-left: auto;
     margin-right: auto;
@@ -60,8 +56,8 @@ small {
     opacity: 0.8;
     font-size: 0.7em;
     text-align: center;
-    margin-left:auto;
-    margin-right:auto;
+    margin-left: auto;
+    margin-right: auto;
     display: block;
 }
 
@@ -76,26 +72,29 @@ small p {
     backdrop-filter: blur(1.5em) grayscale(0.8);
     padding-top: 1em;
     padding-bottom: 1em;
+    z-index: 10;
+
     li {
         width: auto;
         list-style: none;
         margin-bottom: 0px;
+
         a {
             text-decoration: none;
         }
-        
+
     }
-
 }
 
 .sticky-toc {
-    left:50px;
+    left: 50px;
     position: sticky;
     top: 5px;
+    z-index: 10;
+
     summary {
         backdrop-filter: blur(0.5em);
     }
-
 }
 
 aside {
@@ -105,24 +104,27 @@ aside {
     padding: 1em;
     border-radius: 10px;
 
-    ul, ol {
-        margin:auto;
+    ul,
+    ol {
+        margin: auto;
         padding-left: 60px;
-        list-style:revert;
+        list-style: revert;
         list-style-position: outside;
+
         li {
-            padding:0px;
+            padding: 0px;
             padding-bottom: 0.2em;
             padding-left: 0.2em;
-            display:list-item;
+            display: list-item;
         }
-        
+
     }
 
-    strong, img {
+    strong,
+    img {
         margin-left: initial;
         margin-right: initial;
-        display:initial;
+        display: initial;
         animation: blink 1s steps(2, start) infinite;
     }
 
@@ -134,12 +136,14 @@ aside {
 
 @keyframes blink {
     0% {
-      opacity: 1;
+        opacity: 1;
     }
+
     50% {
-      opacity: 0;
+        opacity: 0;
     }
+
     100% {
-      opacity: 1;
+        opacity: 1;
     }
-  }
+}
diff --git a/static/icons/github-mark-white.svg b/static/icons/github-mark-white.svg
diff --git a/static/icons/new-alert_yellow.svg b/static/icons/new-alert_yellow.svg
diff --git a/templates/404.html b/templates/404.html
@@ -1,9 +1,9 @@
 <head>
-    <title>404 LOL</title>
+  <title>404 LOL</title>
 </head>
 
 <body>
-    <h1>
-        404 SCREEN
-    </h1>
+  <h1>
+    404 SCREEN
+  </h1>
 </body>
diff --git a/templates/atom.xml b/templates/atom.xml
@@ -1,49 +1,55 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <feed xmlns="http://www.w3.org/2005/Atom" xml:lang="{{ lang }}">
-    <title>{{ config.title }}
+
+  <title>{{ config.title }}
     {%- if term %} - {{ term.name }}
     {%- elif section.title %} - {{ section.title }}
     {%- endif -%}
-    </title>
-    {%- if config.description %}
-    <subtitle>{{ config.description }}</subtitle>
-    {%- endif %}
-    <link rel="self" type="application/atom+xml" href="{{ feed_url | safe }}"/>
-    <link rel="alternate" type="text/html" href="
+  </title>
+
+  {%- if config.description %}
+  <subtitle>{{ config.description }}</subtitle>
+  {%- endif %}
+
+  <link rel="self" type="application/atom+xml" href="{{ feed_url | safe }}" />
+  <link rel="alternate" type="text/html" href="
       {%- if section -%}
         {{ section.permalink | escape_xml | safe }}
       {%- else -%}
         {{ config.base_url | escape_xml | safe }}
       {%- endif -%}
-    "/>
-    <generator uri="https://www.getzola.org/">Zola</generator>
-    <updated>{{ last_updated | date(format="%+") }}</updated>
-    <id>{{ feed_url | safe }}</id>
-    {%- for page in pages %}
-    <entry xml:lang="{{ page.lang }}">
-        <title>{{ page.title }}</title>
-        <published>{{ page.date | date(format="%+") }}</published>
-        <updated>{{ page.updated | default(value=page.date) | date(format="%+") }}</updated>
-        {% for author in page.authors %}
-        <author>
-          <name>
-            {{ author }}
-          </name>
-        </author>
-        {% else %}
-        <author>
-          <name>
-            {%- if config.author -%}
-              {{ config.author }}
-            {%- else -%}
-              Unknown
-            {%- endif -%}
-          </name>
-        </author>
-        {% endfor %}
-        <link rel="alternate" type="text/html" href="{{ page.permalink | safe }}"/>
-        <id>{{ page.permalink | safe }}</id>
-        <content type="html" xml:base="{{ page.permalink | escape_xml | safe }}">{{ page.content }}</content>
-    </entry>
-    {%- endfor %}
+    " />
+
+  <generator uri="https://www.getzola.org/">Zola</generator>
+  <updated>{{ last_updated | date(format="%+") }}</updated>
+  <id>{{ feed_url | safe }}</id>
+
+  {%- for page in pages %}
+  <entry xml:lang="{{ page.lang }}">
+    <title>{{ page.title }}</title>
+    <published>{{ page.date | date(format="%+") }}</published>
+    <updated>{{ page.updated | default(value=page.date) | date(format="%+") }}</updated>
+    {% for author in page.authors %}
+    <author>
+      <name>
+        {{ author }}
+      </name>
+    </author>
+    {% else %}
+    <author>
+      <name>
+        {%- if config.author -%}
+        {{ config.author }}
+        {%- else -%}
+        Unknown
+        {%- endif -%}
+      </name>
+    </author>
+    {% endfor %}
+    <link rel="alternate" type="text/html" href="{{ page.permalink | safe }}" />
+    <id>{{ page.permalink | safe }}</id>
+    <content type="html" xml:base="{{ page.permalink | escape_xml | safe }}">{{ page.content }}</content>
+  </entry>
+  {%- endfor %}
+
 </feed>
Original file line number	Diff line number	Diff line change
Expand Up		@@ -22,4 +22,3 @@ highlight_code = true

		[extra]
		# Put all your custom variables here
-Original file line number
+Diff line change
@@ Expand Up / @@ -2,4 +2,4 @@ @@
       "dependencies": {
         "@picocss/pico": "^2.0.3"
       }
-    }
+    }