Browse Source

Moving document root to git

master
kiichan 1 year ago
parent
commit
715562e0ff
  1. 137
      hp.html
  2. 55
      keatonbrown.info/hp.html

137
hp.html

@ -1,137 +0,0 @@
<html>
<head>
<title>About Keaton</title>
<meta charset="UTF-8">
<meta name="description" content="About Keaton">
<meta name="author" content="Keaton Brown">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body {
background: linear-gradient( #adc8cb, #edc0cd, #f1f1f1, #edc0cd, #adc8cb);
background-repeat: no-repeat;
height: 96vh;
padding: 2vh;
margin: 0px;
font-family: sans-serif;
}
.centered {
text-align: center;
margin: auto;
display: block;
}
.content {
padding: 7px;
max-width: 525px;
margin: auto;
}
.content p {
text-indent: 5%;
line-height: 1.5em;
}
.frame {
max-width: 700px;
min-height: 96vh;
max-height: 96vh;
margin: auto;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAABg2lDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9TpSKtDnYQcchQnSyIijhqFYpQIdQKrTqYXPoFTRqSFBdHwbXg4Mdi1cHFWVcHV0EQ/ABxcnRSdJES/5cUWsR4cNyPd/ced+8AoVFhmtU1Dmi6baaTCTGbWxVDrxAQQRB9iMrMMuYkKQXf8XWPAF/v4jzL/9yfI6LmLQYEROJZZpg28Qbx9KZtcN4njrKSrBKfE4+ZdEHiR64rHr9xLros8MyomUnPE0eJxWIHKx3MSqZGPEUcUzWd8oWsxyrnLc5apcZa9+QvDOf1lWWu0xxGEotYggQRCmooowIbcVp1UiykaT/h4x9y/RK5FHKVwcixgCo0yK4f/A9+d2sVJie8pHAC6H5xnI8RILQLNOuO833sOM0TIPgMXOltf7UBzHySXm9rsSOgfxu4uG5ryh5wuQMMPhmyKbtSkKZQKADvZ/RNOWDgFuhd83pr7eP0AchQV6kb4OAQGC1S9rrPu3s6e/v3TKu/H+v6cnFUhIhoAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5AINAyswm0QLFQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAB9SURBVEjH7ZVLCsAwCERH97n/PeMBppsGpBCIbeyHZjYhm3moOEqtldhVSsFMmRkAQLMA3lOzAB4kJIlkKW7QgnwY0har978MaYa9d3q7IhW8bya92BmNo+FKjoaRvAu1qxlHA3UF5N8hZzZ5NB2EJD1g1r33nppRwSMz2QALAzbRTngrjQAAAABJRU5ErkJggg==");
color: #000;
border: 2px solid blueviolet;
overflow-y: auto;
}
.header {
max-width: 350px;
padding-top: 10px;
}
.header * {
margin: auto;
}
hr {
width: 25%;
}
.menu {
width: 28%;
display: inline-block;
vertical-align: top;
margin: 0px 3px;
background-color: #e2e2e212;
border: 2px solid #e2e2e294;
-webkit-transition: border 0.25s ease-in-out;
transition: border 0.25s ease-in-out;
}
.menu:hover {
background-color: #8a2be212;
border: 2px solid #8a2be294;
}
.menu:hover .menucontent {
max-height:100vh;
}
.menu a {
display: block;
text-overflow: ellipsis;
padding: 1px 3px;
}
.menu a:hover {
background-color: #ed9db444;
}
.menu button {
font-size: 1.25em;
font-weight: bold;
margin: auto;
display: block;
text-overflow: ellipsis;
background: none;
border: none;
}
.menucontent {
max-height: 0px;
overflow: hidden;
max-width: 100%;
-webkit-transition: max-height 1s ease-in-out;
transition: max-height 1s ease-in-out;
}
</style>
</head>
<body>
<div class="frame">
<div id="Header" class="header centered">
<h1>Keaton Brown</h1><p>キータン・ブラウン</p><br/>
<p><i>Chemist by trade<br/>Hobbyist programmer and translator</i></p>
</div>
<hr/>
<div class="linkblock centered">
<div class="menu">
<button>Development</button><hr/>
<div class="menucontent">
<a href="https://gitlab.com/WolfgangAxel">GitLab</a>
<a href="https://github.com/WolfgangAxel">GitHub</a>
<a href="https://git.kiichan.space/kiichan">Gitea</a>
<a></a>
</div>
</div>
<div class="menu">
<button>Translation</button><hr/>
<div class="menucontent">
<a href="https://mangadex.org/group/4079">MangaDex</a>
<a href="https://nihongo.kiichan.space/start">Wiki</a>
<a></a>
</div>
</div>
<div class="menu">
<button>Social</button><hr/>
<div class="menucontent">
<a rel="me" href="https://mastodon.social/@kii_chan">Mastodon</a>
<a href="https://www.reddit.com/user/Omnipotence_is_bliss">Reddit</a>
<a href="https://words.kiichan.space">WriteFreely</a>
<a href="mailto:keaton.brown@tutanota.com">E-mail</a>
<a></a>
</div>
</div>
</div>
<div class="content">
<p class="centered"><i>To-do: Get a somewhat professional picture and add it maybe.</i></p>
<p>Keaton graduated in 2016 from Northern Illinois University in DeKalb, IL with a B.S. in chemistry and a minor in applied mathematics. She was hired as a laboratory analyst for Bayer (formerly Monsanto) in May of 2016 and has been employed there since. In her free time, Keaton enjoys managing her home server, developing Free and Open Source Software (FOSS), and studying Japanese. </p>
<p class="centered"></p>
</div>
</div>
</body>
</html>

55
keatonbrown.info/hp.html

@ -0,0 +1,55 @@
<html>
<head>
<title>About Keaton</title>
<meta charset="UTF-8">
<meta name="description" content="About Keaton">
<meta name="author" content="Keaton Brown">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="s.css">
</head>
<body>
<div class="frame">
<div id="Header" class="header centered">
<h1>Keaton Brown</h1><p>キータン・ブラウン</p><br/>
<p><i>Chemist by trade<br/>Hobbyist programmer and translator</i></p>
</div>
<hr/>
<div class="linkblock centered">
<div class="menu">
<button>Development</button><hr/>
<div class="menucontent">
<a href="https://gitlab.com/WolfgangAxel">GitLab</a>
<a href="https://github.com/WolfgangAxel">GitHub</a>
<a href="https://git.kiichan.space/kiichan">Gitea</a>
<a></a>
</div>
</div>
<div class="menu">
<button>Translation</button><hr/>
<div class="menucontent">
<a href="https://mangadex.org/group/4079">MangaDex</a>
<a href="https://honyaku.kiichan.space">Translation Blog</a>
<a href="https://nihongo.kiichan.space/start">Wiki</a>
<a></a>
</div>
</div>
<div class="menu">
<button>Social</button><hr/>
<div class="menucontent">
<a rel="me" href="https://mastodon.social/@kii_chan">Mastodon</a>
<a href="https://www.reddit.com/user/Omnipotence_is_bliss">Reddit</a>
<a href="https://words.kiichan.space">WriteFreely</a>
<a href="mailto:keaton.brown@tutanota.com">E-mail</a>
<a></a>
</div>
</div>
</div>
<div class="content">
<p class="centered"><i>To-do: Get a somewhat professional picture and add it maybe.</i></p>
<p>Keaton graduated in 2016 from Northern Illinois University in DeKalb, IL with a B.S. in chemistry and a minor in applied mathematics. She was hired as a laboratory analyst for Bayer (formerly Monsanto) in May of 2016 and has been employed there since. In her free time, Keaton enjoys managing her home server, developing Free and Open Source Software (FOSS), and studying Japanese. </p>
<p class="centered"></p>
</div>
</div>
</body>
</html>
Loading…
Cancel
Save