kopia lustrzana https://github.com/snarfed/bridgy-fed
front page redesign: highlight "web" and "fediverse," add icons
rodzic
6c2ef30dcd
commit
18a0c927cb
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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">
|
||||
|
|
Ładowanie…
Reference in New Issue