all repos — tls-website @ c422b474adca8425495ce8d285fb6785e1507f15

Unnamed repository; edit this file 'description' to name the repository. 

feat: toothpaste glow
kate kate@breadlabs.de
Fri, 15 May 2026 19:44:40 +0200
commit

c422b474adca8425495ce8d285fb6785e1507f15

parent

f6d6827ed331055543b2275001a772a52323737d

2 files changed, 19 insertions(+), 24 deletions(-)

jump to
M index.html → index.html 
@@ -16,9 +16,8 @@ <link href="/static/style.css" rel="stylesheet" />
 </head>
 
 <body>
-    <hgroup id="title">
-        <h1>TLS 2026</h1>
-    </hgroup>
+    <h1 class=" title glow">TLS 2026</h1>
+    <h1 class="title glow-cut" aria-hidden="true">TLS 2026</h1>
     <section id="Infos">
         <h1><a href="#infos">#</a> Infos</h1>
         <h3>Was</h3>
M static/style.css → static/style.css 
@@ -35,11 +35,10 @@ src: url("/static/fonts/redaction/webfonts/Redaction_100-Bold.woff2");
 }
 
 :root {
-    --c-bg: #10101a;
+    --c-bg: #08080a;
     --c-fg: #e6e1f2;
-    --c-link: #ead8fe;
-    --c-link-glow: #a153f4;
-    --c-link-hover: #8be9fd;
+    --c-link: #d7ffea;
+    --c-link-glow: #53f49e;
     --f-text: "IBM_Plex", sans-serif;
 }
 

@@ -81,36 +80,33 @@ }
     }
 }
 
-a, #title, .bunt {
+a, .title, .bunt {
     color: var(--c-link);
-    text-shadow: 0 0 10px var(--c-link-glow);
+    text-shadow: 0 0 5px var(--c-link-glow);
 }
 
 a:hover {
     color: var(--c-link-glow);
 }
 
-#title {
+.title {
     animation: redact 1s infinite;
     animation-direction: alternate;
     animation-timing-function: linear;
-    font-size: 3rem;
+    font-size: 4rem;
+    margin-top: 1em;
+    z-index: 100;
 }
 
-#title {
-    display: flex;
-    align-items: center;
-    margin-top: 1em;
-    margin-bottom: 0.5em;
+.glow {
+    text-shadow: 0 0 50px var(--c-link-glow) !important;
+}
 
-    h1 {
-        margin: 0;
-        padding: 0;
-    }
-
-    img {
-        width: 5rem;
-    }
+.glow-cut {
+    text-shadow: 0 0 10px black;
+    position: relative;
+    bottom: 8.8rem;
+    height: 0;
 }
 
 @keyframes redact {