new banners

This commit is contained in:
/dev/urandom 2020-11-17 22:38:22 +03:00
parent 226b7ffd91
commit ce0750bab3
3 changed files with 27 additions and 40 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 KiB

View file

@ -232,17 +232,27 @@ th, td {
} }
.itime { .itime {
float: right;
border: 1px solid C_DBORDER; border: 1px solid C_DBORDER;
background: C_FOOTERBG;
color: C_FOOTERFG;
width: 128pt; width: 128pt;
padding: 6px; padding: 4px;
margin:auto; margin: 4px;
display: inline-block; display: inline-block;
vertical-align: bottom; vertical-align: bottom;
font-family: sans-serif;
font-size: 10pt;
} }
.itime-bar { .itime-bar {
height: 0.5em; height: 6px;
width: 100%; width: 100%;
margin-block: 2px;
}
.itime-text {
text-align: center;
} }
.def { .def {
@ -252,7 +262,8 @@ th, td {
HASH(#itime-progress) { HASH(#itime-progress) {
width: 0%; width: 0%;
height: 100%; height: 100%;
background: C_LGREEN; background: C_DGREEN;
border-top: 2px solid C_LGREEN;
} }
@media screen and (min-width: 480px) { @media screen and (min-width: 480px) {
@ -284,9 +295,6 @@ HASH(#itime-progress) {
padding: 6pt; padding: 6pt;
padding-inline-start: 1em; padding-inline-start: 1em;
} }
.itime {
}
} }
@media screen and (min-width:768pt) { @media screen and (min-width:768pt) {
@ -295,34 +303,5 @@ HASH(#itime-progress) {
max-width: 768pt; max-width: 768pt;
margin: 24pt auto; margin: 24pt auto;
} }
.middle {
display: grid;
grid-template-columns: 160pt auto;
grid-template-rows: 100fr auto;
}
.navbar {
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 1;
grid-row-end: 2;
}
.navbar > .links {
background: url("/menu_stripe.gif");
padding: 3px;
border: 1px solid C_DBORDER;
}
.links a {
background: none;
border: none;
}
.content {
grid-column-start: 2;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 3;
}
.nav_linkmenu a {
display: block;
}
} }

View file

@ -17,6 +17,10 @@
<body> <body>
<div class="header"> <div class="header">
<div class="header_image"></div> <div class="header_image"></div>
<div class="itime">
<div class="itime-text">internet time @ <span id="itime-value">???</span></div>
<div class="itime-bar"><div id="itime-progress"></div></div>
</div>
<div class="header_text"> <div class="header_text">
<h2><a href="/">rnd's website</a><span class="titlesep"> | </span></h2><h3><?theme title?></h3> <h2><a href="/">rnd's website</a><span class="titlesep"> | </span></h2><h3><?theme title?></h3>
</div> </div>
@ -34,6 +38,8 @@
<?theme body?> <?theme body?>
</div> </div>
<div class="footer"> <div class="footer">
<a href="https://neocities.org/"><img src="/banners/neocities.gif"
width="88" height="31" alt="Hosted by Neocities" /></a>
<a rel="me" href="https://cybre.space/@devurandom"><img src="/banners/mastodon.gif" <a rel="me" href="https://cybre.space/@devurandom"><img src="/banners/mastodon.gif"
width="88" height="31" alt="Follow me on Mastodon" /></a> width="88" height="31" alt="Follow me on Mastodon" /></a>
<a href="https://www.vim.org"><img src="/banners/vim.gif" <a href="https://www.vim.org"><img src="/banners/vim.gif"
@ -42,12 +48,14 @@
width="88" height="31" alt="SimpleJPC-16" title="This website uses the SimpleJPC-16 palette for its design." /></a> width="88" height="31" alt="SimpleJPC-16" title="This website uses the SimpleJPC-16 palette for its design." /></a>
<a href="https://mozilla.org/en-US/firefox/"><img src="/banners/firefox.gif" <a href="https://mozilla.org/en-US/firefox/"><img src="/banners/firefox.gif"
width="88" height="31" alt="Best viewed in Firefox" title="This website is best viewed in the Firefox web browser."/ ></a> width="88" height="31" alt="Best viewed in Firefox" title="This website is best viewed in the Firefox web browser."/ ></a>
<a href="http://www.thedreamcastjunkyard.co.uk/"><img src="/banners/dcjy.gif"
width="88" height="31" alt="The Dreamcast Junkyard"/ ></a>
<a href="https://blaseball.com"><img src="/banners/blaseball.gif" <a href="https://blaseball.com"><img src="/banners/blaseball.gif"
width="88" height="31" alt="Blaseball"/ ></a> width="88" height="31" alt="Blaseball"/ ></a>
<div class="itime"> <a href="https://f-droid.org"><img src="/banners/fdroid.gif"
<div class="itime-text">internet time @ <span id="itime-value">???</span></div> width="88" height="31" alt="F-Droid" title="F-Droid is a repository of free and open source Android applications."/ ></a>
<div class="itime-bar"><div id="itime-progress"></div></div> <a href="https://rnd.neocities.org/tokipona/"><img src="/banners/mute_lukin.gif"
</div> width="88" height="31" alt="jan li lukin e lipu ni lon tenpo mute"/ ></a>
<br /> <br />
Website created and updated by /dev/urandom. Source code available on the Website created and updated by /dev/urandom. Source code available on the
<a href="https://gitlab.com/dev_urandom/simple-site">GitLab page</a>. <a href="https://gitlab.com/dev_urandom/simple-site">GitLab page</a>.