upload index.html

2026-07-11 13:49:51 +00:00
commit 256339bdc9
1 changed files with 110 additions and 0 deletions
--- a/index.html
+++ b/index.html
@@ -0,0 +1,110 @@
+<!DOCTYPE html>
+<html lang="de"><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Fahrrad mit Auto-Verbotssymbol</title>
+  <style>
+    html, body {
+      width: 100%;
+      height: 100%;
+      margin: 0;
+      background: #ffffff;
+    }
+
+    body {
+      display: grid;
+      place-items: center;
+      overflow: hidden;
+    }
+
+    svg {
+      display: block;
+      width: min(90vw, 1100px);
+      height: min(90vh, 720px);
+    }
+  </style>
+</head>
+<body>
+  <svg viewBox="0 0 1000 600" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="title desc" preserveAspectRatio="xMidYMid meet">
+    <title id="title">Fahrrad mit rotem Auto-Verbotssymbol</title>
+    <desc id="desc">
+      Ein minimalistisches schwarzes Fahrrad. Das Vorderrad ist rot und
+      enthält ein schwarzes Auto mit rotem Verbotsstrich von oben rechts
+      nach unten links.
+    </desc>
+
+    <!-- Hinterrad und Fahrrad -->
+    <g fill="none" stroke="#111111" stroke-width="20" stroke-linecap="round" stroke-linejoin="round">
+      <!-- Hinterrad -->
+      <circle cx="260" cy="385" r="125"></circle>
+
+      <!-- Rahmen -->
+      <path d="M260 385 L385 220 L475 385 Z"></path>
+      <path d="M385 220 L545 220 L475 385"></path>
+      <path d="M260 385 L475 385"></path>
+
+      <!-- Sattel -->
+      <path d="M385 220 L365 155"></path>
+      <path d="M332 150 H400"></path>
+
+      <!-- Steuerrohr und Lenker -->
+      <path d="M545 220 L530 150"></path>
+      <path d="M530 150 H585"></path>
+      <path d="M585 150 Q610 150 610 175 Q610 198 585 198"></path>
+
+      <!-- Hinterbau -->
+      <path d="M475 385 L545 220"></path>
+
+      <!-- Gabel: endet exakt am oberen Rand des Vorderrads -->
+      <path d="M545 220 L602 287"></path>
+
+      <!-- Kurbel -->
+      <circle cx="475" cy="385" r="20" fill="#111111"></circle>
+    </g>
+
+    <!-- Rotes Vorderrad -->
+    <circle cx="690" cy="385" r="125" fill="none" stroke="#d32626" stroke-width="20"></circle>
+
+    <!-- Auto-Verbotssymbol -->
+    <g transform="translate(690 385)">
+      <!-- Auto -->
+      <path d="M-74 18
+           L-62 -28
+           Q-56 -52 -32 -58
+           H32
+           Q56 -52 62 -28
+           L74 18
+           V48
+           Q74 60 62 60
+           H-62
+           Q-74 60 -74 48
+           Z" fill="#111111"></path>
+
+      <!-- Windschutzscheibe -->
+      <path d="M-42 -30
+           Q-38 -42 -24 -45
+           H24
+           Q38 -42 42 -30
+           L47 -12
+           H-47
+           Z" fill="#ffffff"></path>
+
+      <!-- Scheinwerfer -->
+      <circle cx="-45" cy="27" r="10" fill="#ffffff"></circle>
+      <circle cx="45" cy="27" r="10" fill="#ffffff"></circle>
+
+      <!-- Kühleröffnung -->
+      <rect x="-24" y="25" width="48" height="10" rx="5" fill="#ffffff"></rect>
+
+      <!-- Räder -->
+      <circle cx="-48" cy="62" r="12" fill="#111111"></circle>
+      <circle cx="48" cy="62" r="12" fill="#111111"></circle>
+
+      <!-- Roter Verbotsstrich: oben rechts nach unten links -->
+      <path d="M88 -88 L-88 88" fill="none" stroke="#d32626" stroke-width="18" stroke-linecap="round"></path>
+    </g>
+  </svg>
+
+
+</body></html>