ramik_dev/templates/index.html
2024-06-15 15:15:13 -04:00

87 lines
1.8 KiB
HTML
Executable File

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap" rel="stylesheet">
<title>ramik.dev</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Ubuntu+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
* {
margin: 0;
padding: 0;
color: #d3c6aa;
font-family: 'Ubuntu Mono', monospace;
font-size: 30px;
}
.gitea {
background: url(static/gitea.png);
background-size: 100% 100%;
width: 50px;
height: 27px;
margin: 5px;
}
.blog {
background: url(static/pencil.png);
background-size: 100% 100%;
width: 30px;
height: 30px;
margin: 5px;
}
html, body {
width: 100%;
height: 100%;
}
body {
background: #2d353b;
display: flex;
justify-content: center;
align-items: center;
}
ul {
display: flex;
list-style: none;
}
ul > li {
margin: 10px;
}
ul > li > a {
display: flex;
flex-direction: row;
}
#wrapper {
display: flex;
flex-direction: column;
}
</style>
</head>
<body>
<div id="wrapper">
<pre>
_ __ __
_______ ___ _ (_) /__ ___/ /__ _ __
/ __/ _ `/ ' \/ / '_// _ / -_) |/ /
/_/ \_,_/_/_/_/_/_/\_(_)_,_/\__/|___/
</pre>
<ul>
<li>[</li>
<li><a href="#">../</a></li>
<li><a href="https://git.ramik.dev/rami">git</a></li>
<li><a href="/blog">blog</a></li>
<li>]</li>
</ul>
</div>
</body>
</html>