4b54ea4a12
All checks were successful
dev - build & deploy naar test / build-and-deploy (push) Successful in 8s
- Nieuw logo: low-poly uil als SVG (transparant, vlakke merk-kleuren) + woordmerk \"teachus.today\" in de menubalk; op kleine schermen alleen de uil. Ook favicon en inlogscherm gebruiken het nieuwe logo. - Nieuwe huisstijl afgeleid van het logo: teal als primaire actiekleur, navy inkt, Quicksand-font (zelf gehost, ~28 KB), dunne lijnen, vlakke minimale chrome-laag; het glas-effect blijft alleen op de bord-laag (widgets/HUD). - Token-systeem herschreven: semantische kleuren (--surface/--line/--accent/...), radius-/schaduwschaal en één control-hoogte (--control-h) zodat alle vakken (inputs, selects, knoppen) in elke rij even hoog zijn; op aanraakschermen groeit alles mee naar 44px. Galerij-tegels hebben nu gelijke hoogtes. - Modern tabsysteem: underline-tabs die overlopen in hun paneel (geen gele file-folder-tabs en omrande panelen meer); kleine keuzegroepen (taal, niveaus, timer, chips) delen één segmented-control-stijl. - Donker thema: schakelbaar (licht/donker/auto volgt het OS), alle panelen, bordpatronen en widgets doen mee; hoog contrast wint altijd van donker. - Nieuw tabblad Instellingen -> Weergave: thema, hoog contrast (verhuisd uit de menubalk), taal NL/EN (verhuisd uit de menubalk), menubalk-positie (boven/links/rechts), animaties aan/uit en glas-effect aan/uit - allemaal apparaat-gebonden en ook als gast bereikbaar via het inlogscherm. - Menubalk: rustiger (transparante knoppen, hairline i.p.v. schaduw) en verplaatsbaar naar links of rechts als verticale kolom; bord, leerling- weergave en zwevende knoppen schuiven mee. - Taalkeuze wordt nu onthouden (localStorage). Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01DuxHJtk5aHe2pA3xwCLEAk
48 lines
2.3 KiB
XML
48 lines
2.3 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 104" role="img" aria-label="teachus.today uil">
|
|
<!-- laag-poly uil: vlakke facetten in het merk-palet, transparante achtergrond -->
|
|
<!-- oren -->
|
|
<polygon points="33,28 40,10 48,22" fill="#1d3461"/>
|
|
<polygon points="62,22 70,10 77,28" fill="#1d3461"/>
|
|
<!-- voorhoofd -->
|
|
<polygon points="40,10 70,10 62,22 48,22" fill="#2456b8"/>
|
|
<!-- gezicht -->
|
|
<polygon points="33,28 48,22 44,38" fill="#2b4d94"/>
|
|
<polygon points="77,28 62,22 66,38" fill="#2b4d94"/>
|
|
<polygon points="48,22 62,22 66,38 44,38" fill="#24407a"/>
|
|
<!-- wangen -->
|
|
<polygon points="33,28 44,38 36,46" fill="#2f6fe4"/>
|
|
<polygon points="77,28 66,38 74,46" fill="#2f6fe4"/>
|
|
<!-- ogen -->
|
|
<circle cx="48.5" cy="30.5" r="4.6" fill="#cfe0f5"/>
|
|
<circle cx="61.5" cy="30.5" r="4.6" fill="#cfe0f5"/>
|
|
<circle cx="48.5" cy="30.5" r="2.3" fill="#101d3a"/>
|
|
<circle cx="61.5" cy="30.5" r="2.3" fill="#101d3a"/>
|
|
<!-- snavel -->
|
|
<polygon points="55,36 58.5,41 55,46 51.5,41" fill="#f28c38"/>
|
|
<!-- linkervleugel: cyaan/teal -->
|
|
<polygon points="36,46 44,38 44,56" fill="#3ac2e8"/>
|
|
<polygon points="36,46 44,56 32,62" fill="#18c5c0"/>
|
|
<polygon points="32,62 44,56 40,74" fill="#66d4ef"/>
|
|
<polygon points="32,62 40,74 30,78" fill="#12a8a4"/>
|
|
<polygon points="30,78 40,74 38,88" fill="#18c5c0"/>
|
|
<!-- borst: roze/oranje -->
|
|
<polygon points="44,38 55,46 44,56" fill="#e83e8c"/>
|
|
<polygon points="55,46 66,38 66,56" fill="#f28c38"/>
|
|
<polygon points="44,56 55,46 58,64" fill="#c2257f"/>
|
|
<polygon points="55,46 66,56 58,64" fill="#f06ba8"/>
|
|
<polygon points="44,56 58,64 48,78" fill="#f5a55c"/>
|
|
<polygon points="58,64 66,56 68,74" fill="#e83e8c"/>
|
|
<polygon points="48,78 58,64 68,74" fill="#8b5cf6"/>
|
|
<polygon points="48,78 68,74 58,86" fill="#f28c38"/>
|
|
<!-- rechterflank: blauw/navy -->
|
|
<polygon points="66,38 74,46 66,56" fill="#2f6fe4"/>
|
|
<polygon points="66,56 74,46 76,66" fill="#1d3461"/>
|
|
<polygon points="66,56 76,66 68,74" fill="#2456b8"/>
|
|
<polygon points="68,74 76,66 70,84" fill="#1d3461"/>
|
|
<!-- tak -->
|
|
<polygon points="26,92 106,85 106,88.4 26,95.4" fill="#1d3461"/>
|
|
<!-- blaadjes -->
|
|
<polygon points="92,70 99,78 92,84 85,78" fill="#18c5c0"/>
|
|
<polygon points="104,77 110,83 104,88 98,83" fill="#3ac2e8"/>
|
|
<polygon points="96,90 102,95 96,100 90,95" fill="#12a8a4"/>
|
|
</svg>
|