132 lines
6.4 KiB
HTML
132 lines
6.4 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="bower_components/normalize-css/normalize.css" rel="stylesheet">
|
|
<link href="bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet">
|
|
<!-- unsemantic already imported in index.scss -->
|
|
<!-- compiled from 'assets/stylesheets/index.scss' -->
|
|
<link href="assets/stylesheets/index.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">是饼干 (<ゝω·) ~☆</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 © 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> |