echo/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

home: drop repetitive cta band; flatten buttons (no glow/lift)

Browse source
This commit is contained in:
Jean Chevronnet 2026-08-31 01:28:20 +00:00
parent a0510a407c
commit c3c9e08a9e
No known key found for this signature in database
GPG key ID: 439666D63A9477E4
2 changed files with 6 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

18
static/style.css
View file

@ -36,12 +36,12 @@ code{font-family:var(--mono);font-size:.9em;background:rgba(18,165,148,.09);colo
.mono-line{font-family:var(--mono);color:var(--muted)} .mono-line{font-family:var(--mono);color:var(--muted)}
/* buttons */ /* buttons */
.btn{display:inline-block;font-weight:500;font-size:.98rem;padding:.62rem 1.15rem;border-radius:9px;border:1.5px solid transparent;transition:transform .05s ease} .btn{display:inline-block;font-weight:600;font-size:.95rem;padding:.6rem 1.25rem;border-radius:6px;border:1.5px solid transparent;transition:background .14s ease,border-color .14s ease,color .14s ease}
.btn:hover{text-decoration:none;transform:translateY(-1px)} .btn:hover{text-decoration:none}
.btn-primary{background:var(--teal);color:#fff;box-shadow:0 8px 18px -8px rgba(18,165,148,.7)} .btn-primary{background:var(--teal);border-color:var(--teal);color:#fff}
.btn-primary:hover{background:var(--teal-d)} .btn-primary:hover{background:var(--teal-d);border-color:var(--teal-d)}
.btn-ghost{border-color:var(--line2);color:var(--ink);background:var(--card)} .btn-ghost{border-color:var(--line2);color:var(--ink);background:transparent}
.btn-ghost:hover{border-color:var(--teal);color:var(--teal-d)} .btn-ghost:hover{border-color:var(--teal);color:var(--teal-d);background:var(--teal-t)}
/* top bar (teal in both themes) */ /* top bar (teal in both themes) */
.topbar{background:var(--teal);color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 2px 12px -6px rgba(0,0,0,.35)} .topbar{background:var(--teal);color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 2px 12px -6px rgba(0,0,0,.35)}
@ -107,12 +107,6 @@ code{font-family:var(--mono);font-size:.9em;background:rgba(18,165,148,.09);colo
.news-date{flex:none;width:6.5rem;color:var(--faint);font-size:.85rem;font-family:var(--mono);padding-top:.15rem} .news-date{flex:none;width:6.5rem;color:var(--faint);font-size:.85rem;font-family:var(--mono);padding-top:.15rem}
.news div{color:var(--muted)} .news div{color:var(--muted)}
/* cta band */
.ctaband{background:var(--teal-t);border-top:1px solid var(--line)}
.ctaband-in{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:2.3rem 1.25rem;flex-wrap:wrap}
.ctaband h2{color:var(--teal-dd);margin-bottom:.2rem;font-size:1.5rem}
.ctaband .mono-line{color:var(--teal-d)}
/* page head + doc pages */ /* page head + doc pages */
.pagehead{background:linear-gradient(180deg,var(--card),var(--panel));border-bottom:1px solid var(--line);padding:2.6rem 0 2rem} .pagehead{background:linear-gradient(180deg,var(--card),var(--panel));border-bottom:1px solid var(--line);padding:2.6rem 0 2rem}
.pagehead h1{font-size:2.3rem} .pagehead h1{font-size:2.3rem}

7
templates/index.html
View file

@ -59,11 +59,4 @@
</ul> </ul>
<p class="h-center more"><a href="/docs/changelog">Full changelog &#8594;</a></p> <p class="h-center more"><a href="/docs/changelog">Full changelog &#8594;</a></p>
</section> </section>
<section class="ctaband">
<div class="wrap ctaband-in">
<div><h2>Ready to connect?</h2><p class="mono-line">irc.echoircd.org · +6697 · TLS 1.3</p></div>
<a class="btn btn-primary" href="/connect">Get connected</a>
</div>
</section>
{% endblock %} {% endblock %}