Style Polish

DeepDrftPublic.Client/Controls/AudioPlayerBar/AudioPlayerBar.razor

@@ -1,10 +1,11 @@
 @if (_isMinimized)
 {
-    <MudFab Color="Color.Primary"
+    <div class="minimized-dock">
-            StartIcon="@Icons.Material.Filled.ExpandLess"
+        <MudFab Color="Color.Primary"
-            Size="Size.Large"
+                StartIcon="@Icons.Material.Filled.ExpandLess"
-            Class="minimized-dock"
+                Size="Size.Large"
-            OnClick="@ToggleMinimized"/>
+                OnClick="@ToggleMinimized"/>
+    </div>
 }
 else
 {
@@ -47,7 +48,7 @@ else
             </MudAlert>
         }
     </div>
-    
+}
-    @* Spacer to prevent content overlap *@
+
-    <div class="player-spacer"></div>
+@* Spacer to prevent content overlap *@
-}
+<div class="player-spacer"></div>

DeepDrftPublic.Client/Controls/AudioPlayerBar/AudioPlayerBar.razor.css

@@ -34,20 +34,20 @@
 }
 
 /* Minimized floating dock — positioning + hover only; colour from MudFab */
-::deep .minimized-dock {
+.minimized-dock {
     position: fixed;
     bottom: 60px;
     right: 60px;
     z-index: 1300;
 }
 
-::deep .minimized-dock:hover {
+.minimized-dock:hover {
     transform: scale(1.1);
 }
 
 /* Spacer to prevent content overlap */
 .player-spacer {
-    height: 140px;
+    height: 100px;
     width: 100%;
     flex-shrink: 0;
 }
@@ -68,7 +68,7 @@
     }
 
     .player-spacer {
-        height: 160px;
+        height: 120px;
     }
 }
 

DeepDrftPublic.Client/Controls/DeepDrftHero.razor

@@ -1,5 +1,5 @@
 <div class="hero-eyebrow fade-up">Charleston, South Carolina</div>
-<h1 class="hero-title fade-up">Deep<br /><em>Drft</em></h1>
+<h1 class="hero-title fade-up">Deep<br /><em>DRFT</em></h1>
 <p class="hero-subtitle fade-up">Electronic Music Collective</p>
 <p class="hero-desc fade-up">
     We craft immersive electronic soundscapes &mdash; live; built from synthesizers, drum machines, and raw intention.

DeepDrftPublic.Client/Layout/DeepDrftFooter.razor

@@ -0,0 +1,11 @@
+<footer class="deepdrft-footer">
+    <div class="deepdrft-footer-logo">Deep <span>DRFT</span></div>
+    <ul class="deepdrft-footer-links">
+        <li><a href="/tracks">Listen</a></li>
+        <li><a href="#">Sessions</a></li>
+        <li><a href="/tracks">Archive</a></li>
+        <li><a href="#">About</a></li>
+        <li><a href="#">Contact</a></li>
+    </ul>
+    <div class="deepdrft-footer-copy">© 2026 Deep DRFT — Charleston, SC</div>
+</footer>

DeepDrftPublic.Client/Layout/DeepDrftFooter.razor.css

@@ -0,0 +1,48 @@
+.deepdrft-footer {
+    background: var(--deepdrft-white);
+    border-top: 1px solid var(--deepdrft-border);
+    padding: 3rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 2rem;
+}
+
+.deepdrft-footer-logo {
+    font-family: var(--deepdrft-font-display);
+    font-size: 1.5rem;
+    font-weight: 400;
+    color: var(--deepdrft-navy);
+}
+
+.deepdrft-footer-logo span {
+    /*font-style: italic;*/
+    color: var(--deepdrft-green);
+}
+
+.deepdrft-footer-links {
+    display: flex;
+    gap: 2rem;
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+
+.deepdrft-footer-links a {
+    font-family: var(--deepdrft-font-mono);
+    font-size: 0.62rem;
+    letter-spacing: 0.18em;
+    text-transform: uppercase;
+    color: var(--deepdrft-muted);
+    text-decoration: none;
+    transition: color 0.2s;
+}
+
+.deepdrft-footer-links a:hover { color: var(--deepdrft-navy); }
+
+.deepdrft-footer-copy {
+    font-family: var(--deepdrft-font-mono);
+    font-size: 0.58rem;
+    letter-spacing: 0.12em;
+    color: var(--deepdrft-muted);
+}

DeepDrftPublic.Client/Layout/MainLayout.razor

@@ -19,19 +19,9 @@
                 <MudContainer MaxWidth="MaxWidth.False" Class="pa-4">
                     @Body
                 </MudContainer>
-                <AudioPlayerBar />
             </MudMainContent>
-            <footer class="deepdrft-footer">
+            <DeepDrftFooter />
-                <div class="deepdrft-footer-logo">Deep <span>Drft</span></div>
+            <AudioPlayerBar />
-                <ul class="deepdrft-footer-links">
-                    <li><a href="/tracks">Listen</a></li>
-                    <li><a href="#">Sessions</a></li>
-                    <li><a href="/tracks">Archive</a></li>
-                    <li><a href="#">About</a></li>
-                    <li><a href="#">Contact</a></li>
-                </ul>
-                <div class="deepdrft-footer-copy">© 2026 Deep DRFT — Charleston, SC</div>
-            </footer>
         </AudioPlayerProvider>
     </MudLayout>
 </div>

DeepDrftPublic.Client/Layout/MainLayout.razor.css

@@ -18,53 +18,3 @@
         right: 0.75rem;
         top: 0.5rem;
     }
-
-/* ── SITE FOOTER ── */
-.deepdrft-footer {
-    background: var(--deepdrft-white);
-    border-top: 1px solid var(--deepdrft-border);
-    padding: 3rem;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    gap: 2rem;
-}
-
-.deepdrft-footer-logo {
-    font-family: var(--deepdrft-font-display);
-    font-size: 1.5rem;
-    font-weight: 400;
-    color: var(--deepdrft-navy);
-}
-
-.deepdrft-footer-logo span {
-    font-style: italic;
-    color: var(--deepdrft-green);
-}
-
-.deepdrft-footer-links {
-    display: flex;
-    gap: 2rem;
-    list-style: none;
-    margin: 0;
-    padding: 0;
-}
-
-.deepdrft-footer-links a {
-    font-family: var(--deepdrft-font-mono);
-    font-size: 0.62rem;
-    letter-spacing: 0.18em;
-    text-transform: uppercase;
-    color: var(--deepdrft-muted);
-    text-decoration: none;
-    transition: color 0.2s;
-}
-
-.deepdrft-footer-links a:hover { color: var(--deepdrft-navy); }
-
-.deepdrft-footer-copy {
-    font-family: var(--deepdrft-font-mono);
-    font-size: 0.58rem;
-    letter-spacing: 0.12em;
-    color: var(--deepdrft-muted);
-}

DeepDrftPublic.Client/Pages/FramePlayer.razor

@@ -0,0 +1,7 @@
+@page "/FramePlayer"
+<h3>FramePlayer</h3>
+
+@code {
+    /* TODO make an iframe compatible player using the AudioPlayerControl,
+       and a new embeddable layout that doesn't include any of the nav deco */
+}

DeepDrftPublic.Client/Pages/FramePlayer.razor.cs

@@ -0,0 +1,7 @@
+using Microsoft.AspNetCore.Components;
+
+namespace DeepDrftPublic.Client.Pages;
+
+public partial class FramePlayer : ComponentBase
+{
+}

DeepDrftPublic/wwwroot/styles/deepdrft-styles.css

@@ -92,7 +92,6 @@ h2, h3, h4, h5, h6,
 }
 
 /* Body */
-body, p, span, div,
 .deepdrft-text-description,
 .deepdrft-text-readable {
     font-family: var(--deepdrft-font-body);