bemoe.online directory as design base idea... please excuse the messy code lol

This commit is contained in:
i am the walrus 2020-03-03 14:38:20 -07:00
parent db690d1a2e
commit 652958726a
Signed by: murabito
GPG Key ID: 00DBA1E822F81E3E
3 changed files with 110 additions and 0 deletions

BIN
bemoe.online/background.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 MiB

49
bemoe.online/index.html Normal file
View File

@ -0,0 +1,49 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>be 萌え online</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<!-- Quotes (only one for now because I am to lazy to do js) -->
<marquee class="quotes" behavior="scroll" direction="left"><pre class="fig">
_______ _______ __ __ _______ _______ _______ __ _ ___ ___ __ _ _______
| _ || | | |_| || || | | || | | || | | | | | | || |
| |_| || ___| | || _ || ___| | _ || |_| || | | | | |_| || ___|
| || |___ | || | | || |___ | | | || || | | | | || |___
| _ | | ___| | || |_| || ___| | |_| || _ || |___ | | | _ || ___|
| |_| || |___ | ||_|| || || |___ | || | | || || | | | | || |___
|_______||_______| |_| |_||_______||_______| |_______||_| |__||_______||___| |_| |__||_______|
</pre></marquee>
<div>
<h1>「bemoe.online」ようこそ</h1>
</div>
<div class="content">
<!-- PGP-Keys -->
<!--
<h2>
PGP keys:
</h2>
<p>
murabito@bemoe.online <a href="./murabito.asc">00DB A1E8 22F8 1E3E</a>
</p>
-->
<!-- End PGP-Keys -->
<!-- Servicelist -->
<h2>
on my domain:
</h2>
<p>
<strong>blog: </strong> <a href="https://blog.bemoe.online/">blog.bemoe.online</a>
</p>
<p>
<strong>fedi instance: </strong> <a href="https://lets.bemoe.online/">lets.bemoe.online (lbmo)</a>
</p>
<!-- End Servicelist -->
</div>
</body>
</html>

61
bemoe.online/style.css Normal file
View File

@ -0,0 +1,61 @@
html {
display: block;
}
body {
font-family: sans-serif;
font-style: normal;
/* font-weight: 200;*/
color: whitesmoke;
display: block;
margin: 8px;
background-image: url("background.gif");
background-size: cover;
}
p {
font-family: monospace;
font-style: normal;
font-size: normal;
}
.fig {
font-family: Monospace;
font-size: 5pt;
/*color: blue;*/
}
h1 {
text-align: center;
font-size: 3em;
}
div {
margin: auto;
display: block;
font-family: 'Source Code Pro', Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace;
}
div.content {
margin: auto;
font-family: 'Source Code Pro', Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace;
text-align: justify;
max-width: 800px;
/* background-color: black;*/
}
a {
text-decoration: none;
color: lightcyan;
font-weight: bold;
}
marquee {
font-family: monospace;
font-style: bold;
font-size: .5em;
}