alexandrump/andaquenosabesna
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Quita "sin guion" del lema y fuerza el logo a círculo perfecto

Browse Source
This commit is contained in:
Alex
2026-10-20 15:01:17 +02:00
parent 5d53ec049b
commit 4be49b0c91
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
build.py
+1 -1
View File
@@ -168,7 +168,7 @@ page = f'''<!doctype html>
<img class="neon" src="img/avatar.jpg" alt="Anda Que No Sabes Ná" width="220" height="220"> <img class="neon" src="img/avatar.jpg" alt="Anda Que No Sabes Ná" width="220" height="220">
<p class="kicker">Directo desde Granada, de noche</p> <p class="kicker">Directo desde Granada, de noche</p>
<h1>El programa nocturno<br><em>100% granaíno</em></h1> <h1>El programa nocturno<br><em>100% granaíno</em></h1>
<p class="lead">Charlas sin guion sobre lo que sabemos, lo que no, y lo que creemos saber.</p> <p class="lead">Charlas sobre lo que sabemos, lo que no, y lo que creemos saber.</p>
<div class="cta"> <div class="cta">
<a class="btn primary" href="{YT}" target="_blank" rel="noopener">Ver en YouTube</a> <a class="btn primary" href="{YT}" target="_blank" rel="noopener">Ver en YouTube</a>
<a class="btn" href="#programas">Últimos programas</a> <a class="btn" href="#programas">Últimos programas</a>
public/styles.css
+2 -2
View File
@@ -36,7 +36,7 @@ a { color: inherit; text-decoration: none; }
backdrop-filter: blur(6px); backdrop-filter: blur(6px);
} }
.brand { display: flex; align-items: center; gap: 10px; font-weight: 600; letter-spacing: .02em; } .brand { display: flex; align-items: center; gap: 10px; font-weight: 600; letter-spacing: .02em; }
.brand img { border-radius: 50%; box-shadow: 0 0 14px rgba(46, 230, 255, .5); } .brand img { aspect-ratio: 1 / 1; object-fit: cover; border-radius: 50%; box-shadow: 0 0 14px rgba(46, 230, 255, .5); }
.top nav { display: flex; gap: 22px; font-size: .95rem; color: var(--muted); } .top nav { display: flex; gap: 22px; font-size: .95rem; color: var(--muted); }
.top nav a:hover { color: var(--neon); } .top nav a:hover { color: var(--neon); }
@media (max-width: 640px) { .brand span { display: none; } .top nav { gap: 16px; } } @media (max-width: 640px) { .brand span { display: none; } .top nav { gap: 16px; } }
@@ -59,7 +59,7 @@ a { color: inherit; text-decoration: none; }
@keyframes drift { to { transform: scale(1.1) translateY(-1.5%); } } @keyframes drift { to { transform: scale(1.1) translateY(-1.5%); } }
.hero-inner { position: relative; max-width: 760px; } .hero-inner { position: relative; max-width: 760px; }
.neon { .neon {
width: clamp(130px, 22vw, 190px); margin: 0 auto 18px; border-radius: 50%; width: clamp(130px, 22vw, 190px); height: auto; aspect-ratio: 1 / 1; object-fit: cover; margin: 0 auto 18px; border-radius: 50%;
border: 1px solid rgba(46, 230, 255, .35); border: 1px solid rgba(46, 230, 255, .35);
animation: flicker 6s infinite; animation: flicker 6s infinite;
} }