vilmibm/blog
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Compare commits

base: vilmibm:64b434986bba325d1545e3ed767f89d2823c0d6d
Branches Tags
vilmibm:trunk
...
compare: vilmibm:7693542dc76dc8fa7ac3a26d32eb0964a9708fae
Branches Tags
vilmibm:trunk

2 Commits
64b434986b ... 7693542dc7

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
Show Stats Expand all files Collapse all files

54
index.tmpl.html
View File

@ -3,6 +3,60 @@
<head> <head>
<title>the web log of vilmibm</title> <title>the web log of vilmibm</title>
<meta charset="UTF-8"> <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 --> <!-- TODO css -->
</head> </head>
<body> <body>
<h1>the web log of ~vilmibm</h1>
<p id="back">back to my <a href="https://tilde.town/~vilmibm">home page</a></p>

4
make.sh
View File

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