Homepage/index.html
2016-10-25 12:19:09 +08:00

128 lines
6.1 KiB
HTML

<!doctype html>
<html>
<head>
<!-- page information -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<!-- stylesheets -->
<link href="assets/stylesheets/index.bundle.min.css" rel="stylesheet">
<!-- view-source link -->
<script>
function openViewSource() {
window.location = 'view-source:'.concat(window.location)
}
</script>
<!-- adblock workaround -->
<style>
.fa-twitter-adb:before {
content: "\f099";
}
.fa-google-plus-adb:before {
content: "\f0d5";
}
</style>
</head>
<body>
<div class="page-container">
<div class="bio-basic grid-container">
<div class="bio-picture-container grid-30 mobile-grid-100">
<img class="bio-picture" src="assets/images/amphineko.png">
<span class="bio-name">Naoki Rinmous</span>
</div>
<div class="bio-identity grid-70 mobile-grid-100">
<h1 class="bio-title hide-on-mobile">
<small class="prefix">好耶,</small>
<span class="name">是饼干 (&lt;ゝω·) ~☆</span>
</h1>
<div class="bio-basic-identity">
<a class="account alt-bio-basic-identity" href="//keybase.io/amphineko">
<i aria-hidden="true" class="fa fa-key"></i>
<span class="text">keybase.io</span>
<span class="fake-link">/amphineko</span>
</a>
<a class="account alt-bio-basic-identity" href="//futa.moe">
<i aria-hidden="true" class="fa fa-wrench"></i>
<span class="text">五月研究所</span>
<span class="fake-link">//futa.moe</span>
</a>
</div>
</div>
</div>
<div class="tiles grid-container">
<div class="tile-column grid-50 mobile-grid-100">
<div class="bio-accounts tile">
<h2>where?</h2>
<a class="account alt-accounts" href="//plus.google.com/104160980463474768448">
<i aria-hidden="true" class="fa fa-google-plus-adb"></i>
<span class="text">google+</span>
<span class="fake-link">+椎名奈緒</span>
</a>
<a class="account alt-accounts" href="#">
<i aria-hidden="true" class="fa fa-paper-plane"></i>
<span class="text">ingress</span>
<span class="fake-link">NekoSauce</span>
</a>
<a class="account alt-accounts" href="//weibo.com/uncookie">
<i aria-hidden="true" class="fa fa-weibo"></i>
<span class="text">weibo.com</span>
<span class="fake-link">/uncookie</span>
</a>
<a class="account alt-accounts" href="//telegram.me/amphineko">
<i aria-hidden="true" class="fa fa-paper-plane-o"></i>
<span class="text">telegram</span>
<span class="fake-link">@amphineko</span>
</a>
<a class="account alt-accounts" href="//twitter.com/amphineko">
<i aria-hidden="true" class="fa fa-twitter-adb"></i>
<span class="text">twitter</span>
<span class="fake-link">@amphineko</span>
</a>
<a class="account alt-accounts" href="//steamcommunity.com/id/Amphineko/">
<i aria-hidden="true" class="fa fa-steam"></i>
<span class="text">steam</span>
<span class="fake-link">NekoSauce</span>
</a>
</div>
</div>
<div class="tile-column grid-50 mobile-grid-100">
<div class="bio-story tile">
<h2>what?</h2>
<p>
餅乾是一枚資訊科技系的本科生,<br/>
不喜歡動,在露天見光大概會死。<br/>
不愛同陌生人講話,更鮮有社交,<br/>
絕對難以應對人多和嘈雜的環境。<br/>
</p>
<p>
更糟糕的是,<br/>
是一個討厭生活在沒有計劃當中的人,<br/>
喜歡進行完備的考量。<br/>
</p>
<p>
當然的是,這塊餅乾的未來還在繼續展開,
</p>
</div>
</div>
</div>
<div class="footer grid-container">
<span>Copyright &copy; 2015-2016 Naoki Rinmous.</span>
<span>Illustrations have their own licenses.</span>
</div>
<div class="site-links grid-container">
<a class="clickable grid-65 mobile-grid-100" href="//futa.moe">
<i aria-hidden="true" class="fa fa-server"></i>
<span class="text">futa.moe</span>
</a>
<a class="clickable grid-30 prefix-5 hide-on-mobile" href="javascript:openViewSource()">
<i aria-hidden="true" class="fa fa-square-o"></i>
<span class="text">view-source</span>
</a>
</div>
</div>
</body>
</html>