Compare commits

...

2 Commits

Author SHA1 Message Date
vilmibm 7693542dc7 styling 2022-05-30 18:36:12 -05:00
vilmibm d615e91131 css 2022-05-30 18:20:58 -05:00
2 changed files with 57 additions and 1 deletions

View File

@ -3,6 +3,60 @@
<head>
<title>the web log of vilmibm</title>
<meta charset="UTF-8">
<style>
body {
background-color: #070e0f;
color: #f7f3e6;
font-family: "Gill Sans", sans-serif;
}
h1 {
text-align: center;
margin-bottom: 0;
}
#back {
font-style: oblique;
text-align: center;
margin-top: 0;
}
.title {
margin-right: 25%;
margin-left: 25%;
text-align: center;
border-top: 1px solid #ce77c5;
}
.title h2 {
margin-bottom: 0;
}
.pubdate {
font-size: 80%;
font-style: oblique;
}
.post {
margin-right: 25%;
margin-left: 25%;
text-align: justify;
border-bottom: 1px solid #ce77c5;
}
a {
font-weight: bold;
color: #ce77c5;
}
a:visited {
color: gray;
}
a:hover {
animation: rainbow 3s infinite;
}
@keyframes rainbow {
20%{color: red;}
40%{color: orange;}
60%{color: yellow;}
80%{color: green;}
100%{color: blue;}
}
</style>
<!-- TODO css -->
</head>
<body>
<h1>the web log of ~vilmibm</h1>
<p id="back">back to my <a href="https://tilde.town/~vilmibm">home page</a></p>

View File

@ -58,8 +58,10 @@ do
echo "warning: missing at least one of: pubdate, slug, title in ${p}"
else
# HTML
echo "<h2 class=\"title\">${title}</h2>" >> $htmlIndex
echo "<div class=\"title\">" >> $htmlIndex
echo "<h2>${title}</h2>" >> $htmlIndex
echo "<a class=\"pubdate\" name=\"${slug}\" href=\"https://tilde.town/~vilmibm/blog#${slug}\">${pubdate}</a>" >> $htmlIndex
echo "</div>" >> $htmlIndex
echo "<div class=\"post\">" >> $htmlIndex
grep -v "pubdate:" $p | grep -v "title:" | grep -v "slug:" | $lp --mode "html" | pandoc -fmarkdown -thtml >> $htmlIndex
echo "</div>" >> $htmlIndex