83 lines
2.0 KiB
HTML
83 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>the web log of vilmibm</title>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="alternate" type="application/rss+xml" href="feed.xml" title="the web log of vilmibm">
|
|
<link rel="alternate" type="application/ass" href="feed.ass" 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 {
|
|
text-align: center;
|
|
border-top: 1px solid #ce77c5;
|
|
}
|
|
.title h2 {
|
|
margin-bottom: 0;
|
|
}
|
|
.pubdate {
|
|
font-size: 80%;
|
|
font-style: oblique;
|
|
}
|
|
.post {
|
|
text-align: justify;
|
|
border-bottom: 1px solid #ce77c5;
|
|
}
|
|
@media screen and (min-width: 600px) {
|
|
.post {
|
|
margin-right: 25%;
|
|
margin-left: 25%;
|
|
}
|
|
.title {
|
|
margin-right: 25%;
|
|
margin-left: 25%;
|
|
}
|
|
}
|
|
img {
|
|
max-width:100%;
|
|
}
|
|
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>, <a href="feed.ass">ass feed</a>
|
|
</p>
|