stylistic changes primarily, esp. to page titles(new spans in header_text block, for instance)

src/functional_tests/my_lists_page.py

@@ -16,7 +16,7 @@ class MyListsPage:
         self.test.wait_for(
             lambda: self.test.assertIn(
                 email,
-                self.test.browser.find_element(By.TAG_NAME, "h2").text,
+                self.test.browser.find_element(By.TAG_NAME, "h2").text.lower(),
             )
         )
         return self

src/static_src/scss/_applets.scss

@@ -97,7 +97,13 @@
     );
 
     section {
-        border: 0.2rem solid rgba(var(--secUser), 0.5);
+        border:
+            0.2rem solid rgba(var(--secUser), 0.5),
+        ;
+        box-shadow:
+            inset -1px -1px 0 rgba(255, 255, 255, 0.125),
+            inset 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.8)
+        ;
         border-radius: 0.75rem;
         padding: 1rem;
         overflow: hidden;

src/static_src/scss/_base.scss

@@ -19,6 +19,7 @@ body {
 
     .container {
         max-width: 960px;
+        width: 100%;
         margin: 0 auto;
         padding: 1rem;
         flex: 1;
@@ -139,19 +140,57 @@ body {
             }
 
             .col-lg-6 {
-                max-width: 600px;
-                margin: 0 auto;
+                max-width: inherit;
+                margin: 0 1rem;
                 
                 h2 {
-                    font-size: 2.5rem;
-                    color: rgba(var(--quaUser), 1);
+                    font-size: 3rem;
+                    color: rgba(var(--secUser), 0.6);
                     margin-bottom: 1rem;
+                    text-align: justify;
+                    text-align-last: justify;
+                    text-justify: inter-character;
+                    text-transform: uppercase;
+                    text-shadow:
+                        1px 1px 0 rgba(255, 255, 255, 0.125),       // highlight (up-left)
+                        -0.125rem -0.125rem 0 rgba(0, 0, 0, 0.8)    // shadow (down-right)
+                    ;
+
+                    span {
+                        color: rgba(var(--quaUser), 0.6);
+                    }
                 }
             }
         }
     }
 }
 
+@media (min-width: 1200px) {
+    body .container {
+        max-width: 1200px;
+    }
+}
+
+@media (min-width: 1024px) and (max-height: 700px) {
+    body .container .navbar {
+        padding: 0.5rem 0;
+
+        .navbar-brand h1 {
+            font-size: 1.4rem;
+        }
+    }
+
+    #id_footer {
+        height: 3.5rem;
+        padding: 0.7rem 1rem;
+        gap: 0.35rem;
+
+        #id_footer_nav a {
+            font-size: 1.2rem;
+        }
+    }
+}
+
 #id_footer {
     flex-shrink: 0;
     height: 5rem;

src/static_src/scss/_dashboard.scss

@@ -11,6 +11,7 @@ body.page-dashboard {
         flex-direction: column;
         flex: 1;
         min-height: 0;
+
     }
 
     .row {

src/static_src/scss/_gameboard.scss

@@ -11,6 +11,7 @@ body.page-gameboard {
         flex-direction: column;
         flex: 1;
         min-height: 0;
+
     }
 
     .row {

src/templates/apps/dashboard/home.html

@@ -2,7 +2,7 @@
 {% load lyric_extras %}
 
 {% block title_text %}Dashboard{% endblock title_text %}
-{% block header_text %}Dashboard{% endblock header_text %}
+{% block header_text %}<span>Dash</span>board{% endblock header_text %}
 
 {% block scripts %}
     {% include "apps/dashboard/_partials/_scripts.html" %}

src/templates/apps/dashboard/wallet.html

@@ -1,6 +1,9 @@
 {% extends "core/base.html" %}
 {% load static %}
 
+{% block title_text %}Dashboard{% endblock title_text %}
+{% block header_text %}<span>Dash</span>board{% endblock header_text %}
+
 {% block content %}
     <div class="wallet-page">
         <h1>Wallet</h1>

src/templates/apps/gameboard/gameboard.html

@@ -2,7 +2,7 @@
 {% load static %}
 
 {% block title_text %}Gameboard{% endblock title_text %}
-{% block header_text %}Gameboard{% endblock header_text %}
+{% block header_text %}<span>Game</span>board{% endblock header_text %}
 
 {% block content %}
     <div class="gameboard-page">

src/templates/core/_partials/_navbar.html

@@ -32,6 +32,7 @@
                         placeholder="your@email.here"
                     >
                     {% csrf_token %}
+                    <button type="submit" class="btn btn-confirm">OK</button>
                 </div>
             </form>
         {% endif %}