diff --git a/assets/css/index.css b/assets/css/index.css
deleted file mode 100644
index a53512f..0000000
--- a/assets/css/index.css
+++ /dev/null
@@ -1,163 +0,0 @@
-body {
- background: url('../images/darknoise.png');
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, Arial, 'Microsoft YaHei', STXihei, 华文细黑, 微软雅黑, SimSun, 宋体, Heiti, 黑体, sans-serif;
- padding: 5% 0;
-}
-
-.account {
- font-size: 1em;
- line-height: 2em;
-}
-
-.account a {
- display: inline-block;
- text-decoration: none;
- vertical-align: middle;
-}
-
-.account i {
- display: inline-block;
- font-size: 1.5em;
- text-align: center;
- vertical-align: middle;
- width: 1.5em;
-}
-
-.account span {
- display: inline-block;
- vertical-align: middle;
-}
-
-.account.account-dark a {
- color: #1E5184;
-}
-
-.account.account-white a {
- color: #DDD;
-}
-
-.account.account-white i {
- color: #EEE;
-}
-
-#footer {
- background: #333;
- color: #DDD;
- display: block;
- font-size: 0.9em;
- line-height: 2em;
- margin-top: 2em;
- padding: 0.8em 1.2em;
-}
-
-#footer span {
- display: inline-block;
- margin-right: 0.2em;
-}
-
-#footer span a {
- color: #759BC2;
- display: inline-block;
- text-decoration: none;
-}
-
-#header {
- background: #385068;
- padding: 1em 0.5em;
-}
-
-#header .content {
- display: block;
-}
-
-#header .content h1 {
- color: #C9C9C9;
- font-size: 1.7em;
- font-weight: 300;
- line-height: 3em;
- margin: 0;
-}
-
-#header .content h1 .name {
- color: #F9F9F9;
- font-size: 1.2em;
- white-space: nowrap;
-}
-
-#site-links {
- margin: 0;
- margin-bottom: 0.2em;
- padding: 0;
-}
-
-#site-links .entry {
- display: inline-block;
- list-style: none;
-}
-
-#site-links .entry a {
- border-bottom: 0.2em solid #DDD;
- color: #4E4B59;
- display: block;
- margin: 0 0.4em;
- padding: 1em 2em;
- text-decoration: none;
- transition-duration: 0.25s;
-}
-
-#site-links .entry a:hover {
- border-bottom: 0.4em solid #1E3B59;
- margin-bottom: 0;
- transition-duration: 0.25s;
-}
-
-#site-links .entry a.disabled {
- cursor: not-allowed;
-}
-
-#site-links .entry i {
- margin-right: 0.4em;
- vertical-align: middle;
-}
-
-#main-box {
- background: white;
- box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.15);
- display: block;
- margin: 0 auto;
- max-width: 64em;
-}
-
-#profile-picture-container {
- margin: 0 auto;
- max-height: 16em;
- max-width: 16em;
- position: relative;
-}
-
-#profile-picture-container::before {
- content: "";
- display: block;
- padding-top: 100%;
-}
-
-#profile-picture {
- background: url('../images/headpic.png');
- background-size: 100%;
- box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25);
- border-radius: 50%;
- bottom: 1em;
- display: block;
- left: 1em;
- position: absolute;
- right: 1em;
- top: 1em;
-}
-
-#self-introduction p {
- line-height: 2em;
-}
-
-.tile h2 {
- font-weight: 300;
-}
diff --git a/assets/css/index.v2.css b/assets/css/index.v2.css
deleted file mode 100644
index c5f467a..0000000
--- a/assets/css/index.v2.css
+++ /dev/null
@@ -1,179 +0,0 @@
-body, html {
- margin: 0;
- padding: 0;
-}
-
-body {
- background: url('../images/darknoise.png');
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, Arial, 'Microsoft YaHei', STXihei, 华文细黑, 微软雅黑, SimSun, 宋体, Heiti, 黑体, sans-serif;
- padding: 2em 0;
-}
-
-.account a {
- text-decoration: none;
-}
-
-.account a, .account i {
- display: inline-block;
- line-height: 1.5em;
- vertical-align: baseline;
-}
-
-.account i {
- font-size: 1.3em;
- text-align: center;
- width: 1.5em;
-}
-
-.account-dark a {
- color: #264566;
-}
-
-.account-dark i {
- color: #480808;
-}
-
-.account-dark span {
- color: #333;
-}
-
-.account-white a {
- color: #FAFAFA;
-}
-
-.account-white i {
- color: #EAEAEA;
-}
-
-.block-blue {
- background: #385068;
-}
-
-.block-grey {
- background: #333;
-}
-
-.block-shadow {
- box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.15);
-}
-
-.block-white {
- background: #FAFAFA;
-}
-
-.footer {
- color: #EAEAEA;
- font-size: 0.8em;
- line-height: 3em;
-}
-
-.footer span a {
- color: #759BC2;
- text-decoration: none;
-}
-
-.link-showcase {
- border-bottom: 2px dashed #385068;
- padding: 0.5em 0.5em 0.6em 0.5em;
-}
-
-.link-showcase .entry {
- display: block;
- text-decoration: none;
- transition-duration: 0.25s;
-}
-
-.link-showcase .entry .link {
- color: #3E3B49;
- display: block;
- font-size: 1.1em;
- line-height: 3em;
- text-align: center;
- text-decoration: none;
- transition-duration: 0.25s;
-}
-
-.link-showcase .entry .link:hover::after, .link-showcase .entry a:hover::before {
- color: #1E3B59;
- display: inline-block;
- margin: 0 0.5em;
- transition-duration: 0.25s;
- vertical-align: baseline;
-}
-
-.link-showcase .entry .link:hover::after {
- content: ']';
-}
-
-.link-showcase .entry .link:hover::before {
- content: '[';
-}
-
-.link-showcase .entry .disabled {
- cursor: not-allowed;
-}
-
-.link-showcase .entry i {
- text-align: center;
- vertical-align: middle;
- width: 1.6em;
-}
-
-.header {
- padding-bottom: 1em;
- padding-top: 1em;
-}
-
-.header .title {
- color: #DDD;
- font-size: 1.5em;
- font-weight: 300;
-}
-
-.header .title .name {
- color: #EEE;
- font-size: 1.2em;
-}
-
-.margin-wrap {
- margin: 0 auto;
- max-width: 64em;
-}
-
-.picture-container {
- margin: 0 auto;
- max-height: 16em;
- max-width: 16em;
- position: relative;
-}
-
-.picture-container::before {
- content: "";
- display: block;
- padding-top: 100%;
-}
-
-.picture {
- background: url('../images/headpic.png');
- background-size: 100%;
- box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25);
- border-radius: 50%;
- bottom: 1em;
- display: block;
- left: 1em;
- position: absolute;
- right: 1em;
- top: 1em;
-}
-
-.tile {
- color: #333;
- line-height: 2em;
- padding-bottom: 2em;
- padding-top: 1em;
-}
-
-.tile .title {
- color: #222;
- font-weight: 300;
-}
diff --git a/assets/images/headpic.png b/assets/images/amphineko.png
similarity index 100%
rename from assets/images/headpic.png
rename to assets/images/amphineko.png
diff --git a/assets/images/inaristarlight-cablebroken.png b/assets/images/inaristarlight-cablebroken.png
new file mode 100644
index 0000000..eea8d0b
Binary files /dev/null and b/assets/images/inaristarlight-cablebroken.png differ
diff --git a/assets/images/nat-pants.png b/assets/images/nat-pants.png
new file mode 100644
index 0000000..d9621c2
Binary files /dev/null and b/assets/images/nat-pants.png differ
diff --git a/assets/stylesheets/index.css b/assets/stylesheets/index.css
new file mode 100644
index 0000000..54943d7
--- /dev/null
+++ b/assets/stylesheets/index.css
@@ -0,0 +1,972 @@
+@charset "UTF-8";
+/* unsemantic import begin */
+/* ============================================ */
+/* This file has a mobile-to-desktop breakpoint */
+/* ============================================ */
+@media (max-width: 400px) {
+ @-ms-viewport {
+ width: 320px; } }
+.clear {
+ clear: both;
+ display: block;
+ overflow: hidden;
+ visibility: hidden;
+ width: 0;
+ height: 0; }
+
+.grid-container:before, .mobile-grid-5:before, .mobile-grid-10:before, .mobile-grid-15:before, .mobile-grid-20:before, .mobile-grid-25:before, .mobile-grid-30:before, .mobile-grid-35:before, .mobile-grid-40:before, .mobile-grid-45:before, .mobile-grid-50:before, .mobile-grid-55:before, .mobile-grid-60:before, .mobile-grid-65:before, .mobile-grid-70:before, .mobile-grid-75:before, .mobile-grid-80:before, .mobile-grid-85:before, .mobile-grid-90:before, .mobile-grid-95:before, .mobile-grid-100:before, .mobile-grid-33:before, .mobile-grid-66:before, .grid-5:before, .grid-10:before, .grid-15:before, .grid-20:before, .grid-25:before, .grid-30:before, .grid-35:before, .grid-40:before, .grid-45:before, .grid-50:before, .grid-55:before, .grid-60:before, .grid-65:before, .grid-70:before, .grid-75:before, .grid-80:before, .grid-85:before, .grid-90:before, .grid-95:before, .grid-100:before, .grid-33:before, .grid-66:before, .grid-offset:before, .clearfix:before,
+.grid-container:after,
+.mobile-grid-5:after,
+.mobile-grid-10:after,
+.mobile-grid-15:after,
+.mobile-grid-20:after,
+.mobile-grid-25:after,
+.mobile-grid-30:after,
+.mobile-grid-35:after,
+.mobile-grid-40:after,
+.mobile-grid-45:after,
+.mobile-grid-50:after,
+.mobile-grid-55:after,
+.mobile-grid-60:after,
+.mobile-grid-65:after,
+.mobile-grid-70:after,
+.mobile-grid-75:after,
+.mobile-grid-80:after,
+.mobile-grid-85:after,
+.mobile-grid-90:after,
+.mobile-grid-95:after,
+.mobile-grid-100:after,
+.mobile-grid-33:after,
+.mobile-grid-66:after,
+.grid-5:after,
+.grid-10:after,
+.grid-15:after,
+.grid-20:after,
+.grid-25:after,
+.grid-30:after,
+.grid-35:after,
+.grid-40:after,
+.grid-45:after,
+.grid-50:after,
+.grid-55:after,
+.grid-60:after,
+.grid-65:after,
+.grid-70:after,
+.grid-75:after,
+.grid-80:after,
+.grid-85:after,
+.grid-90:after,
+.grid-95:after,
+.grid-100:after,
+.grid-33:after,
+.grid-66:after,
+.grid-offset:after,
+.clearfix:after {
+ content: ".";
+ display: block;
+ overflow: hidden;
+ visibility: hidden;
+ font-size: 0;
+ line-height: 0;
+ width: 0;
+ height: 0; }
+
+.grid-container:after, .mobile-grid-5:after, .mobile-grid-10:after, .mobile-grid-15:after, .mobile-grid-20:after, .mobile-grid-25:after, .mobile-grid-30:after, .mobile-grid-35:after, .mobile-grid-40:after, .mobile-grid-45:after, .mobile-grid-50:after, .mobile-grid-55:after, .mobile-grid-60:after, .mobile-grid-65:after, .mobile-grid-70:after, .mobile-grid-75:after, .mobile-grid-80:after, .mobile-grid-85:after, .mobile-grid-90:after, .mobile-grid-95:after, .mobile-grid-100:after, .mobile-grid-33:after, .mobile-grid-66:after, .grid-5:after, .grid-10:after, .grid-15:after, .grid-20:after, .grid-25:after, .grid-30:after, .grid-35:after, .grid-40:after, .grid-45:after, .grid-50:after, .grid-55:after, .grid-60:after, .grid-65:after, .grid-70:after, .grid-75:after, .grid-80:after, .grid-85:after, .grid-90:after, .grid-95:after, .grid-100:after, .grid-33:after, .grid-66:after, .grid-offset:after, .clearfix:after {
+ clear: both; }
+
+.grid-container {
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 1200px;
+ padding-left: 10px;
+ padding-right: 10px; }
+
+.mobile-grid-5, .mobile-grid-10, .mobile-grid-15, .mobile-grid-20, .mobile-grid-25, .mobile-grid-30, .mobile-grid-35, .mobile-grid-40, .mobile-grid-45, .mobile-grid-50, .mobile-grid-55, .mobile-grid-60, .mobile-grid-65, .mobile-grid-70, .mobile-grid-75, .mobile-grid-80, .mobile-grid-85, .mobile-grid-90, .mobile-grid-95, .mobile-grid-100, .mobile-grid-33, .mobile-grid-66, .grid-5, .grid-10, .grid-15, .grid-20, .grid-25, .grid-30, .grid-35, .grid-40, .grid-45, .grid-50, .grid-55, .grid-60, .grid-65, .grid-70, .grid-75, .grid-80, .grid-85, .grid-90, .grid-95, .grid-100, .grid-33, .grid-66 {
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ padding-left: 10px;
+ padding-right: 10px; }
+
+.grid-parent {
+ padding-left: 0;
+ padding-right: 0; }
+
+.grid-offset {
+ clear: both;
+ margin-left: -10px;
+ margin-right: -10px; }
+
+@media (max-width: 767px) {
+ .mobile-push-5, .mobile-pull-5, .mobile-push-10, .mobile-pull-10, .mobile-push-15, .mobile-pull-15, .mobile-push-20, .mobile-pull-20, .mobile-push-25, .mobile-pull-25, .mobile-push-30, .mobile-pull-30, .mobile-push-35, .mobile-pull-35, .mobile-push-40, .mobile-pull-40, .mobile-push-45, .mobile-pull-45, .mobile-push-50, .mobile-pull-50, .mobile-push-55, .mobile-pull-55, .mobile-push-60, .mobile-pull-60, .mobile-push-65, .mobile-pull-65, .mobile-push-70, .mobile-pull-70, .mobile-push-75, .mobile-pull-75, .mobile-push-80, .mobile-pull-80, .mobile-push-85, .mobile-pull-85, .mobile-push-90, .mobile-pull-90, .mobile-push-95, .mobile-pull-95, .mobile-push-33, .mobile-pull-33, .mobile-push-66, .mobile-pull-66 {
+ position: relative; }
+
+ .hide-on-mobile {
+ display: none !important; }
+
+ .mobile-grid-5 {
+ float: left;
+ width: 5%; }
+
+ .mobile-prefix-5 {
+ margin-left: 5%; }
+
+ .mobile-suffix-5 {
+ margin-right: 5%; }
+
+ .mobile-push-5 {
+ left: 5%; }
+
+ .mobile-pull-5 {
+ left: -5%; }
+
+ .mobile-grid-10 {
+ float: left;
+ width: 10%; }
+
+ .mobile-prefix-10 {
+ margin-left: 10%; }
+
+ .mobile-suffix-10 {
+ margin-right: 10%; }
+
+ .mobile-push-10 {
+ left: 10%; }
+
+ .mobile-pull-10 {
+ left: -10%; }
+
+ .mobile-grid-15 {
+ float: left;
+ width: 15%; }
+
+ .mobile-prefix-15 {
+ margin-left: 15%; }
+
+ .mobile-suffix-15 {
+ margin-right: 15%; }
+
+ .mobile-push-15 {
+ left: 15%; }
+
+ .mobile-pull-15 {
+ left: -15%; }
+
+ .mobile-grid-20 {
+ float: left;
+ width: 20%; }
+
+ .mobile-prefix-20 {
+ margin-left: 20%; }
+
+ .mobile-suffix-20 {
+ margin-right: 20%; }
+
+ .mobile-push-20 {
+ left: 20%; }
+
+ .mobile-pull-20 {
+ left: -20%; }
+
+ .mobile-grid-25 {
+ float: left;
+ width: 25%; }
+
+ .mobile-prefix-25 {
+ margin-left: 25%; }
+
+ .mobile-suffix-25 {
+ margin-right: 25%; }
+
+ .mobile-push-25 {
+ left: 25%; }
+
+ .mobile-pull-25 {
+ left: -25%; }
+
+ .mobile-grid-30 {
+ float: left;
+ width: 30%; }
+
+ .mobile-prefix-30 {
+ margin-left: 30%; }
+
+ .mobile-suffix-30 {
+ margin-right: 30%; }
+
+ .mobile-push-30 {
+ left: 30%; }
+
+ .mobile-pull-30 {
+ left: -30%; }
+
+ .mobile-grid-35 {
+ float: left;
+ width: 35%; }
+
+ .mobile-prefix-35 {
+ margin-left: 35%; }
+
+ .mobile-suffix-35 {
+ margin-right: 35%; }
+
+ .mobile-push-35 {
+ left: 35%; }
+
+ .mobile-pull-35 {
+ left: -35%; }
+
+ .mobile-grid-40 {
+ float: left;
+ width: 40%; }
+
+ .mobile-prefix-40 {
+ margin-left: 40%; }
+
+ .mobile-suffix-40 {
+ margin-right: 40%; }
+
+ .mobile-push-40 {
+ left: 40%; }
+
+ .mobile-pull-40 {
+ left: -40%; }
+
+ .mobile-grid-45 {
+ float: left;
+ width: 45%; }
+
+ .mobile-prefix-45 {
+ margin-left: 45%; }
+
+ .mobile-suffix-45 {
+ margin-right: 45%; }
+
+ .mobile-push-45 {
+ left: 45%; }
+
+ .mobile-pull-45 {
+ left: -45%; }
+
+ .mobile-grid-50 {
+ float: left;
+ width: 50%; }
+
+ .mobile-prefix-50 {
+ margin-left: 50%; }
+
+ .mobile-suffix-50 {
+ margin-right: 50%; }
+
+ .mobile-push-50 {
+ left: 50%; }
+
+ .mobile-pull-50 {
+ left: -50%; }
+
+ .mobile-grid-55 {
+ float: left;
+ width: 55%; }
+
+ .mobile-prefix-55 {
+ margin-left: 55%; }
+
+ .mobile-suffix-55 {
+ margin-right: 55%; }
+
+ .mobile-push-55 {
+ left: 55%; }
+
+ .mobile-pull-55 {
+ left: -55%; }
+
+ .mobile-grid-60 {
+ float: left;
+ width: 60%; }
+
+ .mobile-prefix-60 {
+ margin-left: 60%; }
+
+ .mobile-suffix-60 {
+ margin-right: 60%; }
+
+ .mobile-push-60 {
+ left: 60%; }
+
+ .mobile-pull-60 {
+ left: -60%; }
+
+ .mobile-grid-65 {
+ float: left;
+ width: 65%; }
+
+ .mobile-prefix-65 {
+ margin-left: 65%; }
+
+ .mobile-suffix-65 {
+ margin-right: 65%; }
+
+ .mobile-push-65 {
+ left: 65%; }
+
+ .mobile-pull-65 {
+ left: -65%; }
+
+ .mobile-grid-70 {
+ float: left;
+ width: 70%; }
+
+ .mobile-prefix-70 {
+ margin-left: 70%; }
+
+ .mobile-suffix-70 {
+ margin-right: 70%; }
+
+ .mobile-push-70 {
+ left: 70%; }
+
+ .mobile-pull-70 {
+ left: -70%; }
+
+ .mobile-grid-75 {
+ float: left;
+ width: 75%; }
+
+ .mobile-prefix-75 {
+ margin-left: 75%; }
+
+ .mobile-suffix-75 {
+ margin-right: 75%; }
+
+ .mobile-push-75 {
+ left: 75%; }
+
+ .mobile-pull-75 {
+ left: -75%; }
+
+ .mobile-grid-80 {
+ float: left;
+ width: 80%; }
+
+ .mobile-prefix-80 {
+ margin-left: 80%; }
+
+ .mobile-suffix-80 {
+ margin-right: 80%; }
+
+ .mobile-push-80 {
+ left: 80%; }
+
+ .mobile-pull-80 {
+ left: -80%; }
+
+ .mobile-grid-85 {
+ float: left;
+ width: 85%; }
+
+ .mobile-prefix-85 {
+ margin-left: 85%; }
+
+ .mobile-suffix-85 {
+ margin-right: 85%; }
+
+ .mobile-push-85 {
+ left: 85%; }
+
+ .mobile-pull-85 {
+ left: -85%; }
+
+ .mobile-grid-90 {
+ float: left;
+ width: 90%; }
+
+ .mobile-prefix-90 {
+ margin-left: 90%; }
+
+ .mobile-suffix-90 {
+ margin-right: 90%; }
+
+ .mobile-push-90 {
+ left: 90%; }
+
+ .mobile-pull-90 {
+ left: -90%; }
+
+ .mobile-grid-95 {
+ float: left;
+ width: 95%; }
+
+ .mobile-prefix-95 {
+ margin-left: 95%; }
+
+ .mobile-suffix-95 {
+ margin-right: 95%; }
+
+ .mobile-push-95 {
+ left: 95%; }
+
+ .mobile-pull-95 {
+ left: -95%; }
+
+ .mobile-grid-33 {
+ float: left;
+ width: 33.33333%; }
+
+ .mobile-prefix-33 {
+ margin-left: 33.33333%; }
+
+ .mobile-suffix-33 {
+ margin-right: 33.33333%; }
+
+ .mobile-push-33 {
+ left: 33.33333%; }
+
+ .mobile-pull-33 {
+ left: -33.33333%; }
+
+ .mobile-grid-66 {
+ float: left;
+ width: 66.66667%; }
+
+ .mobile-prefix-66 {
+ margin-left: 66.66667%; }
+
+ .mobile-suffix-66 {
+ margin-right: 66.66667%; }
+
+ .mobile-push-66 {
+ left: 66.66667%; }
+
+ .mobile-pull-66 {
+ left: -66.66667%; }
+
+ .mobile-grid-100 {
+ clear: both;
+ width: 100%; } }
+@media (min-width: 768px) {
+ .push-5, .pull-5, .push-10, .pull-10, .push-15, .pull-15, .push-20, .pull-20, .push-25, .pull-25, .push-30, .pull-30, .push-35, .pull-35, .push-40, .pull-40, .push-45, .pull-45, .push-50, .pull-50, .push-55, .pull-55, .push-60, .pull-60, .push-65, .pull-65, .push-70, .pull-70, .push-75, .pull-75, .push-80, .pull-80, .push-85, .pull-85, .push-90, .pull-90, .push-95, .pull-95, .push-33, .pull-33, .push-66, .pull-66 {
+ position: relative; }
+
+ .hide-on-desktop {
+ display: none !important; }
+
+ .grid-5 {
+ float: left;
+ width: 5%; }
+
+ .prefix-5 {
+ margin-left: 5%; }
+
+ .suffix-5 {
+ margin-right: 5%; }
+
+ .push-5 {
+ left: 5%; }
+
+ .pull-5 {
+ left: -5%; }
+
+ .grid-10 {
+ float: left;
+ width: 10%; }
+
+ .prefix-10 {
+ margin-left: 10%; }
+
+ .suffix-10 {
+ margin-right: 10%; }
+
+ .push-10 {
+ left: 10%; }
+
+ .pull-10 {
+ left: -10%; }
+
+ .grid-15 {
+ float: left;
+ width: 15%; }
+
+ .prefix-15 {
+ margin-left: 15%; }
+
+ .suffix-15 {
+ margin-right: 15%; }
+
+ .push-15 {
+ left: 15%; }
+
+ .pull-15 {
+ left: -15%; }
+
+ .grid-20 {
+ float: left;
+ width: 20%; }
+
+ .prefix-20 {
+ margin-left: 20%; }
+
+ .suffix-20 {
+ margin-right: 20%; }
+
+ .push-20 {
+ left: 20%; }
+
+ .pull-20 {
+ left: -20%; }
+
+ .grid-25 {
+ float: left;
+ width: 25%; }
+
+ .prefix-25 {
+ margin-left: 25%; }
+
+ .suffix-25 {
+ margin-right: 25%; }
+
+ .push-25 {
+ left: 25%; }
+
+ .pull-25 {
+ left: -25%; }
+
+ .grid-30 {
+ float: left;
+ width: 30%; }
+
+ .prefix-30 {
+ margin-left: 30%; }
+
+ .suffix-30 {
+ margin-right: 30%; }
+
+ .push-30 {
+ left: 30%; }
+
+ .pull-30 {
+ left: -30%; }
+
+ .grid-35 {
+ float: left;
+ width: 35%; }
+
+ .prefix-35 {
+ margin-left: 35%; }
+
+ .suffix-35 {
+ margin-right: 35%; }
+
+ .push-35 {
+ left: 35%; }
+
+ .pull-35 {
+ left: -35%; }
+
+ .grid-40 {
+ float: left;
+ width: 40%; }
+
+ .prefix-40 {
+ margin-left: 40%; }
+
+ .suffix-40 {
+ margin-right: 40%; }
+
+ .push-40 {
+ left: 40%; }
+
+ .pull-40 {
+ left: -40%; }
+
+ .grid-45 {
+ float: left;
+ width: 45%; }
+
+ .prefix-45 {
+ margin-left: 45%; }
+
+ .suffix-45 {
+ margin-right: 45%; }
+
+ .push-45 {
+ left: 45%; }
+
+ .pull-45 {
+ left: -45%; }
+
+ .grid-50 {
+ float: left;
+ width: 50%; }
+
+ .prefix-50 {
+ margin-left: 50%; }
+
+ .suffix-50 {
+ margin-right: 50%; }
+
+ .push-50 {
+ left: 50%; }
+
+ .pull-50 {
+ left: -50%; }
+
+ .grid-55 {
+ float: left;
+ width: 55%; }
+
+ .prefix-55 {
+ margin-left: 55%; }
+
+ .suffix-55 {
+ margin-right: 55%; }
+
+ .push-55 {
+ left: 55%; }
+
+ .pull-55 {
+ left: -55%; }
+
+ .grid-60 {
+ float: left;
+ width: 60%; }
+
+ .prefix-60 {
+ margin-left: 60%; }
+
+ .suffix-60 {
+ margin-right: 60%; }
+
+ .push-60 {
+ left: 60%; }
+
+ .pull-60 {
+ left: -60%; }
+
+ .grid-65 {
+ float: left;
+ width: 65%; }
+
+ .prefix-65 {
+ margin-left: 65%; }
+
+ .suffix-65 {
+ margin-right: 65%; }
+
+ .push-65 {
+ left: 65%; }
+
+ .pull-65 {
+ left: -65%; }
+
+ .grid-70 {
+ float: left;
+ width: 70%; }
+
+ .prefix-70 {
+ margin-left: 70%; }
+
+ .suffix-70 {
+ margin-right: 70%; }
+
+ .push-70 {
+ left: 70%; }
+
+ .pull-70 {
+ left: -70%; }
+
+ .grid-75 {
+ float: left;
+ width: 75%; }
+
+ .prefix-75 {
+ margin-left: 75%; }
+
+ .suffix-75 {
+ margin-right: 75%; }
+
+ .push-75 {
+ left: 75%; }
+
+ .pull-75 {
+ left: -75%; }
+
+ .grid-80 {
+ float: left;
+ width: 80%; }
+
+ .prefix-80 {
+ margin-left: 80%; }
+
+ .suffix-80 {
+ margin-right: 80%; }
+
+ .push-80 {
+ left: 80%; }
+
+ .pull-80 {
+ left: -80%; }
+
+ .grid-85 {
+ float: left;
+ width: 85%; }
+
+ .prefix-85 {
+ margin-left: 85%; }
+
+ .suffix-85 {
+ margin-right: 85%; }
+
+ .push-85 {
+ left: 85%; }
+
+ .pull-85 {
+ left: -85%; }
+
+ .grid-90 {
+ float: left;
+ width: 90%; }
+
+ .prefix-90 {
+ margin-left: 90%; }
+
+ .suffix-90 {
+ margin-right: 90%; }
+
+ .push-90 {
+ left: 90%; }
+
+ .pull-90 {
+ left: -90%; }
+
+ .grid-95 {
+ float: left;
+ width: 95%; }
+
+ .prefix-95 {
+ margin-left: 95%; }
+
+ .suffix-95 {
+ margin-right: 95%; }
+
+ .push-95 {
+ left: 95%; }
+
+ .pull-95 {
+ left: -95%; }
+
+ .grid-33 {
+ float: left;
+ width: 33.33333%; }
+
+ .prefix-33 {
+ margin-left: 33.33333%; }
+
+ .suffix-33 {
+ margin-right: 33.33333%; }
+
+ .push-33 {
+ left: 33.33333%; }
+
+ .pull-33 {
+ left: -33.33333%; }
+
+ .grid-66 {
+ float: left;
+ width: 66.66667%; }
+
+ .prefix-66 {
+ margin-left: 66.66667%; }
+
+ .suffix-66 {
+ margin-right: 66.66667%; }
+
+ .push-66 {
+ left: 66.66667%; }
+
+ .pull-66 {
+ left: -66.66667%; }
+
+ .grid-100 {
+ clear: both;
+ width: 100%; } }
+/* unsemantic import end */
+body {
+ background: url("../images/nat-pants.png");
+ font-family: "Helvetica Neue", Helvetica, Arial, "PingFangTC-Light", "Microsoft YaHei", 微软雅黑, "STHeiti Light", "STXihei", "华文细黑", Heiti, 黑体, sans-serif;
+ padding: 1em 0; }
+
+.account {
+ padding: 0.5em 0;
+ text-decoration: none;
+ width: auto; }
+
+.account:hover {
+ -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
+ -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
+ box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); }
+
+.account, .account:hover {
+ -webkit-transition: all 0.25s;
+ -moz-transition: all 0.25s;
+ -o-transition: all 0.25s;
+ transition: all 0.25s; }
+
+.account .fa {
+ text-align: center;
+ width: 1.35em; }
+
+.account .fake-link, .account .text {
+ display: inline-block;
+ margin: 0 0.25em; }
+
+.account.alt-bio-basic-identity {
+ -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
+ -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
+ box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
+ background: #333;
+ color: #fafafa;
+ margin-top: 1em; }
+ @media screen and (max-width: 767px) {
+ .account.alt-bio-basic-identity {
+ display: block; } }
+ @media screen and (min-width: 767px) {
+ .account.alt-bio-basic-identity {
+ display: table; } }
+
+.account.alt-bio-basic-identity:hover {
+ background: #423848; }
+
+.account.alt-bio-basic-identity .fake-link {
+ color: #bdf; }
+
+.account.alt-accounts {
+ color: #333;
+ display: block;
+ font-size: 1em;
+ line-height: 2em; }
+
+.account.alt-accounts .fa {
+ color: #551a8b;
+ font-size: 1.25em; }
+
+.account.alt-accounts .fake-link {
+ color: #216199; }
+
+.bio-basic {
+ background: #385068;
+ padding: 0 0 2em 0;
+ -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
+ -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
+ box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); }
+
+.bio-basic-identity {
+ padding-bottom: 1em; }
+
+.bio-name {
+ color: #ebebeb;
+ display: block;
+ font-size: 1.3em;
+ line-height: 2em;
+ text-align: center;
+ white-space: nowrap; }
+
+.bio-picture {
+ -webkit-border-radius: 50%;
+ -moz-border-radius: 50%;
+ border-radius: 50%;
+ -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
+ -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
+ box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
+ margin-bottom: 1em;
+ width: 100%; }
+
+.bio-picture-container {
+ padding: 2em 3em 0 3em; }
+
+.bio-story {
+ background-size: contain;
+ background-repeat: no-repeat;
+ background-position: bottom right;
+ background-image: url("../images/inaristarlight-cablebroken.png");
+ padding: 1em;
+ position: relative; }
+
+.bio-story p {
+ font-size: 1.1em;
+ line-height: 2em;
+ margin: 1em 0; }
+
+.bio-title {
+ font-size: 2em;
+ font-weight: 300;
+ line-height: 1em;
+ padding: 0.5em 0; }
+
+.bio-title .name, .bio-title .prefix, .bio-title .trademark {
+ display: inline-block;
+ height: 1em;
+ line-height: 1em;
+ vertical-align: bottom; }
+
+.bio-title .name {
+ color: #f2f2f2; }
+
+.bio-title .prefix {
+ color: #eae6e5; }
+
+.bio-title .trademark {
+ color: #cac6c5; }
+
+.footer {
+ background: url("../images/darknoise.png");
+ color: #ddd;
+ font-size: 0.8em;
+ line-height: 3em;
+ padding: 0 1em; }
+
+.footer span {
+ white-space: nowrap; }
+
+.page-container {
+ clear: both;
+ margin: 0 auto;
+ max-width: 958.75px; }
+
+.site-links {
+ padding: 0; }
+
+.site-links .clickable {
+ -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
+ -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
+ box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
+ background: #38685a;
+ display: block;
+ padding: 0.8em 1em;
+ text-decoration: none;
+ vertical-align: middle; }
+
+.site-links .clickable .fa {
+ text-align: center;
+ width: 1.4em; }
+
+.site-links .clickable .fa, .site-links .clickable .text {
+ color: #eaeaea; }
+
+.tile {
+ padding: 1em; }
+
+.tile h2 {
+ color: #333;
+ font-weight: 300;
+ margin-top: 0.25em; }
+
+.tile-column {
+ padding: 0; }
+
+.tiles {
+ -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
+ -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
+ box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
+ background: #fffffc; }
+
+/*# sourceMappingURL=index.css.map */
diff --git a/assets/stylesheets/index.css.map b/assets/stylesheets/index.css.map
new file mode 100644
index 0000000..1e776bd
--- /dev/null
+++ b/assets/stylesheets/index.css.map
@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "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",
+"sources": ["index.scss","../../bower_components/unsemantic/assets/sass/partials/_unsemantic-grid-responsive.scss","../../bower_components/unsemantic/assets/sass/partials/_unsemantic-ie-snap.scss","../../bower_components/unsemantic/assets/sass/partials/_unsemantic-vars.scss"],
+"names": [],
+"file": "index.css"
+}
\ No newline at end of file
diff --git a/assets/stylesheets/index.scss b/assets/stylesheets/index.scss
new file mode 100644
index 0000000..85abe5f
--- /dev/null
+++ b/assets/stylesheets/index.scss
@@ -0,0 +1,229 @@
+/* unsemantic import begin */
+@import "../../bower_components/unsemantic/assets/sass/unsemantic-grid-responsive-no-ie7";
+/* unsemantic import end */
+
+$bio-name-size: 2em;
+$shadow: 0 0 4px rgba(0, 0, 0, 0.3);
+$shadow-float: 2px 2px 4px rgba(0, 0, 0, 0.3);
+
+@mixin border-radius($value) {
+ -webkit-border-radius: $value;
+ -moz-border-radius: $value;
+ border-radius: $value;
+}
+
+@mixin box-shadow($value) {
+ -webkit-box-shadow: $value;
+ -moz-box-shadow: $value;
+ box-shadow: $value;
+}
+
+@mixin box-sizing($value) {
+ -webkit-box-sizing: $value;
+ -moz-box-sizing: $value;
+ box-sizing: $value;
+}
+
+@mixin transition($value) {
+ -webkit-transition: $value;
+ -moz-transition: $value;
+ -o-transition: $value;
+ transition: $value;
+}
+
+body {
+ background: url('../images/nat-pants.png');
+ font-family: "Helvetica Neue", Helvetica, Arial, "PingFangTC-Light", "Microsoft YaHei", 微软雅黑, "STHeiti Light", "STXihei", "华文细黑", Heiti, 黑体, sans-serif;
+ padding: 1em 0;
+}
+
+.account {
+ padding: 0.5em 0;
+ text-decoration: none;
+ width: auto;
+}
+
+.account:hover {
+ @include box-shadow($shadow-float);;
+}
+
+.account, .account:hover {
+ @include transition(all 0.25s);
+}
+
+.account .fa {
+ text-align: center;
+ width: 1.35em;
+}
+
+.account .fake-link, .account .text {
+ display: inline-block;
+ margin: 0 0.25em;
+}
+
+.account.alt-bio-basic-identity {
+ @include box-shadow($shadow);
+ background: #333;
+ color: #fafafa;
+ margin-top: 1em;
+ @media screen and (max-width: $media-mobile-max) {
+ display: block;
+ }
+ @media screen and (min-width: $media-mobile-max) {
+ display: table;
+ }
+}
+
+.account.alt-bio-basic-identity:hover {
+ background: #423848;
+}
+
+.account.alt-bio-basic-identity .fake-link {
+ color: #bdf;
+}
+
+.account.alt-accounts {
+ color: #333;
+ display: block;
+ font-size: 1em;
+ line-height: 2em;
+}
+
+.account.alt-accounts .fa {
+ color: #551a8b;
+ font-size: 1.25em;
+}
+
+.account.alt-accounts .fake-link {
+ color: #216199;
+}
+
+.bio-basic {
+ background: #385068;
+ padding: 0 0 2em 0;
+ @include box-shadow($shadow);
+}
+
+.bio-basic-identity {
+ padding-bottom: 1em;
+}
+
+.bio-name {
+ color: #ebebeb;
+ display: block;
+ font-size: $bio-name-size*0.65;
+ line-height: 2em;
+ text-align: center;
+ white-space: nowrap;
+}
+
+.bio-picture {
+ @include border-radius(50%);
+ @include box-shadow($shadow);
+ margin-bottom: 1em;
+ width: 100%;
+}
+
+.bio-picture-container {
+ padding: 2em 3em 0 3em;
+}
+
+.bio-story {
+ background-size: contain;
+ background-repeat: no-repeat;
+ background-position: bottom right;
+ background-image: url('../images/inaristarlight-cablebroken.png');
+ padding: 1em;
+ position: relative;
+}
+
+.bio-story p {
+ font-size: 1.1em;
+ line-height: 2em;
+ margin: 1em 0;
+}
+
+.bio-title {
+ font-size: $bio-name-size;
+ font-weight: 300;
+ line-height: 1em;
+ padding: 0.5em 0;
+}
+
+.bio-title .name, .bio-title .prefix, .bio-title .trademark {
+ display: inline-block;
+ height: 1em;
+ line-height: 1em;
+ vertical-align: bottom;
+}
+
+.bio-title .name {
+ color: #f2f2f2;
+}
+
+.bio-title .prefix {
+ color: #eae6e5;
+}
+
+.bio-title .trademark {
+ color: #cac6c5;
+}
+
+.footer {
+ background: url('../images/darknoise.png');
+ color: #ddd;
+ font-size: 0.8em;
+ line-height: 3em;
+ padding: 0 1em;
+}
+
+.footer span {
+ white-space: nowrap;
+}
+
+.page-container {
+ clear: both;
+ margin: 0 auto;
+ max-width: $media-mobile-max*1.25;
+}
+
+.site-links {
+ padding: 0;
+}
+
+.site-links .clickable {
+ @include box-shadow($shadow);
+ background: #38685a;
+ display: block;
+ padding: 0.8em 1em;
+ text-decoration: none;
+ vertical-align: middle;
+}
+
+.site-links .clickable .fa {
+ text-align: center;
+ width: 1.4em;
+}
+
+.site-links .clickable .fa, .site-links .clickable .text {
+ color: #eaeaea;
+}
+
+.tile {
+ padding: 1em;
+}
+
+.tile h2 {
+ color: #333;
+ font-weight: 300;
+ margin-top: 0.25em;
+}
+
+.tile-column {
+ padding: 0;
+}
+
+.tiles {
+ @include box-shadow($shadow);
+ background: #fffffc;
+}
diff --git a/index.html b/index.html
index f60869f..0430073 100644
--- a/index.html
+++ b/index.html
@@ -1,89 +1,132 @@
-
-
+
+
+
+
+
+
-
-
-
-
-
- Naoki Rinmous is here!
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
+
+
+
+
+
Naoki Rinmous
-