app/Http/Controllers/Admin/SettingsController.php

@@ -1,32 +0,0 @@
-<?php
-
-declare(strict_types=1);
-
-namespace App\Http\Controllers\Admin;
-
-use App\Http\Controllers\Controller;
-use App\Models\Setting;
-use Illuminate\Http\RedirectResponse;
-use Illuminate\Http\Request;
-use Illuminate\View\View;
-
-class SettingsController extends Controller
-{
-    public function show(): View
-    {
-        $settings = Setting::first();
-
-        return view('admin.settings.show', [
-            'settings' => $settings,
-        ]);
-    }
-
-    public function update(Request $request): RedirectResponse
-    {
-        $settings = Setting::firstOrNew();
-        $settings->winter_effect_enabled = $request->boolean('winter_effect_enabled');
-        $settings->save();
-
-        return redirect()->route('admin.settings.show');
-    }
-}

app/Models/Setting.php

@@ -1,18 +0,0 @@
-<?php
-
-namespace App\Models;
-
-use Illuminate\Database\Eloquent\Factories\HasFactory;
-use Illuminate\Database\Eloquent\Model;
-
-class Setting extends Model
-{
-    use HasFactory;
-
-    /**
-     * @var array<string, string>
-     */
-    protected $casts = [
-        'winter_effect_enabled' => 'boolean',
-    ];
-}

app/Providers/AppServiceProvider.php

@@ -2,12 +2,10 @@
 
 namespace App\Providers;
 
-use App\Models\Setting;
 use Illuminate\Database\Eloquent\Model;
 use Illuminate\Pagination\LengthAwarePaginator;
 use Illuminate\Support\Collection;
 use Illuminate\Support\Facades\URL;
-use Illuminate\Support\Facades\View;
 use Illuminate\Support\ServiceProvider;
 use Symfony\Component\HtmlSanitizer\HtmlSanitizer;
 use Symfony\Component\HtmlSanitizer\HtmlSanitizerConfig;
@@ -65,10 +63,5 @@ class AppServiceProvider extends ServiceProvider
 
         // Force HTTPS URL generation in production
         URL::forceHttps($this->app->isProduction());
-
-        // Share whether the winter snow effect is enabled with the base layout
-        View::composer('master', function ($view) {
-            $view->with('winterEffectEnabled', Setting::first()?->winter_effect_enabled ?? false);
-        });
     }
 }

database/factories/SettingFactory.php

@@ -1,24 +0,0 @@
-<?php
-
-namespace Database\Factories;
-
-use App\Models\Setting;
-use Illuminate\Database\Eloquent\Factories\Factory;
-
-/**
- * @extends Factory<Setting>
- */
-class SettingFactory extends Factory
-{
-    /**
-     * Define the model's default state.
-     *
-     * @return array<string, mixed>
-     */
-    public function definition(): array
-    {
-        return [
-            'winter_effect_enabled' => false,
-        ];
-    }
-}

database/migrations/2026_08_23_101358_create_settings_table.php

@@ -1,28 +0,0 @@
-<?php
-
-use Illuminate\Database\Migrations\Migration;
-use Illuminate\Database\Schema\Blueprint;
-use Illuminate\Support\Facades\Schema;
-
-return new class extends Migration
-{
-    /**
-     * Run the migrations.
-     */
-    public function up(): void
-    {
-        Schema::create('settings', function (Blueprint $table) {
-            $table->id();
-            $table->boolean('winter_effect_enabled')->default(false);
-            $table->timestamps();
-        });
-    }
-
-    /**
-     * Reverse the migrations.
-     */
-    public function down(): void
-    {
-        Schema::dropIfExists('settings');
-    }
-};

public/assets/js/app.js

@@ -1,2 +1,2 @@
-(()=>{var l=class{constructor(){}async register(){let t=await this.getCreateOptions(),e={challenge:this.base64URLStringToBuffer(t.challenge),rp:{id:t.rp.id,name:t.rp.name},user:{id:new TextEncoder().encode(window.atob(t.user.id)),name:t.user.name,displayName:t.user.displayName},pubKeyCredParams:t.pubKeyCredParams,excludeCredentials:[],authenticatorSelection:t.authenticatorSelection,timeout:6e4},r=await navigator.credentials.create({publicKey:e});if(!r)throw new Error("Error generating a passkey");let s={id:r.id?r.id:null,type:r.type?r.type:null,rawId:r.rawId?this.bufferToBase64URLString(r.rawId):null,response:{attestationObject:r.response.attestationObject?this.bufferToBase64URLString(r.response.attestationObject):null,clientDataJSON:r.response.clientDataJSON?this.bufferToBase64URLString(r.response.clientDataJSON):null}};if(!(await window.fetch("/admin/passkeys/register",{method:"POST",body:JSON.stringify(s),cache:"no-cache",headers:{"Content-Type":"application/json","X-CSRF-TOKEN":document.querySelector('meta[name="csrf-token"]').getAttribute("content")}})).ok)throw new Error("Error saving the passkey");window.location.reload()}async getCreateOptions(){return await(await fetch("/admin/passkeys/register",{method:"GET"})).json()}async login(){let t=await this.getLoginData(),e=await navigator.credentials.get({publicKey:{challenge:this.base64URLStringToBuffer(t.challenge),userVerification:t.userVerification,timeout:6e4}});if(!e)throw new Error("Authentication failed");let r={id:e.id?e.id:"",type:e.type?e.type:"",rawId:e.rawId?this.bufferToBase64URLString(e.rawId):"",response:{authenticatorData:e.response.authenticatorData?this.bufferToBase64URLString(e.response.authenticatorData):"",clientDataJSON:e.response.clientDataJSON?this.bufferToBase64URLString(e.response.clientDataJSON):"",signature:e.response.signature?this.bufferToBase64URLString(e.response.signature):"",userHandle:e.response.userHandle?this.bufferToBase64URLString(e.response.userHandle):""}};if(!(await window.fetch("/login/passkey",{method:"POST",body:JSON.stringify(r),headers:{"Content-Type":"application/json","X-CSRF-TOKEN":document.querySelector('meta[name="csrf-token"]').getAttribute("content")}})).ok)throw new Error("Login failed");window.location.assign("/admin")}async getLoginData(){return await(await fetch("/login/passkey",{method:"GET"})).json()}base64URLStringToBuffer(t){let e=t.replace(/-/g,"+").replace(/_/g,"/"),r=(4-e.length%4)%4,s=e.padEnd(e.length+r,"="),n=window.atob(s),a=new ArrayBuffer(n.length),o=new Uint8Array(a);for(let c=0;c<n.length;c++)o[c]=n.charCodeAt(c);return a}bufferToBase64URLString(t){let e=new Uint8Array(t),r="";for(let n of e)r+=String.fromCharCode(n);return btoa(r).replace(/\+/g,"-").replace(/\//g,"_").replace(/=/g,"")}};var d=class{constructor(){this.widget=document.querySelector("#theme-selector"),this.btnLight=this.widget.querySelector("#btn-light"),this.btnDark=this.widget.querySelector("#btn-dark"),this.status=this.widget.querySelector("#theme-status"),this.currentTheme="system"}setupEventListeners(){this.btnLight.addEventListener("click",()=>{this.applyTheme(this.currentTheme==="light"?"system":"light")}),this.btnDark.addEventListener("click",()=>{this.applyTheme(this.currentTheme==="dark"?"system":"dark")})}applyTheme(t){let e=t==="light"||t==="dark"?t:"light dark",r=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light",s=document.documentElement,n=s.style.getPropertyValue("color-scheme");n===""&&(n="light dark");let a=!1;e!==n&&(e==="light dark"?a=n!==r:n==="light dark"?a=e!==r:a=!0);let o=()=>{this.currentTheme=t,s.style.setProperty("color-scheme",e),this.btnLight.setAttribute("aria-pressed",String(t==="light")),this.btnDark.setAttribute("aria-pressed",String(t==="dark")),this.status.textContent=t==="system"?"Theme set to system default":""};s.style.viewTransitionName="changing-theme",a&&document.startViewTransition?document.startViewTransition(o):o()}};var h=new l;document.querySelectorAll(".add-passkey").forEach(i=>{i.addEventListener("click",()=>{h.register()})});document.querySelectorAll(".login-passkey").forEach(i=>{i.addEventListener("click",()=>{h.login()})});var u=new d;u.setupEventListeners();})();
+(()=>{var l=class{constructor(){}async register(){let r=await this.getCreateOptions(),e={challenge:this.base64URLStringToBuffer(r.challenge),rp:{id:r.rp.id,name:r.rp.name},user:{id:new TextEncoder().encode(window.atob(r.user.id)),name:r.user.name,displayName:r.user.displayName},pubKeyCredParams:r.pubKeyCredParams,excludeCredentials:[],authenticatorSelection:r.authenticatorSelection,timeout:6e4},t=await navigator.credentials.create({publicKey:e});if(!t)throw new Error("Error generating a passkey");let n={id:t.id?t.id:null,type:t.type?t.type:null,rawId:t.rawId?this.bufferToBase64URLString(t.rawId):null,response:{attestationObject:t.response.attestationObject?this.bufferToBase64URLString(t.response.attestationObject):null,clientDataJSON:t.response.clientDataJSON?this.bufferToBase64URLString(t.response.clientDataJSON):null}};if(!(await window.fetch("/admin/passkeys/register",{method:"POST",body:JSON.stringify(n),cache:"no-cache",headers:{"Content-Type":"application/json","X-CSRF-TOKEN":document.querySelector('meta[name="csrf-token"]').getAttribute("content")}})).ok)throw new Error("Error saving the passkey");window.location.reload()}async getCreateOptions(){return await(await fetch("/admin/passkeys/register",{method:"GET"})).json()}async login(){let r=await this.getLoginData(),e=await navigator.credentials.get({publicKey:{challenge:this.base64URLStringToBuffer(r.challenge),userVerification:r.userVerification,timeout:6e4}});if(!e)throw new Error("Authentication failed");let t={id:e.id?e.id:"",type:e.type?e.type:"",rawId:e.rawId?this.bufferToBase64URLString(e.rawId):"",response:{authenticatorData:e.response.authenticatorData?this.bufferToBase64URLString(e.response.authenticatorData):"",clientDataJSON:e.response.clientDataJSON?this.bufferToBase64URLString(e.response.clientDataJSON):"",signature:e.response.signature?this.bufferToBase64URLString(e.response.signature):"",userHandle:e.response.userHandle?this.bufferToBase64URLString(e.response.userHandle):""}};if(!(await window.fetch("/login/passkey",{method:"POST",body:JSON.stringify(t),headers:{"Content-Type":"application/json","X-CSRF-TOKEN":document.querySelector('meta[name="csrf-token"]').getAttribute("content")}})).ok)throw new Error("Login failed");window.location.assign("/admin")}async getLoginData(){return await(await fetch("/login/passkey",{method:"GET"})).json()}base64URLStringToBuffer(r){let e=r.replace(/-/g,"+").replace(/_/g,"/"),t=(4-e.length%4)%4,n=e.padEnd(e.length+t,"="),a=window.atob(n),o=new ArrayBuffer(a.length),i=new Uint8Array(o);for(let s=0;s<a.length;s++)i[s]=a.charCodeAt(s);return o}bufferToBase64URLString(r){let e=new Uint8Array(r),t="";for(let a of e)t+=String.fromCharCode(a);return btoa(t).replace(/\+/g,"-").replace(/\//g,"_").replace(/=/g,"")}};var d=class{constructor(){this.widget=document.querySelector("#theme-selector")}setupEventListeners(){this.widget.querySelectorAll("#theme-selector-dropdown input").forEach(r=>r.addEventListener("input",e=>{let t=e.target.value;this.widget.querySelectorAll(".toggle svg").forEach(u=>{u.classList.contains(t)?u.style.display="":u.style.display="none"});let n;switch(t){case"dark":case"light":n=t;break;default:n="light dark"}let a=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light",o=document.querySelector("html"),i=o.style.getPropertyValue("color-scheme");i===""&&(i="light dark");let s=!1;n!==i&&(n==="light dark"?s=i!==a:i==="light dark"?s=n!==a:s=!0),o.style.viewTransitionName="changing-theme",s&&document.startViewTransition?document.startViewTransition(()=>{document.querySelector("#theme-selector-dropdown").togglePopover(),o.style.setProperty("color-scheme",n)}):(document.querySelector("#theme-selector-dropdown").togglePopover(),o.style.setProperty("color-scheme",n))}))}};var h=new l;document.querySelectorAll(".add-passkey").forEach(c=>{c.addEventListener("click",()=>{h.register()})});document.querySelectorAll(".login-passkey").forEach(c=>{c.addEventListener("click",()=>{h.login()})});var p=new d;p.setupEventListeners();})();
 //# sourceMappingURL=app.js.map

resources/css/theme-selector.css

@@ -1,66 +1,70 @@
 @layer components {
   #theme-selector {
-    display: flex;
-    justify-self: start;
-    align-items: center;
-    gap: .25rem;
-    padding: .25rem;
-    border-radius: 999px;
-    background-color: color-mix(in oklch, var(--clr-border) 40%, transparent);
-
     button {
-      display: grid;
-      place-items: center;
       appearance: none;
       border: none;
-      border-radius: 999px;
-      padding: .375rem;
-      background: transparent;
-      color: inherit;
-      transition: background-color .2s, color .2s;
+      background: none;
 
       &:hover {
         cursor: pointer;
       }
+    }
 
-      &:focus-visible {
-        outline: 2px solid var(--clr-text);
-        outline-offset: 2px;
-      }
+    /* This is the element with the [popover] attribute */
+    #theme-selector-dropdown {
+      position: absolute;
+      position-area: block-end span-inline-start;
+      margin: 0;
+      border: 2px solid var(--clr-border);
+      background-color: var(--clr-background);
+      color: var(--clr-text);
 
-      svg {
-        width: 1.5rem;
-        height: 1.5rem;
-        fill: currentcolor;
-      }
+      fieldset {
+        border: 0;
+        display: flex;
+        flex-direction: row;
+        gap: 1ch;
 
-      @media (hover: hover) {
-        &:hover {
-          background-color: color-mix(in oklch, var(--clr-border) 70%, transparent);
+        input {
+          display: none;
         }
-
-        &[aria-pressed="true"]:hover {
-          background-color: var(--clr-text);
-        }
-      }
-
-      &[aria-pressed="true"] {
-        background-color: var(--clr-text);
-        color: var(--clr-background);
       }
     }
-  }
 
-  .sr-only {
-    position: absolute;
-    width: 1px;
-    height: 1px;
-    padding: 0;
-    margin: -1px;
-    overflow: hidden;
-    clip-path: inset(50%);
-    white-space: nowrap;
-    border: 0;
+    /*
+     * This is the element with the [popover] attribute
+     * Here we are styling the open and closing animations
+     */
+    @media (prefers-reduced-motion: no-preference) {
+      #theme-selector-dropdown {
+        &:popover-open {
+          transform: translateY(0) scale(1);
+          opacity: 1;
+
+          /*
+           * Start styles for the opening transition.
+           * Added to :popover-open, but after the opened styles.
+           */
+          @starting-style {
+            transform: translateY(30px) scale(0);
+            opacity: 0;
+          }
+        }
+
+        /*
+         * End styles for the closing transition.
+         */
+        transform: translateY(0) scale(0);
+        opacity: 0;
+
+        /*
+         * Enumerate transitioning properties, including display and overlay.
+         */
+        transition: transform, opacity, display allow-discrete, overlay allow-discrete;
+        transition-duration: 0.5s;
+        transform-origin: top right;
+      }
+    }
   }
 
   ::view-transition-group(changing-theme) {

resources/js/theme-selector.js

@@ -1,60 +1,69 @@
 class ThemeSelector {
   constructor() {
     this.widget = document.querySelector('#theme-selector');
-    this.btnLight = this.widget.querySelector('#btn-light');
-    this.btnDark = this.widget.querySelector('#btn-dark');
-    this.status = this.widget.querySelector('#theme-status');
-    this.currentTheme = 'system';
   }
 
   setupEventListeners() {
-    this.btnLight.addEventListener('click', () => {
-      this.applyTheme(this.currentTheme === 'light' ? 'system' : 'light');
-    });
+    this.widget.querySelectorAll('#theme-selector-dropdown input').forEach((radioInput) => radioInput.addEventListener('input', (e) => {
+      let theme = e.target.value;
 
-    this.btnDark.addEventListener('click', () => {
-      this.applyTheme(this.currentTheme === 'dark' ? 'system' : 'dark');
-    });
-  }
+      // Update current icon
+      this.widget.querySelectorAll('.toggle svg').forEach((svg) => {
+        if (svg.classList.contains(theme)) {
+          svg.style.display = '';
+        } else {
+          svg.style.display = 'none';
+        }
+      });
 
-  applyTheme(theme) {
-    const selectedTheme = (theme === 'light' || theme === 'dark') ? theme : 'light dark';
-
-    const systemTheme = (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) ? 'dark' : 'light';
-    const html = document.documentElement;
-    let currentColorScheme = html.style.getPropertyValue('color-scheme');
-    if (currentColorScheme === '') {
-      currentColorScheme = 'light dark';
-    }
-
-    /* do we need to transition */
-    let doTransition = false;
-
-    if (selectedTheme !== currentColorScheme) {
-      if (selectedTheme === 'light dark') {
-        doTransition = currentColorScheme !== systemTheme;
-      } else if (currentColorScheme === 'light dark') {
-        doTransition = selectedTheme !== systemTheme;
-      } else {
-        doTransition = true;
+      // Set the theme
+      let selectedTheme;
+      switch (theme) {
+        case 'dark':
+        case 'light':
+          selectedTheme = theme;
+          break;
+        default:
+          selectedTheme = 'light dark';
       }
-    }
 
-    const applyChange = () => {
-      this.currentTheme = theme;
-      html.style.setProperty('color-scheme', selectedTheme);
+      const systemTheme = (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) ? 'dark' : 'light';
+      const html = document.querySelector('html');
+      let currentTheme = html.style.getPropertyValue('color-scheme');
+      if (currentTheme === '') {
+        currentTheme = 'light dark';
+      }
 
-      this.btnLight.setAttribute('aria-pressed', String(theme === 'light'));
-      this.btnDark.setAttribute('aria-pressed', String(theme === 'dark'));
-      this.status.textContent = theme === 'system' ? 'Theme set to system default' : '';
-    };
+      /* do we need to transition */
+      let doTransition = false;
 
-    html.style.viewTransitionName = 'changing-theme';
-    if (doTransition && document.startViewTransition) {
-      document.startViewTransition(applyChange);
-    } else {
-      applyChange();
-    }
+      if (selectedTheme !== currentTheme) {
+        if (selectedTheme === 'light dark') {
+          doTransition = currentTheme !== systemTheme;
+        } else if (currentTheme === 'light dark') {
+          doTransition = selectedTheme !== systemTheme;
+        } else {
+          doTransition = true;
+        }
+      }
+
+      html.style.viewTransitionName = 'changing-theme';
+      if (doTransition && document.startViewTransition) {
+        document.startViewTransition(() => {
+          // Close the popover
+          document.querySelector('#theme-selector-dropdown').togglePopover();
+
+          // Set the colour theme
+          html.style.setProperty('color-scheme', selectedTheme);
+        });
+      } else {
+        // Close the popover
+        document.querySelector('#theme-selector-dropdown').togglePopover();
+
+        // Set the colour theme
+        html.style.setProperty('color-scheme', selectedTheme);
+      }
+    }));
   }
 }
 

resources/views/admin/settings/show.blade.php

@@ -1,26 +0,0 @@
-@extends('master')
-
-@section('title')Site Settings « Admin CP « @stop
-
-@section('content')
-    <h1>Site settings</h1>
-    <form action="/admin/settings" method="post" accept-charset="utf-8" class="admin-form form">
-        {{ csrf_field() }}
-        {{ method_field('PUT') }}
-        <div>
-            <label for="winter_effect_enabled">
-                <input
-                    type="checkbox"
-                    name="winter_effect_enabled"
-                    id="winter_effect_enabled"
-                    value="1"
-                    @checked(old('winter_effect_enabled', $settings?->winter_effect_enabled))
-                >
-                Show winter snow effect
-            </label>
-        </div>
-        <div>
-            <button type="submit" name="save">Save</button>
-        </div>
-    </form>
-@stop

resources/views/admin/welcome.blade.php

@@ -61,9 +61,4 @@
     <p>
         Manager <a href="/admin/passkeys">your passkeys</a>.
     </p>
-
-    <h2>Settings</h2>
-    <p>
-        Edit <a href="/admin/settings">site settings</a>.
-    </p>
 @stop

resources/views/master.blade.php

@@ -38,14 +38,35 @@
                 <a href="/projects">Projects</a>
                 <a href="{{ route('feed.notes.json') }}" class="rss-icon">@include('icons.json-feed', ['title' => 'JSON Feed'])</a>
             </nav>
-            <div id="theme-selector" role="region" aria-label="Theme switcher">
-                <button id="btn-light" aria-label="Light mode" aria-pressed="false">
-                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><!-- Icon from Fluent UI System Icons by Microsoft Corporation - https://github.com/microsoft/fluentui-system-icons/blob/main/LICENSE --><path fill="currentColor" d="M12 2a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5A.75.75 0 0 1 12 2m5 10a5 5 0 1 1-10 0a5 5 0 0 1 10 0m4.25.75a.75.75 0 0 0 0-1.5h-1.5a.75.75 0 0 0 0 1.5zM12 19a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5A.75.75 0 0 1 12 19m-7.75-6.25a.75.75 0 0 0 0-1.5h-1.5a.75.75 0 0 0 0 1.5zm-.03-8.53a.75.75 0 0 1 1.06 0l1.5 1.5a.75.75 0 0 1-1.06 1.06l-1.5-1.5a.75.75 0 0 1 0-1.06m1.06 15.56a.75.75 0 1 1-1.06-1.06l1.5-1.5a.75.75 0 1 1 1.06 1.06zm14.5-15.56a.75.75 0 0 0-1.06 0l-1.5 1.5a.75.75 0 0 0 1.06 1.06l1.5-1.5a.75.75 0 0 0 0-1.06m-1.06 15.56a.75.75 0 1 0 1.06-1.06l-1.5-1.5a.75.75 0 1 0-1.06 1.06z"/></svg>
+            <div id="theme-selector">
+                <button class="toggle" popovertarget="theme-selector-dropdown">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" class="system" style=""><!-- Icon from Fluent UI System Icons by Microsoft Corporation - https://github.com/microsoft/fluentui-system-icons/blob/main/LICENSE --><path fill="currentColor" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2S2 6.477 2 12s4.477 10 10 10m0-1.5v-17a8.5 8.5 0 0 1 0 17"/></svg>
+                    <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" class="dark" style="display: none"><!-- Icon from Fluent UI System Icons by Microsoft Corporation - https://github.com/microsoft/fluentui-system-icons/blob/main/LICENSE --><path fill="currentColor" d="M20.026 17.001c-2.762 4.784-8.879 6.423-13.663 3.661A10 10 0 0 1 3.13 17.68a.75.75 0 0 1 .365-1.132c3.767-1.348 5.785-2.91 6.956-5.146c1.233-2.353 1.551-4.93.689-8.463a.75.75 0 0 1 .769-.927a9.96 9.96 0 0 1 4.457 1.327c4.784 2.762 6.423 8.879 3.66 13.662"/></svg>
+                    <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"  class="light" style="display: none"><!-- Icon from Fluent UI System Icons by Microsoft Corporation - https://github.com/microsoft/fluentui-system-icons/blob/main/LICENSE --><path fill="currentColor" d="M12 2a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5A.75.75 0 0 1 12 2m5 10a5 5 0 1 1-10 0a5 5 0 0 1 10 0m4.25.75a.75.75 0 0 0 0-1.5h-1.5a.75.75 0 0 0 0 1.5zM12 19a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5A.75.75 0 0 1 12 19m-7.75-6.25a.75.75 0 0 0 0-1.5h-1.5a.75.75 0 0 0 0 1.5zm-.03-8.53a.75.75 0 0 1 1.06 0l1.5 1.5a.75.75 0 0 1-1.06 1.06l-1.5-1.5a.75.75 0 0 1 0-1.06m1.06 15.56a.75.75 0 1 1-1.06-1.06l1.5-1.5a.75.75 0 1 1 1.06 1.06zm14.5-15.56a.75.75 0 0 0-1.06 0l-1.5 1.5a.75.75 0 0 0 1.06 1.06l1.5-1.5a.75.75 0 0 0 0-1.06m-1.06 15.56a.75.75 0 1 0 1.06-1.06l-1.5-1.5a.75.75 0 1 0-1.06 1.06z"/></svg>
                 </button>
-                <button id="btn-dark" aria-label="Dark mode" aria-pressed="false">
-                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><!-- Icon from Fluent UI System Icons by Microsoft Corporation - https://github.com/microsoft/fluentui-system-icons/blob/main/LICENSE --><path fill="currentColor" d="M20.026 17.001c-2.762 4.784-8.879 6.423-13.663 3.661A10 10 0 0 1 3.13 17.68a.75.75 0 0 1 .365-1.132c3.767-1.348 5.785-2.91 6.956-5.146c1.233-2.353 1.551-4.93.689-8.463a.75.75 0 0 1 .769-.927a9.96 9.96 0 0 1 4.457 1.327c4.784 2.762 6.423 8.879 3.66 13.662"/></svg>
-                </button>
-                <span id="theme-status" class="sr-only" aria-live="polite"></span>
+                <div id="theme-selector-dropdown" popover>
+                    <fieldset>
+                        <legend>Select theme:</legend>
+                        <div>
+                            <input type="radio" id="theme-system" name="theme" value="system" checked>
+                            <label for="theme-system">
+                                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Fluent UI System Icons by Microsoft Corporation - https://github.com/microsoft/fluentui-system-icons/blob/main/LICENSE --><path fill="currentColor" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2S2 6.477 2 12s4.477 10 10 10m0-1.5v-17a8.5 8.5 0 0 1 0 17"/></svg>
+                            </label>
+                        </div>
+                        <div>
+                            <input type="radio" id="theme-dark" name="theme" value="dark">
+                            <label for="theme-dark">
+                                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Fluent UI System Icons by Microsoft Corporation - https://github.com/microsoft/fluentui-system-icons/blob/main/LICENSE --><path fill="currentColor" d="M20.026 17.001c-2.762 4.784-8.879 6.423-13.663 3.661A10 10 0 0 1 3.13 17.68a.75.75 0 0 1 .365-1.132c3.767-1.348 5.785-2.91 6.956-5.146c1.233-2.353 1.551-4.93.689-8.463a.75.75 0 0 1 .769-.927a9.96 9.96 0 0 1 4.457 1.327c4.784 2.762 6.423 8.879 3.66 13.662"/></svg>
+                            </label>
+                        </div>
+                        <div>
+                            <input type="radio" id="theme-light" name="theme" value="light">
+                            <label for="theme-light">
+                                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Fluent UI System Icons by Microsoft Corporation - https://github.com/microsoft/fluentui-system-icons/blob/main/LICENSE --><path fill="currentColor" d="M12 2a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5A.75.75 0 0 1 12 2m5 10a5 5 0 1 1-10 0a5 5 0 0 1 10 0m4.25.75a.75.75 0 0 0 0-1.5h-1.5a.75.75 0 0 0 0 1.5zM12 19a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5A.75.75 0 0 1 12 19m-7.75-6.25a.75.75 0 0 0 0-1.5h-1.5a.75.75 0 0 0 0 1.5zm-.03-8.53a.75.75 0 0 1 1.06 0l1.5 1.5a.75.75 0 0 1-1.06 1.06l-1.5-1.5a.75.75 0 0 1 0-1.06m1.06 15.56a.75.75 0 1 1-1.06-1.06l1.5-1.5a.75.75 0 1 1 1.06 1.06zm14.5-15.56a.75.75 0 0 0-1.06 0l-1.5 1.5a.75.75 0 0 0 1.06 1.06l1.5-1.5a.75.75 0 0 0 0-1.06m-1.06 15.56a.75.75 0 1 0 1.06-1.06l-1.5-1.5a.75.75 0 1 0-1.06 1.06z"/></svg>
+                            </label>
+                        </div>
+                    </fieldset>
+                </div>
             </div>
         </header>
 
@@ -81,16 +102,14 @@
         @section('scripts')
             <script type="module" src="/assets/js/app.js"></script>
 
-            @if($winterEffectEnabled ?? false)
-                <script type="module" src="/assets/js/is-land.min.js"></script>
-                <script type="module" src="/assets/js/winter.js"></script>
-                <is-land on:media="(prefers-reduced-motion: no-preference)">
-                    <snow-fall
-                        count="150"
-                        style="--snow-fall-color: var(--clr-snow-fall)"
-                    ></snow-fall>
-                </is-land>
-            @endif
+            <script type="module" src="/assets/js/is-land.min.js"></script>
+            <script type="module" src="/assets/js/winter.js"></script>
+            <is-land on:media="(prefers-reduced-motion: no-preference)">
+                <snow-fall
+                    count="150"
+                    style="--snow-fall-color: var(--clr-snow-fall)"
+                ></snow-fall>
+            </is-land>
         @show
     </body>
 </html>

routes/web.php

@@ -9,7 +9,6 @@ use App\Http\Controllers\Admin\LikesController as AdminLikesController;
 use App\Http\Controllers\Admin\NotesController as AdminNotesController;
 use App\Http\Controllers\Admin\PasskeysController;
 use App\Http\Controllers\Admin\PlacesController as AdminPlacesController;
-use App\Http\Controllers\Admin\SettingsController;
 use App\Http\Controllers\Admin\SyndicationTargetsController;
 use App\Http\Controllers\Admin\TokensController;
 use App\Http\Controllers\ArticlesController;
@@ -161,12 +160,6 @@ Route::middleware(MyAuthMiddleware::class)->prefix('admin')->group(function () {
         Route::put('/', [BioController::class, 'update']);
     });
 
-    // Settings
-    Route::prefix('settings')->group(function () {
-        Route::get('/', [SettingsController::class, 'show'])->name('admin.settings.show');
-        Route::put('/', [SettingsController::class, 'update']);
-    });
-
     // Passkeys
     Route::prefix('passkeys')->group(function () {
         Route::get('/', [PasskeysController::class, 'index']);

tests/Feature/Admin/SettingsTest.php

@@ -1,68 +0,0 @@
-<?php
-
-declare(strict_types=1);
-
-namespace Tests\Feature\Admin;
-
-use App\Models\Setting;
-use App\Models\User;
-use Illuminate\Foundation\Testing\RefreshDatabase;
-use PHPUnit\Framework\Attributes\Test;
-use Tests\TestCase;
-
-class SettingsTest extends TestCase
-{
-    use RefreshDatabase;
-
-    #[Test]
-    public function admin_settings_page_loads(): void
-    {
-        $user = User::factory()->make();
-
-        $response = $this->actingAs($user)
-            ->get('/admin/settings');
-        $response->assertSeeText('Site settings');
-    }
-
-    #[Test]
-    public function admin_can_enable_winter_effect(): void
-    {
-        $user = User::factory()->make();
-
-        $this->actingAs($user)
-            ->post('/admin/settings', [
-                '_method' => 'PUT',
-                'winter_effect_enabled' => '1',
-            ]);
-        $this->assertDatabaseHas('settings', ['winter_effect_enabled' => true]);
-    }
-
-    #[Test]
-    public function admin_can_disable_winter_effect(): void
-    {
-        $user = User::factory()->make();
-        Setting::factory()->create(['winter_effect_enabled' => true]);
-
-        $this->actingAs($user)
-            ->post('/admin/settings', [
-                '_method' => 'PUT',
-            ]);
-        $this->assertDatabaseHas('settings', ['winter_effect_enabled' => false]);
-    }
-
-    #[Test]
-    public function winter_effect_markup_is_hidden_when_disabled(): void
-    {
-        $response = $this->get('/');
-        $response->assertDontSee('snow-fall');
-    }
-
-    #[Test]
-    public function winter_effect_markup_is_shown_when_enabled(): void
-    {
-        Setting::factory()->create(['winter_effect_enabled' => true]);
-
-        $response = $this->get('/');
-        $response->assertSee('snow-fall', false);
-    }
-}