initial import

This commit is contained in:
tengel 2024-03-17 12:53:54 -05:00
parent 3ed58b0021
commit 4b70c0023c
48 changed files with 1540 additions and 0 deletions

View file

@ -0,0 +1 @@
Contact: https://xyzzy.ee

BIN
html/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 31 KiB

163
html/index.css Normal file
View file

@ -0,0 +1,163 @@
header,section{
display:block;
}
body{
font-size:16px;
margin:0 auto;
line-height:1.4;
background:#0b0c0d;
color:#d4d4d4;
font-family:"Noto Sans", Futura, Verdana, "Liberation Sans", sans-serif;
}
a{
color:#c79908;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
::selection {
color:#000;
background:#7a9e55;
}
h1{
font-size:2em;
margin:.67em 0;
}
kbd {
border-radius: 3px;
padding: 1px 2px 0;
border: 1px solid #666666;
}
#page{
position:relative;
}
#header{
padding-top:50px;
transform:translate3d(0,0,0);
}
.title-wrapper{
text-align:center;
}
.content{
margin-left:auto;
margin-right:auto;
padding:1px 20px;
position:relative;
z-index:2;
min-width:270px;
}
.title-group.animate{
animation:slide-fade-in .8s ease;
}
.title{
font-size:42px;
line-height:1.2;
margin:40px 0 0;
word-wrap:break-word;
}
.title a:active{
transform:translateY(1px);
}
.title a{
color:#e4e4e4;
display:block;
text-decoration:none;
}
.description{
color:#7a9e55;
margin:50px 0 0;
display:block;
}
.title+.description{
margin-top:10px!important;
}
.footdesc{
color:#666666;
margin:20px 0 0;
display:block;
font-size: 14px;
}
.footlink {
text-align: center;
}
.footlink.animate {
animation:slide-fade-in .8s ease;
}
.middle {
overflow: auto;
margin: auto;
display: inline;
text-align: center;
vertical-align: middle;
}
@media screen and (max-width:568px){
.content{
padding:1px 10px;
}
.title{
font-size:36px;
margin-top:30px;
}
.description{
margin-top:35px;
max-width:80%;
margin-left:auto;
margin-right:auto;
}
.title+.description{
margin-top:4px!important;
}
}
@keyframes slide-fade-in{
0%{
opacity:0;
transform:translate3d(0,20px,0);
}
to{
opacity:1;
transform:translate3d(0,0,0);
}
}
.divTable {
font-size: 16px;
line-height: 2.0;
display: table;
margin: auto;
border: 1px solid #444;
}
.divTable.animate {
animation:slide-fade-in .8s ease;
}
.divTableRow {
display: table-row;
}
.divTableHeading {
display: table-header-group;
background-color: #ddd;
}
.divTableCell, .divTableHead {
vertical-align: middle;
display: table-cell;
padding: 5px 10px;
border: 1px solid #444;
}
.divTableHeading {
display: table-header-group;
background-color: #ddd;
font-weight: bold;
}
.divTableFoot {
display: table-footer-group;
font-weight: bold;
background-color: #ddd;
}
.divTableBody {
display: table-row-group;
}
.valign {
vertical-align: middle;
}

41
html/index.html Normal file
View file

@ -0,0 +1,41 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>xyzzy</title>
<meta name="description" content="a maze of twisty little passages">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" media="screen" href="index.css">
<link rel="shortcut icon" href="favicon.ico">
</head>
<body>
<header id="header">
<div class="title-wrapper content">
<div class="title-group">
<h1 class="title">xyzzy</h1>
<span class="description">
<em>a personal domain</em>
</span>
</div>
</div>
</header>
<main id="main">
<div class="content middle">
<p><a target="_blank" href="https://en.wikipedia.org/wiki/Xyzzy_(computing)">The magic word XYZZY</a></p>
</div>
</main>
<footer id="footer">
<div class="content middle">
<span class="footdesc">[ .ee | .fi ]</span>
</div>
</footer>
</body>
</html>

8
html/robots.txt Normal file
View file

@ -0,0 +1,8 @@
User-Agent: *
# credit: jonty, asimov
Disallow: /harming/humans
Disallow: /ignoring/human/orders
Disallow: /harm/to/self
Allow: /