feat: lot a things

Panakotta00 · Jul 20, 2024 · 790b3c6 · 790b3c6
1 parent 6616ddf
commit 790b3c6
Show file tree

Hide file tree

Showing 7 changed files with 33 additions and 21 deletions.
diff --git a/Website/Cargo.toml b/Website/Cargo.toml
@@ -25,5 +25,5 @@ toml = "0.8.15"
 url = "2.5.2"
 reqwest = "0.12.5"
 
-[target.'cfg(target_arch = "arm64")'.dependencies]
+[target.'cfg(target_arch = "aarch64")'.dependencies]
 openssl = { version = "0.10.64", features = ["vendored"] }
diff --git a/Website/static/styles/tailwind.css b/Website/static/styles/tailwind.css
@@ -6,11 +6,11 @@
 
 @layer base {
     :root {
-        --color-primary-fg: #111111;
-        --color-secondary-fg: #554400;
+        --color-primary-fg: #222222;
+        --color-secondary-fg: #111111;
         --color-primary-bg: #eeeeee;
         --color-secondary-bg: #cccccc;
-        --color-accent1: #ff7700;
+        --color-accent1: #dc6500;
         --color-accent2: #a84e00;
     }
 
@@ -19,8 +19,6 @@
         --color-secondary-fg: #eeeeee;
         --color-primary-bg: #222222;
         --color-secondary-bg: #333333;
-        --color-accent1: #ff7700;
-        --color-accent2: #a84e00;
     }
 
     a {
@@ -78,9 +76,11 @@
                     width: 100%;
                     height: 1.7em;
                     background-color: var(--header-color);
-                    color: #fff;
                     --tw-bg-opacity: .1;
                     padding-left: .25rem;
+                    letter-spacing: 2px;
+                    @apply font-bold;
+                    color: #000;
                 }
 
                 .content {
@@ -90,31 +90,33 @@
             }
 
             &.warning {
-                --header-color: #ff6e00;
+                --header-color: #ff7700;
                 --content-color: #ffb580;
             }
             &.note {
-                --header-color: #2563eb;
-                --content-color: #93c5fd;
+                --header-color: #6392ff;
+                --content-color: #a7d0ff;
             }
             &.tip {
-                --header-color: #00ffea;
+                --header-color: #00ffe9;
                 --content-color: #c8fff4;
             }
         }
     }
     :root[class~="dark"] {
         .adoc {
             .admonitionblock {
+                .tr .icon {
+                    color: #fff;
+                }
                 &.warning {
-                    --content-color: #602a00;
+                    --content-color: #783600;
                 }
                 &.note {
                     --content-color: #1e3a8a;
                 }
                 &.tip {
-                    --header-color: #00ffea;
-                    --content-color: #217e73;
+                    --content-color: #004038;
                 }
             }
         }

diff --git a/Website/templates/base.html b/Website/templates/base.html
@@ -17,12 +17,14 @@
         }
     </script>
 
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
     {% block head %}{% endblock %}
 </head>
 <body class="bg-primary-bg text-primary-fg">
 <div id="content">
     <div class="flex flex-col h-screen">
-        <header class="flex justify-between items-center p-6 bg-accent1 text-white">
+        <header class="flex flex-wrap justify-between gap-4 items-center p-6 bg-accent1 text-white">
             <a href="/"><h1 class="font-semibold">FicsIt-Networks-Repository</h1></a>
             <form action="/" method="GET" class="w-1/3 min-w-60">
             <input id="search"

diff --git a/Website/templates/index.html b/Website/templates/index.html
@@ -3,11 +3,15 @@
 
 {% block title %}FicsIt-Networks-Repository{% endblock %}
 
+{% block head %}
+<meta name="description" content="The FicsIt-Networks-Repository contains a collection of Software Packages for use with the FicsIt-Networks mod.">
+{% endblock %}
+
 {% block content %}
 <main class="flex-1 p-6">
     <div
             id="package-list"
-            class="flex flex-wrap gap-4"
+            class="flex flex-wrap gap-4 justify-stretch w-full"
             hx-get="/package"
             hx-ext="json-enc"
             hx-target="this"

diff --git a/Website/templates/package/card.html b/Website/templates/package/card.html
@@ -1,8 +1,8 @@
 <a id="package-{{package.id}}"
-   class="p-4 bg-secondary-bg text-secondary-fg"
+   class="p-4 bg-secondary-bg text-secondary-fg w-64 grow"
    href="/package/{{package.id}}"
 >
-    <h3>{{package.name}}</h3>
+    <h2 class="font-semibold text-lg">{{package.name}}</h2>
     <p class="flex-1">
         {{package.short_description}}
     </p>

diff --git a/Website/templates/package/list.html b/Website/templates/package/list.html
@@ -1,13 +1,13 @@
 {% for package_id in package_ids %}
 <div
     id="package-{{package_id}}"
-    class="font-flow"
+    class="font-flow w-64 grow"
     hx-get="/package/{{package_id}}"
     hx-target="this"
     hx-trigger="load"
     hx-swap="outerHTML"
 >
-    <h3>Example Package</h3>
+    <h2 class="font-semibold text-lg">Example Package</h2>
     <p class="flex-1">
         Some example Description.
         We even have multiple lines.

diff --git a/Website/templates/package/package.html b/Website/templates/package/package.html
@@ -3,6 +3,10 @@
 
 {% block title %}FIN-Repo - {{package.name}}{% endblock %}
 
+{% block head %}
+<meta name="description" content="{{package.short_description}}">
+{% endblock %}
+
 {% block content %}
 <main class="flex-1 p-6 dark:bg-neutral-800" id="package-{{package.id}}">
     <h1>{{package.name}}</h1>
@@ -14,7 +18,7 @@ <h1>{{package.name}}</h1>
         <h2>EEPROMs</h2>
         <div class="flex flex-wrap gap-4 justify-stretch w-full p-2">
             {% for eeprom in package.eeprom %}
-            <div id="eeprom-{{eeprom.name}}" class="bg-secondary-bg text-secondary-fg p-2 px-4 max-w-64">
+            <div id="eeprom-{{eeprom.name}}" class="bg-secondary-bg text-secondary-fg p-2 px-4 w-64 grow">
                 <div class="flex items-center justify-between">
                     <a class="tooltip" href="https://github.com/Panakotta00/FicsIt-Networks-Repository/tree/main/Packages/{{package.id}}/{{eeprom.name}}" target=”_blank”>
                         <b>{{eeprom.title}}</b>