black footer, internet time counter

This commit is contained in:
/dev/urandom 2020-07-17 22:01:50 +03:00
parent 4a71769cc8
commit a1dfed3f68
3 changed files with 36 additions and 4 deletions

View file

@ -1,12 +1,14 @@
#define HASH(x) x
#define C_PAGEBG #404a68
#define C_HEADERBG #221f31
#define C_HEADERBGHALF rgba(34,31,49,0.5)
#define C_BODYBG #fefefe
#define C_FOOTERBG #9a93b7
#define C_FOOTERBG #050403
#define C_HEADERFG #fefefe
#define C_BODYFG #050403
#define C_FOOTERFG #404a68
#define C_FOOTERFG #fefefe
#define C_BLEAKFG #9a93b7
#define C_BBORDER #221f31
@ -14,7 +16,7 @@
#define C_DLINK #221f31
#define C_LINK #404a68
#define C_VISLINK #678fcb
#define C_FOOTLINK #404a68
#define C_FOOTLINK #8be1e0
#define C_DBORDER #404a68
#define C_LBORDER #9a93b7
@ -26,6 +28,8 @@
#define C_DWRN #9b6e2d
#define C_LWRN #f5ee9b
#define C_LGREEN #7cc264
@font-face {
font-family: "Xolonium";
src: url("/Xolonium-Regular.otf");
@ -170,6 +174,24 @@ th, td {
font-size: 1.5em;
}
.itime {
border: 1px solid C_BBORDER;
width: 15em;
padding: 6px;
margin:auto;
}
.itime-bar {
height: 0.5em;
width: 100%;
}
HASH(#itime-progress) {
width: 0%;
height: 100%;
background: C_LGREEN;
}
@media screen and (min-width: 480px) {
.header {
@ -188,6 +210,10 @@ th, td {
padding: 6pt;
padding-inline-start: 1em;
}
.itime {
float: right;
}
}
@media screen and (min-width:768pt) {
@ -200,3 +226,4 @@ th, td {
margin: auto;
}
}

View file

@ -1,4 +1,5 @@
<a href="https://rnd.neocities.org/blog/main.rss" rel="alternate" title="RSS feed" type="application/rss+xml"><img src="/rss.gif" alt="RSS logo" style="vertical-align: middle; padding: 4px;" />Subscribe to RSS feed</a>
<link href="https://rnd.neocities.org/blog/main.rss" rel="alternate" title="RSS feed" type="application/rss+xml" />

View file

@ -12,7 +12,6 @@
<link href="xstyle.css" rel="stylesheet" type="text/css" media="all">
<link rel="icon" type="image/png" href="favicon.png">
<?theme style?>
<script src="/scripts.js"></script>
</head>
<body>
<div class="header">
@ -25,6 +24,10 @@
<?theme body?>
</div>
<div class="footer">
<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>
<a rel="me" href="https://cybre.space/@devurandom"><img src="/mastodon.gif"
width="88px" height="31px" alt="Follow me on Mastodon"></img></a>
<a href="https://vim.org"><img src="/vim.gif"
@ -41,4 +44,5 @@
<a href="https://gitlab.com/dev_urandom/simple-site">GitLab page</a>.
</div>
</body>
<script src="/scripts.js"></script>
</html>