87 lines
1.8 KiB
HTML
Executable File
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>
|