-
+
})
-
})
+
@@ -33,7 +32,7 @@
-
@@ -33,7 +32,7 @@
language
-
+
汉语
漢語
@@ -43,7 +42,23 @@
- project
+ education
+
+
+ undergraduate
+
+
+
+
+ major
+
+
+ network engineering
+
+
+
+
+ home-lab
Maeeko Laboratory
@@ -57,12 +72,10 @@
AS205058
- AS396303
+ AS396303
-
-
platforms
@@ -77,102 +90,170 @@
+
+
- project
+ education
+
+
+ undergraduate
+
+
+
+
+ major
+
+
+ network engineering
+
+
+
+
+ home-lab
Maeeko Laboratory
@@ -57,12 +72,10 @@
AS205058
- AS396303
+ AS396303
- -
platforms
@@ -77,102 +90,170 @@
+
- indents
-
-
- spaces
-
+
+
who am i?
+ +
+
+
+
+
+ Has experience in full-stack projects (and DevOps).
+ Operating own Internet autonomous system.
+ Contact me if you're interested to hire me :D
+
+ 过去有全栈项目开发的经验 (还是 DevOps)
+ 拥有自己的 Internet 自治系统
+ 如果你对我有兴趣的话，欢迎来招募我
+
+ 是一個討厭生活在沒有計劃當中的人，
+ 喜歡進行完備的考量。
+
+
+ open-source
+
+
+
+ social network
+
-
+
- + + + GitHub + @amphineko + + +
-
+
- + + + Google+ + +amphineko + + +
- + + + Twitter + @amphineko + + +
- + + + Telegram + @amphineko + + +
- + + + weibo.com + [redacted] + + +
-
diff --git a/src/index.scss b/src/index.scss
deleted file mode 100644
index 3fbb557..0000000
--- a/src/index.scss
+++ /dev/null
@@ -1,64 +0,0 @@
-$fa-font-path: "~@fortawesome/fontawesome-free/webfonts" !default;
-@import "~@fortawesome/fontawesome-free/scss/fontawesome.scss";
-@import "~@fortawesome/fontawesome-free/scss/brands.scss";
-@import "~@fortawesome/fontawesome-free/scss/regular.scss";
-@import "~@fortawesome/fontawesome-free/scss/solid.scss";
-@import "~unsemantic/assets/sass/unsemantic-grid-responsive.scss";
-
-@import "stylesheets/chem-elements.scss";
-@import "stylesheets/footer.scss";
-@import "stylesheets/header.scss";
-@import "stylesheets/identities.scss";
-@import "stylesheets/intro.scss";
-@import "stylesheets/labels.scss";
-
-body {
- background: url('./assets/images/header-background.svg') #466685;
- background-size: cover;
-
- font-size: 1em;
- margin: 0;
- min-height: 100vh;
- padding: 0;
-
- display: flex;
- flex-direction: column;
- justify-content: center;
-}
-
-html {
- font-family: "Helvetica Neue", Helvetica, Arial, PingFangTC-Light, "Microsoft YaHei", 微软雅黑, "STHeiti Light", STXihei, "华文细黑", Heiti, 黑体, sans-serif;
- margin: 0;
- padding: 0;
-}
-
-#container {
- background-position: center;
- box-shadow: 0 0 0.15em 0.15em rgba(0, 0, 0, 0.125);
- margin: 0 auto;
- margin-bottom: 1em;
- margin-top: -1em;
- max-width: 64em;
-}
-
-.no-wrap {
- display: inline-block;
-}
-
-$section-border-radius: 2em;
-
-#container, #container>*:first-child {
- border-top-left-radius: $section-border-radius;
-}
-
-#container, #container>*:last-child, #container>*:last-child>*:last-child {
- border-bottom-right-radius: $section-border-radius;
-}
-
-.header .small-labels .group::before, .header .small-labels .label::before {
- color: #eee;
-}
-
-.identities .small-labels .group::before, .identities .small-labels .label::before {
- color: #333;
-}
diff --git a/src/stylesheets/chem-elements.scss b/src/stylesheets/chem-elements.css
similarity index 100%
rename from src/stylesheets/chem-elements.scss
rename to src/stylesheets/chem-elements.css
diff --git a/src/stylesheets/footer.scss b/src/stylesheets/footer.css
similarity index 100%
rename from src/stylesheets/footer.scss
rename to src/stylesheets/footer.css
diff --git a/src/stylesheets/header.scss b/src/stylesheets/header.css
similarity index 72%
rename from src/stylesheets/header.scss
rename to src/stylesheets/header.css
index 1389906..b12f084 100644
--- a/src/stylesheets/header.scss
+++ b/src/stylesheets/header.css
@@ -1,7 +1,8 @@
.section.header {
- background: rgba(0, 0, 0, 0.075);
- // box-shadow: 0 0 0.15em 0.15em rgba(0, 0, 0, 0.125);
- // margin-top: -3.2em;
+ background: url(../assets/images/badcable.png) rgba(0, 0, 0, 0.75);
+ background-position: bottom right;
+ background-repeat: no-repeat;
+ background-size: auto 40%;
padding-top: 1.6em;
padding-bottom: 1.4em;
}
@@ -10,6 +11,15 @@
padding: 0 1em;
}
+.section.header .splitter {
+ display: block;
+ border-left: 1em solid rgba(0, 0, 0, 0.15);
+ width: 1em;
+
+ /* this should be calculated from right panel height */
+ height: 24em;
+}
+
.section.header .name {
color: #f5f5f5;
display: inline-block;
diff --git a/src/stylesheets/identities.css b/src/stylesheets/identities.css
new file mode 100644
index 0000000..3bf1c0d
--- /dev/null
+++ b/src/stylesheets/identities.css
@@ -0,0 +1,68 @@
+figure.identities {
+ border-bottom: 0.1em solid rgba(0, 0, 0, 0.05);
+ margin: 0.75em 0;
+}
+
+figure.identities:last-child {
+ border-bottom: none;
+}
+
+figure.identities figcaption {
+ color: #777;
+ line-height: 1.5em;
+ padding: 0 1em;
+}
+
+figure.identities ul {
+ margin: 0;
+ padding: 0;
+}
+
+figure.identities ul li {
+ display: block;
+ list-style: none;
+ margin: 0.5em 0;
+}
+
+figure.identities ul li a {
+ color: #333;
+ display: block;
+ font-size: 1.1em;
+ line-height: 1.75em;
+ padding: 0.5em 1em;
+ text-decoration: none;
+ transition-duration: .5s;
+}
+
+figure.identities ul li a:hover {
+ background-color: rgba(0, 0, 0, .015);
+ box-shadow: 0.1em 0.1em 0.25em #01697c1a, -0.1em -0.1em 0.25em #01697c26;
+}
+
+figure.identities ul li a i {
+ font-size: 1.1em;
+ text-align: center;
+ width: 1.5em;
+}
+
+figure.identities ul li a .fake-link {
+ color: #317589;
+ float: right;
+}
+
+/* shutdown */
+
+figure.identities ul li.shutdown a {
+ background: rgba(0, 0, 0, 0.1);
+ cursor: not-allowed;
+ text-decoration: line-through;
+}
+
+figure.identities ul li.shutdown a:hover {
+ background-color: rgba(0, 0, 0, 0.5);
+ color: #ddd;
+}
+
+figure.identities ul li.shutdown a .fake-link {
+ text-decoration: line-through;
+}
diff --git a/src/stylesheets/identities.scss b/src/stylesheets/identities.scss
deleted file mode 100644
index 84f9b94..0000000
--- a/src/stylesheets/identities.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-.identities {
- background: transparent;
-}
-
-.identities .small-labels {
- padding: 1em;
-}
-
-.identities .small-labels .group::before, .identities .small-labels .label::before {
- color: #333;
-}
diff --git a/src/stylesheets/intro.css b/src/stylesheets/intro.css
new file mode 100644
index 0000000..0c8ca0a
--- /dev/null
+++ b/src/stylesheets/intro.css
@@ -0,0 +1,53 @@
+.intro {
+ background: rgba(255, 255, 255, 0.98);
+ margin: 1.5em 0;
+ padding: 1em 0;
+}
+
+.intro .block .split {
+ padding: 0 1em;
+}
+
+.intro h2 {
+ font-weight: 300;
+ letter-spacing: 0.02em;
+ line-height: 2em;
+ margin: 0;
+}
+
+.intro h2 i.fa {
+ margin: 0.25em;
+ text-align: center;
+ width: 1em;
+}
+
+.intro p {
+ border-left: 0.25em solid #006080;
+ color: #555;
+ font-size: 1.2em;
+ font-weight: 300;
+ line-height: 1.75em;
+ margin: 1em 0;
+ overflow: auto;
+ padding: 0.5em 0.5em;
+}
+
+.intro figure.identities + .label-group {
+ margin-top: 2em;
+}
+
+.intro .label-group .header.alt {
+ color: #777;
+ margin-left: 1.5em;
+}
+
+.intro .label-group .label {
+ background: transparent;
+ box-shadow: 0 0 0.1em rgba(0, 0, 0, 0.25);
+ transition-duration: .5s;
+}
+
+.intro .label-group .label:hover {
+ background-color: rgba(0, 0, 0, .015);
+ box-shadow: 0.1em 0.1em 0.25em #01697c1a, -0.1em -0.1em 0.25em #01697c26;
+}
diff --git a/src/stylesheets/intro.scss b/src/stylesheets/intro.scss
deleted file mode 100644
index dd4c1e7..0000000
--- a/src/stylesheets/intro.scss
+++ /dev/null
@@ -1,19 +0,0 @@
-.intro {
- background: rgba(255, 255, 255, 0.98);
- padding: 1em 0;
-}
-
-.intro .block .split {
- padding: 0 1em;
-}
-
-.intro p {
- border-left: 0.25em solid #006080;
- color: #555;
- font-size: 1.2em;
- font-weight: 300;
- line-height: 1.75em;
- margin: 1em 0;
- overflow: auto;
- padding: 0.5em 0.5em;
-}
diff --git a/src/stylesheets/labels.scss b/src/stylesheets/labels.css
similarity index 83%
rename from src/stylesheets/labels.scss
rename to src/stylesheets/labels.css
index 011a61c..7fdb5d1 100644
--- a/src/stylesheets/labels.scss
+++ b/src/stylesheets/labels.css
@@ -30,17 +30,12 @@
padding: 0 0.6em;
}
-.label-group .label:last-child {
- $radius: 0.5em;
-
- border-bottom-right-radius: $radius;
- border-top-right-radius: $radius;
-}
-
.label-group a.label {
text-decoration: none;
}
.label-group .label i {
+ font-size: 1.2em;
margin-right: 0.25em;
+ vertical-align: -0.05em;
}
diff --git a/src/stylesheets/icon-fall.scss b/src/stylesheets/links.css
similarity index 100%
rename from src/stylesheets/icon-fall.scss
rename to src/stylesheets/links.css
-
+
-
-
-
- Cursed Network Engineering student.
- Has few experience in full-stack development.
- Operating own autonomous system.
- Contact me if you're interested to hire :D
-
-
-
- open-source
-
-
- GitHub
- @amphineko
-
-
-
- my playlist!
- Music Game is LIFE!
- Love FPS and Simulation Games.
- Ingress Mission Collector.
+ ardently love fps, simulation and avg games
+ rhythm game is LIFE!
+ ingress (mission collection only) agent
+
+ 热衷于第一人称射击、模拟和文字冒险游戏
+ 音乐节奏是人生不可或缺的一部分！
+ 还是一个 Ingress (仅限任务收集) 探员
+
+ dream to be railroad driver and civil aviation pilot
+
+ 曾经梦想过成为机车司机和民航飞行员
+
+ profiles
+
+
@@ -191,7 +272,7 @@
-
+
- + + + osu! + Rukatan + + +
- + + + Steam + 白い桃 + + +
- music game
+ fps
+
+ Counter-Strike Global Offensive
+ Rainbow Six Siege
+
+
+
+ simulation
+
-
- Arcade: NekoSauc
+
+ Cities: Skylines
-
- osu! Rukatan
+
+ Train Simulators
+
+
+
+ 電車でGO!
+
+
+
+ FS 9 & FS X
+
+
+
+ X-Plane
- Steam
-
-
- NekoSauce
-
-
- CS:GO
-
-
+ rhythm
-
- Uplay
-
- AtomicAkarin
+
+ BEMANI (iidx, jubeat, sdvx, etc.)
- R6:S
+
+ SEGA (chunithm, etc.)
-
-
-
- Niantic
-
- Ingress [CODENAME REDACTED]
+
+ TAITO (groove coaster)
- Copyright © 2015-2019 amphineko. Illustrations have their own licenses.
+ Copyright © 2015-2020 amphineko. Illustrations have their own licenses.