Compare commits
1 Commits
master
...
dependabot
Author | SHA1 | Date | |
---|---|---|---|
|
98d4027ba3 |
3
.gitignore
vendored
3
.gitignore
vendored
@ -1,3 +1,2 @@
|
|||||||
dist
|
dist
|
||||||
node_modules
|
node_modules
|
||||||
.idea/
|
|
10526
package-lock.json
generated
10526
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
BIN
src/assets/images/amphineko.png
Normal file
BIN
src/assets/images/amphineko.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 4.3 MiB |
BIN
src/assets/images/amphineko@1x.jpg
Normal file
BIN
src/assets/images/amphineko@1x.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 586 KiB |
BIN
src/assets/images/amphineko@1x.webp
Normal file
BIN
src/assets/images/amphineko@1x.webp
Normal file
Binary file not shown.
After Width: | Height: | Size: 250 KiB |
Binary file not shown.
Before Width: | Height: | Size: 40 KiB |
Binary file not shown.
Before Width: | Height: | Size: 25 KiB |
Binary file not shown.
Before Width: | Height: | Size: 334 KiB |
174
src/index.html
174
src/index.html
@ -5,25 +5,17 @@
|
|||||||
<link href="${require('./index.css')}" rel="stylesheet">
|
<link href="${require('./index.css')}" rel="stylesheet">
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
|
||||||
<meta property=og:title content="About xtaodada">
|
<title>about amphineko</title>
|
||||||
<meta property=og:url content=https://my.xtaolink.cn> <meta property=og:description content="又一个垃圾技术">
|
|
||||||
<meta property=og:image content="${require('./assets/images/cover.png')}">
|
|
||||||
<meta name=twitter:card content=summary>
|
|
||||||
<meta name=twitter:title content="About xtaodada">
|
|
||||||
<meta name=twitter:site content="@xtaodada">
|
|
||||||
<meta name=twitter:description content="又一个垃圾技术">
|
|
||||||
<meta name=twitter:image content="${require('./assets/images/cover.png')}">
|
|
||||||
<title>About xtaodada</title>
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<div id="container">
|
<div id="container">
|
||||||
<div class="section header grid-container grid-parent">
|
<div class="section header grid-container grid-parent">
|
||||||
<div class="split picture-container grid-40">
|
<div class="split picture-container grid-40">
|
||||||
<a href="https://xtaolink.cn">
|
<a href="${require('./assets/images/amphineko.png')}">
|
||||||
<picture class="picture">
|
<picture class="picture">
|
||||||
<source type="image/webp" srcset="${require('./assets/images/avator.webp')}" />
|
<source type="image/webp" srcset="${require('./assets/images/amphineko@1x.webp')}" />
|
||||||
<img src="${require('./assets/images/avator.jpg')}" alt="picture of xtaodada" />
|
<img src="${require('./assets/images/amphineko@1x.jpg')}" alt="picture of amphineko" />
|
||||||
</picture>
|
</picture>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
@ -32,30 +24,35 @@
|
|||||||
<div class="names">
|
<div class="names">
|
||||||
<h1 class="name">
|
<h1 class="name">
|
||||||
<span class="no-wrap">
|
<span class="no-wrap">
|
||||||
xtaodada
|
amphi
|
||||||
|
<a class="chem-element" data-element="neon" href="https://en.wikipedia.org/wiki/Neon">ne</a>
|
||||||
|
ko
|
||||||
</span>
|
</span>
|
||||||
</h1>
|
</h1>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="label-group">
|
<div class="label-group">
|
||||||
<span class="header">Languages</span>
|
<span class="header">language</span>
|
||||||
<span class="label">
|
<span class="label">
|
||||||
<i aria-hidden="true" class="fas fa-language"></i>
|
<i aria-hidden="true" class="fas fa-language"></i>
|
||||||
<span class="title">汉语 & English</span>
|
汉语
|
||||||
</span>
|
</span>
|
||||||
|
<span class="label">漢語</span>
|
||||||
|
<span class="label">English</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<br />
|
<br />
|
||||||
|
|
||||||
<div class="label-group">
|
<div class="label-group">
|
||||||
<span class="header">Education</span>
|
<span class="header">education</span>
|
||||||
<span class="label">
|
<span class="label">
|
||||||
<i aria-hidden="true" class="fas fa-university"></i>
|
<i aria-hidden="true" class="fas fa-university"></i>
|
||||||
Undergraduate
|
undergraduate
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="label-group">
|
<div class="label-group">
|
||||||
<span class="header">Major</span>
|
<span class="header">major</span>
|
||||||
<span class="label">
|
<span class="label">
|
||||||
<i aria-hidden="true" class="fas fa-university"></i>
|
<i aria-hidden="true" class="fas fa-university"></i>
|
||||||
network engineering
|
network engineering
|
||||||
@ -63,41 +60,56 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="label-group">
|
<div class="label-group">
|
||||||
<span class="header">Labs</span>
|
<span class="header">home-lab</span>
|
||||||
<span class="label">
|
<span class="label">
|
||||||
<i aria-hidden="true" class="fas fa-box"></i>
|
<i aria-hidden="true" class="fas fa-box"></i>
|
||||||
xtao-labs
|
Maeeko Laboratory
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="label-group">
|
<div class="label-group">
|
||||||
<span class="header">Platforms</span>
|
<span class="header">noc-operator</span>
|
||||||
|
<a class="label" href="#">
|
||||||
|
<i aria-hidden="true" class="fas fa-network-wired"></i>
|
||||||
|
<span class="content">AS205058</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="label-group">
|
||||||
|
<span class="header">platforms</span>
|
||||||
<span class="label">
|
<span class="label">
|
||||||
<i aria-hidden="true" class="fab fa-linux"></i>
|
<i aria-hidden="true" class="fab fa-linux"></i>
|
||||||
Redmi Note 9 Pro
|
alpine debian gentoo
|
||||||
</span>
|
</span>
|
||||||
<span class="label">
|
<span class="label">
|
||||||
<i aria-hidden="true" class="fab fa-linux"></i>
|
<i aria-hidden="true" class="fab fa-apple"></i>
|
||||||
XiaoMi Pad 5 Pro
|
iOS macOS
|
||||||
</span>
|
</span>
|
||||||
<span class="label">
|
<span class="label">
|
||||||
<i aria-hidden="true" class="fab fa-windows"></i>
|
<i aria-hidden="true" class="fab fa-windows"></i>
|
||||||
Windows 11 22000.160
|
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="section intro">
|
<div class="section intro">
|
||||||
<h2><i aria-hidden="true" class="fa fa-chevron-right"></i>Who</h2>
|
<h2><i aria-hidden="true" class="fa fa-chevron-right"></i>who am i?</h2>
|
||||||
|
|
||||||
<div class="block grid-container grid-parent">
|
<div class="block grid-container grid-parent">
|
||||||
<div class="split grid-50 mobile-grid-100">
|
<div class="split grid-50 mobile-grid-100">
|
||||||
<p>
|
<p>
|
||||||
是垃圾,常用 Python 开发。
|
Has experience in full-stack projects <small>(and DevOps)</small>.<br />
|
||||||
|
Operating own Internet autonomous system.<br />
|
||||||
|
Contact me if you're interested to hire me :D
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
混吃等死卖萌打滚的小废物。
|
过去有全栈项目开发的经验 <small>(还是 DevOps)</small><br />
|
||||||
|
拥有自己的 Internet 自治系统<br />
|
||||||
|
如果你对我有兴趣的话,欢迎来招募我
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
是一個討厭生活在沒有計劃當中的人,<br />
|
||||||
|
喜歡進行完備的考量。
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -106,10 +118,10 @@
|
|||||||
<figcaption><i class="fas fa-external-link-alt"></i>open-source</figcaption>
|
<figcaption><i class="fas fa-external-link-alt"></i>open-source</figcaption>
|
||||||
<ul>
|
<ul>
|
||||||
<li>
|
<li>
|
||||||
<a href="https://github.com/xtaodada/">
|
<a href="https://github.com/amphineko/">
|
||||||
<i aria-hidden="true" class="fab fa-github"></i>
|
<i aria-hidden="true" class="fab fa-github"></i>
|
||||||
<span class="label">GitHub</span>
|
<span class="label">GitHub</span>
|
||||||
<span class="fake-link">@xtaodada</span>
|
<span class="fake-link">@amphineko</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
@ -118,18 +130,32 @@
|
|||||||
<figure class="identities">
|
<figure class="identities">
|
||||||
<figcaption><i class="fas fa-external-link-alt"></i>social network</figcaption>
|
<figcaption><i class="fas fa-external-link-alt"></i>social network</figcaption>
|
||||||
<ul>
|
<ul>
|
||||||
<li>
|
<li class="shutdown">
|
||||||
<a href="https://twitter.com/xtaodada/">
|
<a href="#">
|
||||||
<i aria-hidden="true" class="fab fa-twitter"></i>
|
<i aria-hidden="true" class="fab fa-google-plus"></i>
|
||||||
<span class="label">Twitter</span>
|
<span class="label">Google+</span>
|
||||||
<span class="fake-link">@xtaodada</span>
|
<span class="fake-link">+amphineko</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="https://telegram.me/mrwangzhe">
|
<a href="https://twitter.com/amphineko/">
|
||||||
|
<i aria-hidden="true" class="fab fa-twitter"></i>
|
||||||
|
<span class="label">Twitter</span>
|
||||||
|
<span class="fake-link">@amphineko</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://telegram.me/amphineko">
|
||||||
<i aria-hidden="true" class="fab fa-telegram"></i>
|
<i aria-hidden="true" class="fab fa-telegram"></i>
|
||||||
<span class="label">Telegram</span>
|
<span class="label">Telegram</span>
|
||||||
<span class="fake-link">@mrwangzhe</span>
|
<span class="fake-link">@amphineko</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="shutdown">
|
||||||
|
<a href="#">
|
||||||
|
<i aria-hidden="true" class="fab fa-weibo"></i>
|
||||||
|
<span class="label">weibo.com</span>
|
||||||
|
<span class="fake-link">[redacted]</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
@ -139,15 +165,24 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="section intro">
|
<div class="section intro">
|
||||||
<h2><i aria-hidden="true" class="fa fa-chevron-right"></i>Game</h2>
|
<h2><i aria-hidden="true" class="fa fa-chevron-right"></i>my playlist!</h2>
|
||||||
|
|
||||||
<div class="block grid-container grid-parent">
|
<div class="block grid-container grid-parent">
|
||||||
<div class="split grid-50 mobile-grid-100">
|
<div class="split grid-50 mobile-grid-100">
|
||||||
<p>
|
<p>
|
||||||
只会 Minecraft 的垃圾,射击类游戏简直是噩梦!
|
ardently love fps, simulation and avg games<br />
|
||||||
|
rhythm game is LIFE!<br />
|
||||||
|
ingress <small>(mission collection only)</small> agent
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
千万不要让我玩射击!
|
热衷于第一人称射击、模拟和文字冒险游戏<br />
|
||||||
|
音乐节奏是人生不可或缺的一部分!<br />
|
||||||
|
还是一个 Ingress <small>(仅限任务收集)</small> 探员
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<del>dream to be railroad driver and civil aviation pilot</del>
|
||||||
|
<br />
|
||||||
|
<del>曾经梦想过成为机车司机和民航飞行员</del>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -156,41 +191,78 @@
|
|||||||
<figcaption><i class="fas fa-external-link-alt"></i>profiles</figcaption>
|
<figcaption><i class="fas fa-external-link-alt"></i>profiles</figcaption>
|
||||||
<ul>
|
<ul>
|
||||||
<li>
|
<li>
|
||||||
<a href="https://steamcommunity.com/id/xtaodada/">
|
<a href="https://osu.ppy.sh/users/1344051">
|
||||||
|
<i aria-hidden="true" class="fab fa-accessible-icon"></i>
|
||||||
|
<span class="label">osu!</span>
|
||||||
|
<span class="fake-link">Rukatan</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://steamcommunity.com/id/amphineko/">
|
||||||
<i aria-hidden="true" class="fab fa-steam"></i>
|
<i aria-hidden="true" class="fab fa-steam"></i>
|
||||||
<span class="label">Steam</span>
|
<span class="label">Steam</span>
|
||||||
<span class="fake-link">xtao</span>
|
<span class="fake-link">白い桃</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</figure>
|
</figure>
|
||||||
|
|
||||||
<div class="label-group">
|
<div class="label-group">
|
||||||
<span class="header alt"><i aria-hidden="true" class="fas fa-tag"></i>Minecraft</span>
|
<span class="header alt"><i aria-hidden="true" class="fas fa-tag"></i>fps</span>
|
||||||
|
|
||||||
<span class="label">1.14</span>
|
<span class="label">Counter-Strike Global Offensive</span>
|
||||||
<span class="label">1.7.10</span>
|
<span class="label">Rainbow Six Siege</span>
|
||||||
<span class="label">1.7.2</span>
|
</div>
|
||||||
|
|
||||||
|
<div class="label-group">
|
||||||
|
<span class="header alt"><i aria-hidden="true" class="fas fa-tag"></i>simulation</span>
|
||||||
|
|
||||||
|
<span class="label">
|
||||||
|
<i aria-hidden="true" class="fas fa-paper-plane"></i>
|
||||||
|
MSFS & X-Plane
|
||||||
|
</span>
|
||||||
|
<span class="label">
|
||||||
|
<i aria-hidden="true" class="fas fa-train"></i>
|
||||||
|
Train Simulator<small>s</small>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="label-group">
|
||||||
|
<span class="header alt"><i aria-hidden="true" class="fas fa-tag"></i>rhythm</span>
|
||||||
|
|
||||||
|
<span class="label">
|
||||||
|
<i aria-hidden="true" class="fas fa-gamepad"></i>
|
||||||
|
BEMANI (iidx, jubeat, sdvx, etc.)
|
||||||
|
</span>
|
||||||
|
<span class="label">
|
||||||
|
<i aria-hidden="true" class="fas fa-gamepad"></i>
|
||||||
|
SEGA (chunithm, etc.)
|
||||||
|
</span>
|
||||||
|
<span class="label">
|
||||||
|
<i aria-hidden="true" class="fas fa-star"></i>
|
||||||
|
TAITO (groove coaster)
|
||||||
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="section footer">
|
<div class="section footer">
|
||||||
<a class="hosting" href="https://gitlab.com/xtaodada/Homepage">
|
<a class="hosting" href="https://github.com/amphineko/amphineko">
|
||||||
<i aria-hidden="true" class="fas fa-code-branch"></i> Fork this template on GitHub</a>
|
<i aria-hidden="true" class="fas fa-code-branch"></i> Fork this template on GitHub</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="section footer shadow">
|
<div class="section footer shadow">
|
||||||
<a class="hosting">
|
<a class="hosting" href="//futa.moe/maeeko">
|
||||||
<i aria-hidden="true" class="far fa-heart"></i> Hosted by xtaodada
|
<i aria-hidden="true" class="far fa-heart"></i> Hosted by Maeeko Laboratory
|
||||||
|
<span class="link">//futa.moe/maeeko</span>
|
||||||
</a>
|
</a>
|
||||||
<div class="copyright">
|
<div class="copyright">
|
||||||
<i aria-hidden="true" class="fas fa-exclamation-triangle"></i>
|
<i aria-hidden="true" class="fas fa-exclamation-triangle"></i>
|
||||||
Copyright © 2021 xtaodada.
|
Copyright © 2015-2020 amphineko. Illustrations have their own licenses.
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
Loading…
Reference in New Issue
Block a user