Browse Source

Initial commit

master
Dale 6 months ago
commit
66f222d83a
9 changed files with 122 additions and 0 deletions
  1. BIN
      favicon-16x16.png
  2. BIN
      favicon-32x32.png
  3. BIN
      favicon.ico
  4. 63
    0
      index.html
  5. BIN
      ld_41_1.jpg
  6. BIN
      ld_41_2.jpg
  7. 59
    0
      style.css
  8. BIN
      yuuka.jpg
  9. BIN
      yuuka_mobile_opt.png

BIN
favicon-16x16.png View File


BIN
favicon-32x32.png View File


BIN
favicon.ico View File


+ 63
- 0
index.html View File

@@ -0,0 +1,63 @@
<html prefix="og: http://ogp.me/ns#">
<head>
<title>Dale</title>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Exo+2" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="icon" type="image/png" href="favicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="favicon-16x16.png" sizes="16x16" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8"/>
<meta property="og:title" content="Deiru's Home Page" />
<meta property="og:description" content="A more elegant home page for a more civilized time" />
<meta property="og:image" content="https://deiru.tokyo/yuuka_opt.jpg">
<script defer src="https://use.fontawesome.com/releases/v5.0.10/js/all.js" integrity="sha384-slN8GvtUJGnv6ca26v8EzVaR9DC58QEwsIk9q1QXdCU8Yu8ck/tL/5szYlBbqmS+" crossorigin="anonymous"></script>
</head>
<body class="backgroundYuuka">
<div id="panel">
From Dale with &nbsp;<i class="fas fa-heart" style="color: red"></i>
<br /><br />
<a href="https://steamcommunity.com/id/praise_chanka/" target="_blank">
&nbsp;<i class="fab fa-steam"></i>&nbsp; Steam
</a><br />
&nbsp;<i class="fas fa-lightbulb"></i>&nbsp; Jabber: deiru@gensokyo.social
<br />
<a rel="me" href="https://blog.deiru.tokyo">Blog</a><br />
<a rel="me" href="https://gensokyo.social/@Deiru">Mastodon</a>
<br />
<br />
<a href="https://status.gensokyo.social">GenSoc status</a>
<br />
<a href='https://xmpp.net/result.php?domain=gensokyo.social&amp;type=server'><img src='https://xmpp.net/badge.php?domain=gensokyo.social' alt='xmpp.net score' /></a>
<br /><br />
Serving from 45.76.203.77, <a href="https://www.google.ru/maps/place/143-0006,+Japan" target="_blank">Tokyo, Japan.</a>
<br />Powered by <a href="https://nixos.org/" target="_blank">NixOS</a>
<br /><br />
Favicon:&nbsp;
<a href="https://twitter.com/official_shiro/status/986282563177152512" target="_blank">
<i class="fa fa-image"></i>&nbsp;Kazami Yuuka
</a> by
<a href="https://twitter.com/official_shiro">
<i class="fa fa-user"></i>&nbsp;Shiro
</a><br />
<span class="bg-desktop">
Background Image:&nbsp;
<a href="https://www.pixiv.net/member_illust.php?mode=medium&illust_id=65376834" target="_blank">
<i class="fa fa-image"></i>&nbsp;BANG!
</a> by
<a href="https://www.pixiv.net/member.php?id=5737831" target="_blank">
&nbsp;<i class="fa fa-user"></i>&nbsp;kikimifukuri
</a>
</span>
<span class="bg-mobile">
Background Image:&nbsp;
<a href="https://www.pixiv.net/member_illust.php?mode=medium&illust_id=62357490" target="_blank">
<i class="fa fa-image"></i>&nbsp;風見幽香
</a> by
<a href="https://www.pixiv.net/member.php?id=798528" target="_blank">
&nbsp;<i class="fa fa-user"></i>&nbsp;ユキイチゴ
</a>
</span>
</div>
</body>
</html>

BIN
ld_41_1.jpg View File


BIN
ld_41_2.jpg View File


+ 59
- 0
style.css View File

@@ -0,0 +1,59 @@
html, body {
height: 100%;
}

body {
font-family: 'Exo 2', sans-serif;
padding: 0px;
margin: 0px;
}

a {
text-decoration: none;
color: #7cd1ff;
}

.backgroundYuuka {
background-image: url('yuuka_opt.jpg');
background-position-x: center;
background-position-y: bottom;
background-repeat: no-repeat;
background-size: auto 100%;
}

#panel {
position: fixed;
top: 0px;
right: 0px;
margin: 15px;
padding: 6px;
color: whitesmoke;
background-color: rgba(56, 61, 65, 0.8);
}

.bg-mobile {
display: none;
}

@media (max-width: 425px) {
.bg-desktop {
display: none;
}
.bg-mobile {
display: initial;
}
body {
font-size: 1.4rem;
height: initial;
}
.backgroundYuuka {
background-image: url('yuuka_mobile_opt.png');
background-size: cover;
}

#panel {
align-self: center;
justify-self: center;
display: block;
position: initial; }
}

BIN
yuuka.jpg View File


BIN
yuuka_mobile_opt.png View File


Loading…
Cancel
Save