'init'
This commit is contained in:
parent
594d307835
commit
6c53292f4d
3
.gitignore
vendored
3
.gitignore
vendored
@ -1,2 +1,3 @@
|
|||||||
dist
|
dist
|
||||||
node_modules
|
node_modules
|
||||||
|
.idea/
|
||||||
10452
package-lock.json
generated
10452
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
Before Width: | Height: | Size: 4.3 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 586 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 250 KiB |
BIN
src/assets/images/avator.jpg
Normal file
BIN
src/assets/images/avator.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 40 KiB |
BIN
src/assets/images/avator.webp
Normal file
BIN
src/assets/images/avator.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
BIN
src/assets/images/cover.png
Normal file
BIN
src/assets/images/cover.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 334 KiB |
166
src/index.html
166
src/index.html
@ -5,17 +5,25 @@
|
|||||||
<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">
|
||||||
<title>about amphineko</title>
|
<meta property=og:title content="About xtaodada">
|
||||||
|
<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="${require('./assets/images/amphineko.png')}">
|
<a href="https://xtaolink.cn">
|
||||||
<picture class="picture">
|
<picture class="picture">
|
||||||
<source type="image/webp" srcset="${require('./assets/images/amphineko@1x.webp')}" />
|
<source type="image/webp" srcset="${require('./assets/images/avator.webp')}" />
|
||||||
<img src="${require('./assets/images/amphineko@1x.jpg')}" alt="picture of amphineko" />
|
<img src="${require('./assets/images/avator.jpg')}" alt="picture of xtaodada" />
|
||||||
</picture>
|
</picture>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
@ -24,35 +32,30 @@
|
|||||||
<div class="names">
|
<div class="names">
|
||||||
<h1 class="name">
|
<h1 class="name">
|
||||||
<span class="no-wrap">
|
<span class="no-wrap">
|
||||||
amphi
|
xtaodada
|
||||||
<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">language</span>
|
<span class="header">Languages</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
|
||||||
@ -60,56 +63,37 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="label-group">
|
<div class="label-group">
|
||||||
<span class="header">home-lab</span>
|
<span class="header">Labs</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>
|
||||||
Maeeko Laboratory
|
xtao-labs
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="label-group">
|
<div class="label-group">
|
||||||
<span class="header">noc-operator</span>
|
<span class="header">Platforms</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>
|
||||||
alpine debian gentoo
|
Redmi Note 9 Pro
|
||||||
</span>
|
|
||||||
<span class="label">
|
|
||||||
<i aria-hidden="true" class="fab fa-apple"></i>
|
|
||||||
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 am i?</h2>
|
<h2><i aria-hidden="true" class="fa fa-chevron-right"></i>Who</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>
|
||||||
Has experience in full-stack projects <small>(and DevOps)</small>.<br />
|
是垃圾，常用 Python 开发。
|
||||||
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>
|
||||||
|
|
||||||
@ -118,10 +102,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/amphineko/">
|
<a href="https://github.com/xtaodada/">
|
||||||
<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">@amphineko</span>
|
<span class="fake-link">@xtaodada</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
@ -130,32 +114,18 @@
|
|||||||
<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 class="shutdown">
|
|
||||||
<a href="#">
|
|
||||||
<i aria-hidden="true" class="fab fa-google-plus"></i>
|
|
||||||
<span class="label">Google+</span>
|
|
||||||
<span class="fake-link">+amphineko</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
<li>
|
||||||
<a href="https://twitter.com/amphineko/">
|
<a href="https://twitter.com/xtaodada/">
|
||||||
<i aria-hidden="true" class="fab fa-twitter"></i>
|
<i aria-hidden="true" class="fab fa-twitter"></i>
|
||||||
<span class="label">Twitter</span>
|
<span class="label">Twitter</span>
|
||||||
<span class="fake-link">@amphineko</span>
|
<span class="fake-link">@xtaodada</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="https://telegram.me/amphineko">
|
<a href="https://telegram.me/mrwangzhe">
|
||||||
<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">@amphineko</span>
|
<span class="fake-link">@mrwangzhe</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>
|
||||||
@ -165,24 +135,15 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="section intro">
|
<div class="section intro">
|
||||||
<h2><i aria-hidden="true" class="fa fa-chevron-right"></i>my playlist!</h2>
|
<h2><i aria-hidden="true" class="fa fa-chevron-right"></i>Game</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>
|
||||||
ardently love fps, simulation and avg games<br />
|
只会 Minecraft 的垃圾，射击类游戏简直是噩梦！
|
||||||
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>
|
||||||
|
|
||||||
@ -191,75 +152,38 @@
|
|||||||
<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://osu.ppy.sh/users/1344051">
|
<a href="https://steamcommunity.com/id/xtaodada/">
|
||||||
<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">白い桃</span>
|
<span class="fake-link">xtao</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>fps</span>
|
<span class="header alt"><i aria-hidden="true" class="fas fa-tag"></i>Minecraft</span>
|
||||||
|
|
||||||
<span class="label">Counter-Strike Global Offensive</span>
|
<span class="label">1.14</span>
|
||||||
<span class="label">Rainbow Six Siege</span>
|
<span class="label">1.7.10</span>
|
||||||
</div>
|
<span class="label">1.7.2</span>
|
||||||
|
|
||||||
<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://github.com/amphineko/amphineko">
|
<a class="hosting" href="https://github.com/xtaodada/Homepage">
|
||||||
<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" href="//futa.moe/maeeko">
|
<a class="hosting">
|
||||||
<i aria-hidden="true" class="far fa-heart"></i> Hosted by Maeeko Laboratory
|
<i aria-hidden="true" class="far fa-heart"></i> Hosted by xtaodada
|
||||||
<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 © 2015-2021 amphineko. Illustrations have their own licenses.
|
Copyright © 2021 xtaodada.
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user