mirror of
https://github.com/mrrpnya/lipu-sona.git
synced 2025-02-13 16:44:39 +00:00
switched to a grid-based layout
This commit is contained in:
/dev/urandom
parent
73680fdc17
commit
63aba48524
2 changed files with 91 additions and 30 deletions
|
|
@ -29,6 +29,7 @@
|
|||
#define C_LWRN #f5ee9b
|
||||
|
||||
#define C_LGREEN #7cc264
|
||||
#define C_DGREEN #316F23
|
||||
|
||||
@font-face {
|
||||
font-family: "Xolonium";
|
||||
|
|
@ -51,7 +52,6 @@ body {
|
|||
margin: 0;
|
||||
}
|
||||
|
||||
|
||||
blockquote {
|
||||
margin: 6pt;
|
||||
padding-inline: 1em;
|
||||
|
|
@ -93,15 +93,43 @@ th, td {
|
|||
display: inline;
|
||||
}
|
||||
|
||||
.footer {
|
||||
.footer, .navbar {
|
||||
background: C_FOOTERBG;
|
||||
color: C_FOOTERFG;
|
||||
text-align: center;
|
||||
font-family: sans-serif;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
padding: 6pt;
|
||||
}
|
||||
|
||||
.footer {
|
||||
padding: 12pt 6pt;
|
||||
}
|
||||
|
||||
.nav_linkmenu a {
|
||||
display: inline-block;
|
||||
background: C_FOOTERBG;
|
||||
margin: 3px;
|
||||
padding: 3px;
|
||||
border: 1px solid C_DBORDER;
|
||||
color: C_FOOTLINK;
|
||||
}
|
||||
|
||||
.nav_linkmenu a:hover {
|
||||
background: C_LWRN;
|
||||
color: C_BODYFG;
|
||||
border: 1px solid C_DWRN;
|
||||
}
|
||||
|
||||
.nav_linkmenu a:active {
|
||||
background: C_LGREEN;
|
||||
color: C_BODYFG;
|
||||
border: 1px solid C_DGREEN;
|
||||
}
|
||||
|
||||
.footer a, .footer a:visited {
|
||||
color: C_FOOTLINK;
|
||||
}
|
||||
|
|
@ -225,5 +253,31 @@ HASH(#itime-progress) {
|
|||
max-width: 768pt;
|
||||
margin: 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;
|
||||
}
|
||||
.footer {
|
||||
grid-column-start: 1;
|
||||
grid-column-end: 2;
|
||||
grid-row-start: 2;
|
||||
grid-row-end: 3;
|
||||
}
|
||||
.content {
|
||||
grid-column-start: 2;
|
||||
grid-column-end: 3;
|
||||
grid-row-start: 1;
|
||||
grid-row-end: 3;
|
||||
}
|
||||
.nav_linkmenu a {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,5 @@
|
|||
<!DOCTYPE html>
|
||||
<!-- vim: set sw=2: -->
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
|
|
@ -13,36 +14,42 @@
|
|||
<link rel="icon" type="image/png" href="favicon.png">
|
||||
<?theme style?>
|
||||
</head>
|
||||
<body>
|
||||
<div class="header">
|
||||
<div class="header_image"></div>
|
||||
<div class="header_text">
|
||||
<body>
|
||||
<div class="header">
|
||||
<div class="header_image"></div>
|
||||
<div class="header_text">
|
||||
<h2><a href="/">rnd's website</a><span class="titlesep"> | </span></h2><h3><?theme title?></h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="middle">
|
||||
<div class="navbar nav_linkmenu">
|
||||
<a href="/index.html">Main page</a>
|
||||
<a href="/tokipona">toki pona</a>
|
||||
</div>
|
||||
<div class="content">
|
||||
<?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>
|
||||
</div>
|
||||
<div class="content">
|
||||
<?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"
|
||||
width="88px" height="31px" alt="This page made with Vim"></img></a>
|
||||
<a
|
||||
href="https://twitter.com/AdigunPolack/status/978086591485882368"><img
|
||||
src="/simplejpc16.gif"
|
||||
width="88px" height="31px" alt="SimpleJPC-16" title="This website uses the SimpleJPC-16 palette for its design."></img></a>
|
||||
<a
|
||||
href="https://mozilla.org/en-US/firefox/"><img src="/firefox.gif"
|
||||
width="88px" height="31px" alt="Best viewed in Firefox" title="This website is best viewed in the Firefox web browser."></img></a>
|
||||
<br />
|
||||
Website created and updated by /dev/urandom. Source code available on the
|
||||
<a href="https://gitlab.com/dev_urandom/simple-site">GitLab page</a>.
|
||||
</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"
|
||||
width="88px" height="31px" alt="This page made with Vim"></img></a>
|
||||
<a
|
||||
href="https://twitter.com/AdigunPolack/status/978086591485882368"><img
|
||||
src="/simplejpc16.gif"
|
||||
width="88px" height="31px" alt="SimpleJPC-16" title="This website uses the SimpleJPC-16 palette for its design."></img></a>
|
||||
<a
|
||||
href="https://mozilla.org/en-US/firefox/"><img src="/firefox.gif"
|
||||
width="88px" height="31px" alt="Best viewed in Firefox" title="This website is best viewed in the Firefox web browser."></img></a>
|
||||
<br />
|
||||
Website created and updated by /dev/urandom. Source code available on the
|
||||
<a href="https://gitlab.com/dev_urandom/simple-site">GitLab page</a>.
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script src="/scripts.js"></script>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue