Change font back to Rubik and update version

gallery/__init__.py

@@ -89,7 +89,7 @@ def create_app(test_config=None):
         "js/*.js", filters="jsmin", output="gen/index.js", depends="js/*.js"
     )
     styles = Bundle(
-        "sass/*.sass", filters="libsass,cssmin", output="gen/styles.css", depends="**"
+        "sass/*.sass", filters="libsass,cssmin", output="gen/styles.css", depends='sass/**/*.sass'
     )
 
     assets.register("lib", lib)

gallery/static/js/index.js

@@ -64,11 +64,10 @@ window.onload = function () {
             infoButton.classList.add('show');
         }
         infoButton.onclick = function () {
-            popUpShow('OnlyLegs on Flask',
+            popUpShow('OnlyLegs',
-                      'Using <a href="https://phosphoricons.com/">Phosphoricons</a> and ' +
+                      'Using <a href="https://phosphoricons.com/">Phosphoricons</a> and Flask<br>' +
-                      '<a href="https://www.gent.media/manrope">Manrope</a> <br>' +
                       'Made by Fluffy and others with ❤️ <br>' +
-                      '<a href="https://github.com/Fluffy-Bean/onlylegs">V23.04.06</a>');
+                      '<a href="https://github.com/Fluffy-Bean/onlylegs">V23.04.08</a>');
         }
     }
 };

gallery/static/sass/components/banner.sass

@@ -5,13 +5,19 @@
     color: RGB($fg-white)
 
     .link
-        color: inherit
+        padding: 0.1rem 0.3rem
+
+        text-decoration: none
+
+        background-color: RGB($fg-white)
+        color: RGB($fg-black)
+        border-radius: $rad-inner
 
         cursor: pointer
-        text-decoration: underline
 
         &:hover
-            text-decoration: none
+            background-color: RGB($fg-black)
+            color: RGB($fg-white)
 
     &::after
         content: ''

gallery/static/sass/variables.sass

@@ -33,7 +33,7 @@ $rad-inner: var(--rad-inner)
 $animation-smooth: var(--animation-smooth)
 $animation-bounce: var(--animation-bounce)
 
-$font: 'Manrope', sans-serif
+$font: 'Rubik', sans-serif
 $breakpoint: 800px
 
 
@@ -77,8 +77,10 @@ $breakpoint: 800px
 // I have no clue if its webassets or libsass thats doing this shit
 // But one of them is trying to "correct" the path, and 404-ing the
 // font, so enjoy this path fuckery
+
 @font-face
-    font-family: 'Manrope'
+    font-family: 'Rubik'
-    src: url('../../../../static/fonts/Manrope[wght].woff2') format('woff2')
+    src: url('../../../../static/fonts/Rubik.ttf') format('truetype')
     font-style: normal
     font-display: swap
+    font-weight: 300 900

gallery/templates/group.html

@@ -184,6 +184,15 @@
                 color: {{ text_colour }} !important;
             }
 
+            .banner-content .link {
+                background-color: {{ text_colour }} !important;
+                color: rgb({{ images.0.colours.0.0 }}, {{ images.0.colours.0.1 }}, {{ images.0.colours.0.2 }}) !important;
+            }
+            .banner-content .link:hover {
+                background-color: rgb({{ images.0.colours.0.0 }}, {{ images.0.colours.0.1 }}, {{ images.0.colours.0.2 }}) !important;
+                color: {{ text_colour }} !important;
+            }
+
             .banner-filter {
                 background: linear-gradient(90deg, rgb({{ images.0.colours.0.0 }}, {{ images.0.colours.0.1 }}, {{ images.0.colours.0.2 }}),
                                                    rgba({{ images.0.colours.1.0 }}, {{ images.0.colours.1.1 }}, {{ images.0.colours.1.2 }}, 0.3)) !important;
@@ -214,7 +223,7 @@
             <img src="{{ url_for('api.file', file_name=images.0.filename ) }}?r=prev" onload="imgFade(this)" style="opacity:0;" alt="{% if images.0.alt %}{{ images.0.alt }}{% else %}Group Banner{% endif %}"/>
             <span class="banner-filter"></span>
             <div class="banner-content">
-                <p class="banner-info">By <a href="{{ url_for('profile.profile', id=group.author_id) }}" class="link">{{ group.author_username }}</a> - {{ images|length }} Images</p>
+                <p class="banner-info"><a href="{{ url_for('profile.profile', id=group.author_id) }}" class="link">{{ group.author_username }}</a> · {{ images|length }} Images</p>
                 <h1 class="banner-header">{{ group.name }}</h1>
                 <p class="banner-subtitle">{{ group.description }}</p>
                 <div class="pill-row">

pyproject.toml

@@ -1,6 +1,6 @@
 [tool.poetry]
 name = "onlylegs"
-version = "23.04.06"
+version = "23.04.08"
 description = "Gallery built for fast and simple image management"
 authors = ["Fluffy-Bean <michal-gdula@protonmail.com>"]
 license = "MIT"

run.py

@@ -15,7 +15,7 @@ print(
 #+#    #+# #+#   #+#+# #+#        #+#    #+#        #+#       #+#    #+# #+#    #+#
  ########  ###    #### ########## ###    ########## ######### #########   ########
 
-                     Created by Fluffy Bean - Version 23.04.06
+                     Created by Fluffy Bean - Version 23.04.08
 """
 )