Logo in die Kopfzeile aufnehmen
Animierte Marke aus zwei Bögen mit Pfeilspitzen: dreht sich beim Laden einmal abbremsend und bleibt in der symmetrischen Endstellung; bei reduzierter Bewegung sofort statisch. Farbe folgt dem Text (Weiß auf tradeo-Blau). Statische, animierte und Favicon-Variante unter public/logo. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
This commit is contained in:
1 parent
33a8adef0e
commit
3aa37033fd
8 files changed
+186
-3
No files matched your search
+2
-2
@@ -7,11 +7,11 @@
|
||||
<title>Rotatory – Morning-Meeting-Moderation</title>
|
||||
<link rel="stylesheet" href="fonts/fonts.css">
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect width='16' height='16' rx='3' fill='%23122E45'/%3E%3C/svg%3E">
|
||||
<link rel="icon" href="logo/favicon.svg" type="image/svg+xml">
|
||||
</head>
|
||||
<body>
|
||||
<header class="topbar">
|
||||
<h1>Rotatory</h1>
|
||||
<h1><svg class="logo" viewBox="0 0 800 800" aria-hidden="true" focusable="false"><g class="arc arc-a" transform="rotate(41.105 400 400)"><g transform="matrix(0.577,0.597,-0.597,0.577,400,400)"><g transform="matrix(0.9,0,0,0.9,0,0)"><ellipse rx="400" ry="400" cx="0" cy="0" fill="none" stroke="currentColor" stroke-width="55" stroke-linecap="round" stroke-dasharray="40 60" pathLength="100"/></g><g transform="matrix(1,0,0,1,15,12)"><path fill="currentColor" d="M168,185C168,185,95,346,95,346C95,346,288,329,288,329C288,329,168,185,168,185Z"/></g></g></g><g class="arc arc-b" transform="rotate(220.305 400 400)"><g transform="matrix(0.577,0.597,-0.597,0.577,400,400)"><g transform="matrix(0.9,0,0,0.9,0,0)"><ellipse rx="400" ry="400" cx="0" cy="0" fill="none" stroke="currentColor" stroke-width="55" stroke-linecap="round" stroke-dasharray="40 60" pathLength="100"/></g><g transform="matrix(1,0,0,1,15,12)"><path fill="currentColor" d="M168,185C168,185,95,346,95,346C95,346,288,329,288,329C288,329,168,185,168,185Z"/></g></g></g></svg><span>Rotatory</span></h1>
|
||||
<nav aria-label="Bereiche">
|
||||
<a href="#kalender" data-view="kalender">Kalender</a>
|
||||
<a href="#personen" data-view="personen">Personen</a>
|
||||
|
||||
Reference in new issue
Block a user