commit 174ce811b8d7261ea4ac1f8b7c83767b7e7a4084
Author: erai <erai@omiltem.net>
Date: Sun, 17 Mar 2024 12:26:15 -0400
Initial commit
Diffstat:
8 files changed, 256 insertions(+), 0 deletions(-)
diff --git a/about/index.html b/about/index.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <title>About — Omiltem</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="robots" content="index, follow">
+ <link rel="stylesheet" href="/css/style.css">
+ <link rel="icon" href="/favicon.png">
+ </head>
+ <body>
+ <main>
+ <header>
+ <h1>Omiltem</h1>
+ <ul class="links">
+ <li><a href="/">HOME</a></li>
+ <li><a href="/blog">BLOG</a></li>
+ <li><a href="https://github.com/erai271">CODE</a></li>
+ <li><a href="/about">ABOUT</a></li>
+ </ul>
+ </header>
+ <article>
+ <h1>About</h1>
+ <div class="row">
+ <div class="col nogrow">
+ <img src="./pfp.jpg" class="pfp">
+ </div>
+ <div class="col pad">
+ <h3>ERAI</h3>
+ This is me!
+ <ul>
+ <li><a href="mailto:erai+blog@omiltem.net">email (erai+blog@omiltem.net)</a></li>
+ <li><a href="https://github.com/erai271">github (erai271)</a></li>
+ <li><a href="https://bsky.app/profile/erai.gay">bluesky (@erai.gay)</a></li>
+ <li><a href="https://furry.engineer/@erai">mastodon (@erai@furry.engineer)</a></li>
+ </ul>
+ </div>
+ </div>
+ <footer>
+ © 2024 <a href="/about">erai</a>
+ </footer>
+ </article>
+ </main>
+ </body>
+</html>
diff --git a/about/pfp.jpg b/about/pfp.jpg
Binary files differ.
diff --git a/blog/index.html b/blog/index.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <title>Blog — Omiltem</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="robots" content="index, follow">
+ <link rel="stylesheet" href="/css/style.css">
+ <link rel="icon" href="/favicon.png">
+ </head>
+ <body>
+ <main>
+ <header>
+ <h1>Omiltem</h1>
+ <ul class="links">
+ <li><a href="/">HOME</a></li>
+ <li><a href="/blog">BLOG</a></li>
+ <li><a href="https://github.com/erai271">CODE</a></li>
+ <li><a href="/about">ABOUT</a></li>
+ </ul>
+ </header>
+ <article>
+ <h1>Blog</h1>
+ Here is where I will put various writings.
+ <footer>
+ © 2024 <a href="/about">erai</a>
+ </footer>
+ </article>
+ </main>
+ </body>
+</html>
diff --git a/css/style.css b/css/style.css
@@ -0,0 +1,147 @@
+body {
+ display: flex;
+ justify-content: center;
+ line-height: 1.4;
+ color: #252525;
+ font-family: sans-serif;
+ margin: 0 auto;
+}
+
+h1, h2 {
+ border-bottom: 1pt solid #888888;
+}
+
+footer {
+ border-top: 1pt solid #888888;
+ margin-top: 1em;
+ padding-top: 1em;
+}
+
+h1, h2, h3, h4, h5, h6 {
+ font-family: serif;
+ font-weight: 300;
+}
+
+main {
+ flex: 1;
+ max-width: 50em;
+}
+
+header {
+ background-color: #ffffff;
+ padding: 1em 2em;
+ margin: 1em;
+ text-align: left;
+}
+
+header ul.links {
+ display: flex;
+ flex-wrap: wrap;
+ padding: 0;
+ margin: -.5em 0;
+}
+
+header ul.links>li {
+ flex: 1;
+ list-style: none;
+ text-align: center;
+}
+
+header ul.links>li a {
+ color: #252525;
+ padding: 1em 2em;
+ display: block;
+}
+
+article {
+ background-color: #ffffff;
+ padding: 1em 2em;
+ margin: 1em;
+ text-align: left;
+}
+
+footer {
+ clear: both;
+ text-align: center;
+}
+
+a {
+ color: #4070c0;
+ text-decoration: none;
+}
+
+a:visited{
+ color:#4007c0;
+}
+
+a:hover{
+ color:#cc0f50;
+ text-decoration: underline;
+}
+
+code, pre {
+ white-space: pre-wrap;
+ font-family: monospace;
+ background-color: #f4f4ff;
+}
+
+pre {
+ padding: 1em;
+ margin-left: 0em;
+ overflow: auto;
+ font-size: 11pt;
+ border-radius: 4pt;
+}
+
+code {
+ display: inline;
+ padding: 2pt 3pt 1pt;
+ border: 1pt solid #ccc;
+ border-radius: 4pt;
+ font-size: 12pt;
+}
+
+pre .prompt, code .prompt {
+ user-select: none;
+ color: #888;
+}
+
+blockquote {
+ border-left: #d0d0ff 4pt solid;
+ padding: 4pt;
+ margin: 1em 0;
+}
+
+.pfp {
+ margin: 1em;
+ width: 200px;
+ height: 200px;
+ overflow: hidden;
+ border: 0px solid #000000;
+ border-radius: 1em;
+}
+
+@media (max-width: 550px) {
+ .row {
+ display: block;
+ }
+}
+
+@media (min-width: 550px) {
+ .row {
+ display: flex;
+ flex-wrap: wrap;
+ }
+}
+
+.col {
+ flex: 1;
+}
+
+.pad {
+ padding: 1em 2em;
+}
+
+.nogrow {
+ flex-grow: 0;
+}
diff --git a/favicon.ico b/favicon.ico
Binary files differ.
diff --git a/favicon.png b/favicon.png
Binary files differ.
diff --git a/index.html b/index.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <title>Home — Omiltem</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="robots" content="index, follow">
+ <link rel="stylesheet" href="/css/style.css">
+ <link rel="icon" href="/favicon.png">
+ </head>
+ <body>
+ <main>
+ <header>
+ <h1>Omiltem</h1>
+ <ul class="links">
+ <li><a href="/">HOME</a></li>
+ <li><a href="/blog">BLOG</a></li>
+ <li><a href="https://github.com/erai271">CODE</a></li>
+ <li><a href="/about">ABOUT</a></li>
+ </ul>
+ </header>
+ <article>
+ <h1>Home</h1>
+ Hello, this is my personal website!
+ <footer>
+ © 2024 <a href="/about">erai</a>
+ </footer>
+ </article>
+ </main>
+ </body>
+</html>
diff --git a/robots.txt b/robots.txt
@@ -0,0 +1,2 @@
+User-agent: *
+Allow: /
