Generate thumbnails on the fly with PIL

Removed the need of having 3 copies of an image
Fixes more Sass(y) stuff

gallery/user/themes/default/style.scss

@@ -322,19 +322,43 @@
 
 .image__info {
     margin: 0;
-    padding: 0.5rem;
+    padding: 0;
 
     width: 100%;
 
     display: flex;
     flex-direction: column;
-    gap: 0.5rem;
 
     background-color: $black200;
     border-radius: $rad;
-    border-left: $rad solid $green;
+    //border-left: $rad solid $green;
 
     box-sizing: border-box;
+}
+.image__info-header {
+    margin: 0;
+    padding: 0.5rem;
+
+    width: 100%;
+    height: 2rem;
+
+    display: flex;
+    justify-content: start;
+    align-items: center;
+    gap: 0.5rem;
+
+    background-color: $black300;
+    border-radius: $rad $rad 0 0;
+
+    svg {
+        margin: 0;
+        padding: 0;
+
+        width: 1.25rem;
+        height: 1.25rem;
+
+        fill: $green;
+    }
 
     h2 {
         margin: 0;
@@ -350,6 +374,14 @@
         text-overflow: ellipsis;
         overflow: hidden;
     }
+}
+.image__info-content {
+    margin: 0;
+    padding: 0.5rem;
+
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
 
     p {
         margin: 0;

gallery/user/themes/default/ui/main.scss

@@ -26,6 +26,8 @@ main {
 
         box-sizing: border-box;
 
+        user-select: none;
+
         img {
             position: absolute;
             top: 0;

gallery/user/themes/default/variables/variables.scss

@@ -1,7 +1,7 @@
-$black100: #151515;
-$black200: #121212;
+$black100: #1a1a1a;
+$black200: #151515;
 $black300: #101010;
-$black400: #0e0e0e;
+$black400: #0b0b0b;
 
 $white100: #e8e3e3;