mirror
/
bridgy-fed
kopia lustrzana https://github.com/snarfed/bridgy-fed
1
0
Forkuj 0
Kod Zgłoszenia Packages Projekty Wydania Wiki Aktywność

front page redesign: highlight "web" and "fediverse," add icons

redesign-v3-text-instructions
Ryan Barrett 2023-12-26 14:27:41 -08:00
rodzic 6c2ef30dcd
commit 18a0c927cb
Nie znaleziono w bazie danych klucza dla tego podpisu
ID klucza GPG: 6BE31FDF4776E9D4
2 zmienionych plików z 16 dodań i 13 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

25
static/style.css
Wyświetl plik

@ -187,25 +187,28 @@ pre .value, code .value, code.value {
margin: .1em !important;
}
.btn.web, .btn.web:hover, .btn.web:focus, .btn.web.active {
#front .web {
color: #20593c;
}
#front .fediverse {
color: #88305b;
}
.fediverse img {
height: 1em;
}
.btn.web {
background-color: #20593c;
border: 2px solid #47c986;
}
.btn.fediverse, .btn.fediverse:hover, .btn.fediverse:focus, .btn.fediverse.active {
.btn.fediverse {
background-color: #88305b;
border: 2px solid #c94786;
}
.btn.active {
box-shadow: 1px 1px .1em var(--glow), -1px -1px .1em var(--glow);
}
.btn:hover {
box-shadow: 1px 1px .1em var(--glow), -1px -1px .1em var(--glow);
text-shadow: 0px 0px .1em var(--glow);
}
#front-instructions {
min-height: 4em;
}

4
templates/index.html
Wyświetl plik

@ -19,13 +19,13 @@
</div> <!-- front-form -->
<div class="row big front-light">
<p>Got a web site? Enter it here to follow someone on the fediverse:</p>
<p>Got a <span class="web">🌐 web</span> site? Enter it here to follow someone on the <a class="fediverse" href="https://en.wikipedia.org/wiki/Fediverse"><img src="/static/fediverse_logo.svg"> fediverse</a>:</p>
<form method="post" action="/web-site">
<input required type="url" name="url" id="url" placeholder="snarfed.org" />
<input type="submit" class="btn btn-default" value="Go" />
</form>
<br><br>
<p>Got a fediverse account? Follow the web site <a class="handle" href="https://example.com/">example.com</a> by searching for <span class="handle">@example.com@web.brid.gy</span> in your fediverse instance.</p>
<p>Got a <a class="fediverse" href="https://en.wikipedia.org/wiki/Fediverse"><img src="/static/fediverse_logo.svg"> fediverse</a> account? Follow the <span class="web">🌐 web</span> site <a class="handle" href="https://example.com/">example.com</a> by searching for <span class="handle">@example.com@web.brid.gy</span> in your fediverse instance.</p>
</div>
<div class="row big front-dark">