tengel/www
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

import the dwarven empire

Browse source
This commit is contained in:
tengel 2024-03-31 10:44:34 -05:00
parent 363b83f93d
commit 0c57aa32c6
23 changed files with 1167 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
html/dwarvenvault/favicon.ico Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 5.3 KiB

157
html/dwarvenvault/index.css Normal file
View file

@ -0,0 +1,157 @@
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:#7a9e55;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
::selection {
color:#000;
background:#7a9e55;
}
h1{
font-size:2em;
margin:.67em 0;
}
#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:#c69500;
margin:50px 0 0;
display:block;
}
.title+.description{
margin-top:10px!important;
}
.footdesc{
color:#c79908;
margin:20px 0 0;
display:block;
}
.footlink {
text-align: center;
font-size: 16px;
}
.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;
}

51
html/dwarvenvault/index.html Normal file
View file

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Dwarven Vault</title>
<meta name="description" content="shiny tchotchkes">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" media="screen" href="index.css">
</head>
<body>
<section id="page">
<header id="header">
<div class="title-wrapper content">
<div class="title-group">
<h1 class="title">Dwarven Vault</h1>
<span class="description">
<em>shiny tchotchkes</em>
</span>
</div>
</div>
</header>
<br />
<main id="main">
<!-- you have my shield -->
</main>
<footer id="footer">
<!-- and my axe -->
<div class="footlink">
<span class="footdesc">
[
<a target="_blank" href="https://dwarvenruins.com/">dwarven ruins</a> |
<a target="_blank" href="https://dwarvenmail.com/">dwarven mail</a>
]
</span>
</div>
</footer>
<br />
</section>
</body>
</html>