Move contrast checking into Python

Change banner size dependent on group content
Tidy up inline JS for some files
Correct spelling

gallery/themes/default/components/banner.sass

@@ -18,7 +18,7 @@
         width: 100%
         height: 100%
 
-        background-color: RGB($bg-200)
+        background-color: RGB($bg-300)
 
         object-fit: cover
         object-position: center center
@@ -64,7 +64,7 @@
             padding: 0
 
             font-size: 1rem
-            font-weight: 500
+            font-weight: 600
             line-height: 1
             text-align: left
 

gallery/themes/default/components/image-view/info-tab.sass

@@ -12,7 +12,6 @@
 
 .info-tab
     width: 100%
-    max-height: 100%
 
     display: flex
     flex-direction: column
@@ -114,7 +113,7 @@
         margin: 0
         padding: 0
 
-        max-width: 100%
+        width: 100%
 
         overflow-x: hidden
         border-collapse: collapse

gallery/themes/default/variables.sass

@@ -72,6 +72,8 @@ $breakpoint: 800px
     --animation-smooth: cubic-bezier(0.76, 0, 0.17, 1)
     --animation-bounce: cubic-bezier(.68,-0.55,.27,1.55)
 
+    --breakpoint: 800px
+
 
 @font-face
     font-family: 'Work Sans'