superior buttons layout
This commit is contained in:
+28
-43
@@ -138,7 +138,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
ul.footer {
|
.footer {
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
@@ -146,11 +146,11 @@
|
|||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul.footer li {
|
.buttons {
|
||||||
line-height: 0;
|
line-height: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul.footer li a {
|
.buttons a {
|
||||||
color: var(--primary-color);
|
color: var(--primary-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -173,7 +173,7 @@
|
|||||||
div.footer.quote {
|
div.footer.quote {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
margin: -24px auto auto auto;
|
margin: -8px auto auto auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
div.footer.links {
|
div.footer.links {
|
||||||
@@ -228,45 +228,30 @@ i would love to work with/for you! reach out to me via email [me@futile.eu] (eve
|
|||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="footer-container">
|
<div class="footer-container">
|
||||||
<div class="footer">
|
<div class="footer buttons">
|
||||||
<ul class="footer buttons">
|
<a href="https://futile.eu"><img src="static/buttons/futile.png" width="88px" height="31px"
|
||||||
<li><a href="https://futile.eu"><img src="static/buttons/futile.png" width="88px" height="31px"
|
alt="button that says 'futile' in white, grotesque font, on a black background, with a white outline | by futile" /></a>
|
||||||
alt="button that says 'futile' in white, grotesque font, on a black background, with a white outline | by futile" /></a>
|
<a href="https://xenia.blahaj.land/"><img src="static/buttons/rose_88x31.png" width="88px" height="31px"
|
||||||
</li>
|
alt="button that says 'rose' with a rose growing out of the 'o', with milk-chan to the right of the text | by rose" /></a>
|
||||||
<li><a href="https://xenia.blahaj.land/"><img src="static/buttons/rose_88x31.png" width="88px"
|
<iframe src="https://increm.net/badge?key=futile" title="incremnet badge" width="88" height="31"
|
||||||
height="31px"
|
frameborder="0" style="background: url('https://increm.net/bg.png')"></iframe>
|
||||||
alt="button that says 'rose' with a rose growing out of the 'o', with milk-chan to the right of the text | by rose" /></a>
|
<a href="https://fedoraproject.org/spins/kde"><img src="static/buttons/fedora.png" width="88px"
|
||||||
</li>
|
height="31px"
|
||||||
<li><iframe src="https://increm.net/badge?key=futile" title="incremnet badge" width="88" height="31"
|
alt="button that says 'powered by fedora' in white and blue, with the fedora logo to the left | by unknown; retouched by futile" /></a>
|
||||||
frameborder="0" style="background: url('https://increm.net/bg.png')"></iframe></li>
|
<a href="https://mozilla.org/firefox"><img src="static/buttons/firefox4.gif" width="88px" height="31px"
|
||||||
<li><a href="https://fedoraproject.org/spins/kde"><img src="static/buttons/fedora.png" width="88px"
|
alt="button that flashes between the texts 'tested on' and 'firefox' in firefox's orange, yellow, and purple scheme, with the firefox logo to the left | by unknown" /></a>
|
||||||
height="31px"
|
<a href="https://vscodium.com"><img src="static/buttons/vscodium.com.png" width="88px" height="31px"
|
||||||
alt="button that says 'powered by fedora' in white and blue, with the fedora logo to the left | by unknown; retouched by futile" /></a>
|
alt="button that says 'made with vscodium' in light blue, with the vscodium logo to the right | by unknown" /></a>
|
||||||
</li>
|
<img src="static/buttons/FirtniteButton.png" onclick="alert('firt night')" width="88px" height="31px"
|
||||||
<li><a href="https://mozilla.org/firefox"><img src="static/buttons/firefox4.gif" width="88px"
|
alt="button that says 'firtnite' (a misspelling of 'fortnite'), otherwise looks very similar to an old fortnite title screen | by unknown" />
|
||||||
height="31px"
|
<a href="https://ublockorigin.com"><img src="static/buttons/ublock.png" width="88px" height="31px"
|
||||||
alt="button that flashes between the texts 'tested on' and 'firefox' in firefox's orange, yellow, and purple scheme, with the firefox logo to the left | by unknown" /></a>
|
alt="button (grey) that says 'ublock origin now!', with the ublock origin red logo to the left | by unknown" /></a>
|
||||||
</li>
|
<a href="https://rust-lang.org"><img src="static/buttons/rustNOW.png" width="88px" height="31px"
|
||||||
<li><a href="https://vscodium.com"><img src="static/buttons/vscodium.com.png" width="88px" height="31px"
|
alt="button (grey) that says 'rust now!', with the rust gear logo to the left and a yellow banner that says '1.82.0' on the to the bottom right | by futile" /></a>
|
||||||
alt="button that says 'made with vscodium' in light blue, with the vscodium logo to the right | by unknown" /></a>
|
<a href="https://1337x.to"><img src="static/buttons/piracy.png" width="88px" height="31px"
|
||||||
</li>
|
alt="button (grey) that says 'piracy now!', with a jolly roger flag to the left and a black banner that says 'free' on the to the bottom right | by unknown; retouched by futile" /></a>
|
||||||
<li><img src="static/buttons/FirtniteButton.png" onclick="alert('firt night')" width="88px"
|
<a href="https://vostok.one"><img src="static/buttons/vostok.png" width="88px" height="31px"
|
||||||
height="31px"
|
alt="button with a glowing white border that says 'vostok.one' with some small text below that that says '$ tread carefully', all in black and white | by futile" /></a>
|
||||||
alt="button that says 'firtnite' (a misspelling of 'fortnite'), otherwise looks very similar to an old fortnite title screen | by unknown" />
|
|
||||||
</li>
|
|
||||||
<li><a href="https://ublockorigin.com"><img src="static/buttons/ublock.png" width="88px" height="31px"
|
|
||||||
alt="button (grey) that says 'ublock origin now!', with the ublock origin red logo to the left | by unknown" /></a>
|
|
||||||
</li>
|
|
||||||
<li><a href="https://rust-lang.org"><img src="static/buttons/rustNOW.png" width="88px" height="31px"
|
|
||||||
alt="button (grey) that says 'rust now!', with the rust gear logo to the left and a yellow banner that says '1.82.0' on the to the bottom right | by futile" /></a>
|
|
||||||
</li>
|
|
||||||
<li><a href="https://1337x.to"><img src="static/buttons/piracy.png" width="88px" height="31px"
|
|
||||||
alt="button (grey) that says 'piracy now!', with a jolly roger flag to the left and a black banner that says 'free' on the to the bottom right | by unknown; retouched by futile" /></a>
|
|
||||||
</li>
|
|
||||||
<li><a href="https://vostok.one"><img src="static/buttons/vostok.png" width="88px" height="31px"
|
|
||||||
alt="button with a glowing white border that says 'vostok.one' with some small text below that that says '$ tread carefully', all in black and white | by futile" /></a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="footer quote">
|
<div class="footer quote">
|
||||||
<p id="quote"> </p>
|
<p id="quote"> </p>
|
||||||
|
|||||||
Reference in New Issue
Block a user