blog/index.tmpl.html

72 lines
1.6 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>the web log of vilmibm</title>
<meta charset="UTF-8">
<link rel="alternate" type="application/rss+xml" href="feed.xml" title="the web log of vilmibm">
<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;
}
#feeds {
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>
<p id="feeds">
<a href="feed.xml">rss feed</a>
</p>