commenced wallet styling; much of site now holds font-awesome placeholders until proprietary svg files apprpriated

src/manage.py

@@ -5,13 +5,12 @@ import sys
 
 
 def main():
-    os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'core.settings')
+    """Run administrative tasks."""
     try:
         from dotenv import load_dotenv
         load_dotenv()
     except ImportError:
         pass
-    """Run administrative tasks."""
     os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'core.settings')
     try:
         from django.core.management import execute_from_command_line

src/static_src/scss/_base.scss

@@ -21,6 +21,7 @@ body {
         max-width: 960px;
         margin: 0 auto;
         padding: 1rem;
+        flex: 1;
 
         .navbar {
             padding: 0.75rem 0;
@@ -153,14 +154,41 @@ body {
 
 #id_footer {
     flex-shrink: 0;
-    height: 3rem;
+    height: 5rem;
     display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
     align-items: center;
-    justify-content: center;
+    padding: 1rem 1rem;
     border-top: 0.1rem solid rgba(var(--secUser), 0.3);
     background: linear-gradient(
         to top,
         rgba(var(--priUser), 1) 25%,
         transparent 100%
     );
+
+    #id_footer_nav {
+        display: flex;
+        justify-content: space-evenly;
+        width: 80%;
+        max-width: 500px;
+
+        a {
+            font-size: 1.75rem;
+            color: rgba(var(--quaUser), 1);
+            text-shadow: 0 0 1rem rgba(var(--quiUser), 1);
+    
+            &:hover {
+                color: rgba(var(--quaUser), 1);
+                text-shadow: 0 0 0.5rem rgba(var(--ninUser), 0.5);
+            }
+        }
+    }
+
+    .footer-container {
+        small {
+            font-size: 0.7rem;
+            opacity: 0.6;
+        }
+    }
 }

src/static_src/scss/_wallet-tokens.scss

@@ -0,0 +1,27 @@
+.token {
+    position: relative;
+    display: inline-block;
+    cursor: pointer;
+    color: rgba(var(--terUser), 1);
+
+    .token-tooltip {
+        display: none;
+        position: absolute;
+        bottom: 125%;
+        left: 0;
+        width: 16rem;
+        max-width: 16rem;
+        white-space: normal;
+        background-color: rgba(var(--priUser), 0.95);
+        border: 0.1rem solid rgba(var(--secUser), 0.5);
+        color: rgba(var(--secUser), 1);
+        padding: 0.5rem 0.75rem;
+        border-radius: 0.5rem;
+        z-index: 10;
+        font-size: 0.875rem;
+    }
+
+    &:hover .token-tooltip {
+        display: block;
+    }
+}

src/static_src/scss/core.scss

@@ -3,6 +3,7 @@
 @import 'button-pad';
 @import 'dashboard';
 @import 'palette-picker';
+@import 'wallet-tokens';
 
 
 input,

src/templates/apps/dashboard/wallet.html

@@ -6,18 +6,20 @@
         <h1>Wallet</h1>
 
         <section class="wallet-balances">
-            <div>Writs: <span id="id_writs_balance">{{ wallet.writs }}</span></div>
+            <div><i class="fa-solid fa-ticket"></i>: <span id="id_writs_balance">{{ wallet.writs }}</span></div>
             <div>Esteem: <span id="id_esteem_balance">{{ wallet.esteem }}</span></div>
         </section>
 
         <section class="wallet-tokens">
             {% if coin %}
                 <div id="id_coin_on_a_string" class="token">
+                    <i class="fa-solid fa-clover"></i>
                     <span class="token-tooltip">{{ coin.tooltip_text }}</span>
                 </div>
             {% endif %}
             {% for token in free_tokens %}
                 <div id="id_free_token_{{ forloop.counter0 }}" class="token">
+                    <i class="fa-solid fa-coins"></i>
                     <span class="token-tooltip">{{ token.tooltip_text }}</span>
                 </div>
             {% endfor %}
@@ -35,7 +37,7 @@
             <h2>Tithe Tokens</h2>
 
             <div class="token-bundle">
-                <span>Tithe Token ×1</span>
+                <span><i class="fa-solid fa-piggy-bank"></i> Tithe Token ×1</span>
                 <span>+ Writ bonus</span>
             </div>
         </section>

src/templates/apps/gameboard/gameboard.html

@@ -1,5 +1,8 @@
 {% extends "core/base.html" %}
 
+{% block title_text %}Gameboard{% endblock title_text %}
+{% block header_text %}Gameboard{% endblock header_text %}
+
 {% block content %}
     <div class="gameboard-page">
         <section id="id_applet_my_games">
@@ -20,16 +23,18 @@
         <div id="id_game_kit" style="display:none;">
             {% if coin %}
                 <div id="id_kit_coin_on_a_string" class="token">
+                    <i class="fa-solid fa-clover"></i>
                     <span class="token-tooltip">{{ coin.tooltip_text }}</span>
                 </div>
             {% endif %}
             {% for token in free_tokens %}
                 <div id="id_kit_free_token_{{ forloop.counter0 }}" class="token">
+                    <i class="fa-solid fa-coins"></i>
                     <span class="token-tooltip">{{ token.tooltip_text }}</span>
                 </div>
             {% endfor %}
-            <div id="id_kit_card_deck" class="kit-item">Card Deck</div>
-            <div id="id_kit_dice_set" class="kit-item">Dice Set</div>
+            <div id="id_kit_card_deck" class="kit-item"><i class="fa-regular fa-id-badge"></i></div>
+            <div id="id_kit_dice_set" class="kit-item"><i class="fa-solid fa-dice"></i></div>
         </div>
     </div>
 {% endblock content %}

src/templates/core/_partials/_footer.html

@@ -1,7 +1,7 @@
 <footer id="id_footer">
     <nav id="id_footer_nav">
-        <a href="/">Dashboard</a>
-        <a href="/gameboard/">Gameboard</a>
+        <a href="/"><i class="fa-solid fa-gauge"></i></a>
+        <a href="/gameboard/"><i class="fa-solid fa-chess-board"></i></a>
     </nav>
     <div class="footer-container">
         <small>&copy;{% now "Y" %} Dis Co.</small>

src/templates/core/base.html

@@ -14,6 +14,7 @@
         {% compress css %}
              <link type="text/x-scss" rel="stylesheet" href="{% static 'scss/core.scss' %}">
         {% endcompress %}
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
     </head>
 
     <body class="{{ user_palette }} {{ page_class|default:'' }}">