mobile friendly layout

This commit is contained in:
veclav talica 2023-05-26 14:00:48 +05:00
parent d8f227344c
commit 3fb5570331
6 changed files with 36 additions and 45 deletions

View File

@ -15,7 +15,7 @@
#define RED 0
#define GREEN 0
#define BLUE 0
#define BLUE 255
static struct sinewave {
float f, s, c;

View File

@ -38,7 +38,7 @@ html {
padding: 0.5em 0.5em;
border-radius: 4px;
}
.nav ul {
nav ul {
padding-left: 0;
border-radius: 4px;
list-style: none;
@ -49,29 +49,29 @@ html {
background-color: #f0f0f0;
border: 1px solid #bbbbdd;
}
.nav li:first-child {
nav li:first-child {
border-left: none;
}
.nav li {
nav li {
border-right: 1px solid #bbbbdd;
border-left: 1px solid #ffffff;
}
.nav a {
nav a {
padding: 0.4em 1em;
display: inline-block;
text-decoration: none;
font-family: arial, sans;
}
.nav a:hover {
nav a:hover {
background-color: #e0e0e0;
}
.nav a:link {
nav a:link {
color: #44d;
}
.nav a:visited {
nav a:visited {
color: #44d;
}
.nav a.here {
nav a.here {
background-color: #e0e0e0;
}
@media only screen and (max-device-width: 480px) {

View File

@ -23,7 +23,7 @@ with open(argv[1], "r") as f:
metadata = parse_metadata(argv[1])
title = metadata.get("Title", "Oopsie, somebody forgot to name the article!")
article_head = "\n# " + title + "\n---\n"
article_head = "\n# " + title + "\n"
brief = metadata.get("Brief")
if not brief is None:

View File

@ -21,8 +21,6 @@ CSS: /style.css
page = f"""Personal blog of one {choice(ADJECTIVES)} Veclav Talica.
---
### Articles ###
"""

View File

@ -1,28 +1,28 @@
HEAD_EMBED = """
<div style="display: flex;">
<div>
## mjestečko ##
<ul class="nav">
<li><a href="/">main page</a></li>
<li><a href="https://git.poto.cafe/veclavtalica/mjestecko">source</a></li>
<li><a href="/tracks.html">tracks</a></li>
<li><a href="/feed.xml">rss</a></li>
<li><a href="/articles/mjestečko.html">about</a></li>
</ul>
</div>
<div class="container">
<header>
<nav>
<strong>mjestečko</strong> /
<a href="/">main</a> /
<a href="https://git.poto.cafe/veclavtalica/mjestecko">source</a> /
<a href="/tracks.html">tracks</a> /
<a href="/feed.xml">rss</a> /
<a href="/articles/mjestečko.html">about</a>
</ul>
</nav>
</header>
"""
NOTICE = """
---
*Remember, - all you see here is free for use for any purpose whatsoever.*
"""
TAIL_EMBED = """
---
*Remember, - all you see here is free for use for any purpose whatsoever.*
</div>
@ -56,4 +56,4 @@ WEEKDAYS = {
}
def wrap_page(page: str) -> str:
return HEAD_EMBED + page + TAIL_EMBED
return HEAD_EMBED + page + NOTICE + TAIL_EMBED

View File

@ -3,6 +3,8 @@
from sys import argv, exit
from os import walk, path
from page_shares import HEAD_EMBED, TAIL_EMBED
if len(argv) <= 1:
print("No directory was supplied")
exit(-1)
@ -58,20 +60,10 @@ page = """<!DOCTYPE html>
</script>
</head>
<body>
"""
page += HEAD_EMBED
<div style="display: flex;">
<div>
<h2 id="mjestečko">mjestečko</h2>
<ul class="nav">
<li><a href="/">main page</a></li>
<li><a href="https://git.poto.cafe/veclavtalica/mjestecko">source</a></li>
<li><a href="/tracks.html">tracks</a></li>
<li><a href="/feed.xml">rss</a></li>
<li><a href="/articles/mjestečko.html">about</a></li>
</ul>
</div>
<div class="container">
page += """
<h3 id="articles">Tracks</h3>
<p>.xm module tracks of my own. Btw, they're playable in browser :3</p>
<p>Note that some files are rendered incorrectly.</p>
@ -90,8 +82,9 @@ for _, _, files in walk(argv[1]):
)
break
page += """ </div>
</div>
page += TAIL_EMBED
page += """</div>
</body>
</html>
"""