diff options
Diffstat (limited to 'neo/src/index.html')
| -rw-r--r-- | neo/src/index.html | 352 |
1 files changed, 352 insertions, 0 deletions
diff --git a/neo/src/index.html b/neo/src/index.html new file mode 100644 index 0000000..99b9a8b --- /dev/null +++ b/neo/src/index.html @@ -0,0 +1,352 @@ +<!DOCTYPE html> +<html> + +<head> + <link href="${require('./index.css')}" rel="stylesheet"> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"> + <title>Yuuta Liang</title> +</head> + +<body> + <div id="container"> + <div class="section header grid-container grid-parent"> + <div class="split picture-container grid-40"> + <a href="${require('./assets/images/yuuta.png')}"> + <picture class="picture"> + <source type="image/webp" srcset="${require('./assets/images/yuuta@1x.webp')}" /> + <img src="${require('./assets/images/yuuta@1x.jpg')}" alt="picture of Yuuta" /> + </picture> + </a> + </div> + + <div class="split grid-60"> + <div class="names"> + <h1 class="name"> + <span class="no-wrap"> + Yuuta Liang (a.k.a. YuutaW) + </span> + </h1> + </div> + + <div class="label-group"> + <span class="header">language</span> + <span class="label"> + <i aria-hidden="true" class="fas fa-language"></i> + 汉语 / 普通话 + </span> + <span class="label">English</span> + </div> + + <div class="label-group"> + <span class="header">location</span> + <span class="label"> + <i aria-hidden="true" class="fas fa-location-arrow"></i> + Vancouver + </span> + <span class="label">Beijing</span> + </div> + + <div class="label-group"> + <span class="header">aging</span> + <span class="label"> + <i aria-hidden="true" class="fa fa-birthday-cake"></i> + 00's + </span> + </div> + + <br /> + + <div class="label-group"> + <span class="header">education</span> + <span class="label"> + <i aria-hidden="true" class="fas fa-university"></i> + <a href="https://ubc.ca">UBC undergraduate</a> + </span> + </div> + + <div class="label-group"> + <span class="header">major</span> + <span class="label"> + <i aria-hidden="true" class="fas fa-university"></i> + science + </span> + </div> + + <div class="label-group"> + <span class="header">home-lab</span> + <span class="label"> + <i aria-hidden="true" class="fas fa-box"></i> + <a href="https://cloud.yuuta.network">Yuuta Cloud</a> + </span> + </div> + + <div class="label-group"> + <span class="header">noc-operator</span> + <a class="label" href="#"> + <i aria-hidden="true" class="fas fa-network-wired"></i> + <span class="content">AS142281</span> + </a> + </div> + + <div class="label-group"> + <span class="header">platforms</span> + <span class="label"> + <i aria-hidden="true" class="fab fa-linux"></i> + arch BSD + </span> + <span class="label"> + <i aria-hidden="true" class="fab fa-windows"></i> + WinSvr2022 Win10 + </span> + </div> + + <br /> + + <div class="label-group"> + <span class="header">coding</span> + <span class="label"> + <i aria-hidden="true" class="fa fa-code"></i> + C Java + </span> + <span class="label"> + POSIX Web Android + </span> + <span class="label"> + CLion Idea + </span> + </div> + + <div class="label-group"> + <span class="header">computer science</span> + <span class="label"> + <i aria-hidden="true" class="fa fa-microchip"></i> + operating systems + </span> + <span class="label"> + embedded systems + </span> + <span class="label"> + CPUs + </span> + </div> + </div> + </div> + + <div class="section intro"> + <h2><i aria-hidden="true" class="fa fa-chevron-right"></i>short intro</h2> + + <div class="block grid-container grid-parent"> + <div class="split grid-50 mobile-grid-100"> + <p> + First year science student at UBC. Coding since grade three and always a computer / electronics enthusiast.<br /> + Some experience in Android development, POSIX development, and SRE. I did a little bit of analog circuits and PCB designing.<br /> + Running my own ASN and vSphere cluster.<br /> + I'm currently interested in OS, embedded, CPU, and electronics. Working hard. + </p> + <p> + UBC 理学院 <small>萌萌哒</small>大一新生。三年级开始写程序，超喜欢计算机和电路设计。<br /> + 写过一些 Android 和 POSIX 程序，玩过一些运维。曾经做过一点点模拟电路和 PCB 设计。<br /> + 也有在跑自己的 ASN 和 vSphere 集群。<br /> + 目前感兴趣的领域是操作系统 / 嵌入式 / CPU / 电路方向。努力学习中w + </p> + <p> + I'm also an old school developer and Unix lover. I do lots of projects in C.<br /> + I also host a lot of things to support the decentralized Internet. + </p> + <p> + 喜欢老的东西以及 Unix，因此很多项目都是 C 写的。<br /> + 同时也在自建很多东西来支持去中心化的互联网。 + </p> + </div> + + <div class="split grid-50 mobile-grid-100"> + <figure class="identities"> + <figcaption><i class="fas fa-external-link-alt"></i>open-source</figcaption> + <ul> + <li> + <a href="https://git.yuuta.moe/"> + <i aria-hidden="true" class="fab fa-git"></i> + <span class="label">CGit Web</span> + <span class="fake-link">git.yuuta.moe</span> + </a> + </li> + <li> + <a href="https://git.yuuta.moe/Trumeet/"> + <i aria-hidden="true" class="fab fa-github"></i> + <span class="label">GitHub</span> + <span class="fake-link">@Trumeet</span> + </a> + </li> + </ul> + </figure> + + <figure class="identities"> + <figcaption><i class="fas fa-external-link-alt"></i>reach me</figcaption> + <ul> + <li> + <a href="https://twitter.com/NeoTrumeet/"> + <i aria-hidden="true" class="fab fa-twitter"></i> + <span class="label">Twitter</span> + <span class="fake-link">@NeoTrumeet</span> + </a> + </li> + <li> + <a href="#"> + <i aria-hidden="true" class="fab fa-telegram"></i> + <span class="label">Matrix</span> + <span class="fake-link">@yuuta:yuuta.moe</span> + </a> + </li> + </ul> + </figure> + <figure class="identities"> + <figcaption><i class="fas fa-external-link-alt"></i>sites</figcaption> + <ul> + <li> + <a href="https://ftp.yuuta.moe/"> + <i aria-hidden="true" class="fa fa-file"></i> + <span class="label">FTP</span> + <span class="fake-link">ftp.yuuta.moe</span> + </a> + </li> + <li> + <a href="https://blog.yuuta.moe/"> + <i aria-hidden="true" class="fa fa-rss"></i> + <span class="label">Blog</span> + <span class="fake-link">Garden in the Wonderland</span> + </a> + </li> + <li> + <a href="https://yuuta.network/"> + <i aria-hidden="true" class="fa fa-plug"></i> + <span class="label">YuutaNet</span> + <span class="fake-link">yuuta.network</span> + </a> + </li> + </ul> + </figure> + <figure class="identities"> + <figcaption><i class="fas fa-external-link-alt"></i>notable projects</figcaption> + <ul> + <li> + <a href="https://git.yuuta.moe/Minecraft/acron.git"> + <i aria-hidden="true" class="fa fa-gamepad"></i> + <span class="label">Acron</span> + <span class="fake-link">acron.git</span> + </a> + </li> + <li> + <a href="https://git.yuuta.moe/Minecraft/minecraft-pacman.git"> + <i aria-hidden="true" class="fa fa-gamepad"></i> + <span class="label">Minecraft-Pacman</span> + <span class="fake-link">minecraft-pacman.git</span> + </a> + </li> + <li> + <a href="https://github.com/MiPushFramework/MiPushFramework/"> + <i aria-hidden="true" class="fa fa-rss"></i> + <span class="label">[Archived] MiPushFramework</span> + <span class="fake-link">MiPushFramework.git</span> + </a> + </li> + <li> + <a href="/projs/"> + <i aria-hidden="true" class="fas fa-external-link-alt"></i> + <span class="label">Others</span> + <span class="fake-link">projs</span> + </a> + </li> + </ul> + </figure> + </div> + </div> + </div> + + <div class="section intro"> + <h2><i aria-hidden="true" class="fa fa-chevron-right"></i>/me</h2> + + <div class="block grid-container grid-parent"> + <div class="split grid-50 mobile-grid-100"> + <p> + 喜欢可爱的东西和可爱的人。<br /> + 游戏玩得不多，常玩 osu!std 和 Minecraft <small>以及一些 gal</small>。<br /> + 平时喜欢听 VOCALOID 和 J-Pop。动画什么的也有在看但是不是很多。<br /> + 平时有空做的最多的事情就是写代码和水群。<br /> + 很能咕，大鸽子（<br /> + </p> + <p> + 最喜欢的番是 <a href="https://zh.moegirl.org.cn/CLANNAD">CLANNAD</a>：看的第一部番，神剧无需多言。<br /> + 最喜欢的 <a href="https://zh.moegirl.org.cn/zh-hans/VOCALOID%E8%81%8C%E4%BA%BA">VOCALOID P 主</a> 是 <a href="https://www.youtube.com/channel/UCam3IAA-nyfxRL8_wDQ35VA/">MIMI</a>：强烈推荐，非常好听，十分治愈。<br /> + 最喜欢的歌姬是 <a href="https://zh.moegirl.org.cn/%E5%88%9D%E9%9F%B3%E6%9C%AA%E6%9D%A5#">初音未来</a>，<a href="https://zh.moegirl.org.cn/IA">IA</a> 和 <a href="https://zh.moegirl.org.cn/%E5%8F%AF%E4%B8%8D">Kafu</a> 也很不错。<br /> + 最喜欢的小说是三体。<br /> + 最喜欢的人 ..... 还没有吧（ + </p> + <p> + </p> + </div> + + <div class="split grid-50 mobile-grid-100"> + <figure class="identities"> + <figcaption><i class="fas fa-external-link-alt"></i>profiles</figcaption> + <ul> + <li> + <a href="https://osu.ppy.sh/users/23872922"> + <i aria-hidden="true" class="fab fa-accessible-icon"></i> + <span class="label">osu!</span> + <span class="fake-link">Yuuta_Liang</span> + </a> + </li> + </ul> + </figure> + + <div class="label-group"> + <span class="header alt"><i aria-hidden="true" class="fas fa-tag"></i>anime</span> + + <span class="label">CLANNAD</span> + </div> + + <div class="label-group"> + <span class="header alt"><i aria-hidden="true" class="fas fa-tag"></i>games</span> + + <span class="label">Minecraft: Java Edition</span> + <span class="label">osu! standard</span> + <span class="label">千恋万花</span> + <p><img src="https://project.chinalcmod.com/osu/sig.php?colour=hexff66aa&uname=Yuuta_Liang&pp=1&countryrank&removeavmargin&darktriangles&xpbar" /></p> + </div> + + <div class="label-group"> + <span class="header alt"><i aria-hidden="true" class="fas fa-tag"></i>music</span> + + <span class="label">MIMI</span> + <span class="label">Orangestar</span> + <span class="label">Hatsune Miku</span> + <span class="label">IA</span> + <span class="label">Kafu</span> + <span class="label">REOL</span> + <span class="label">YOASOBI</span> + </div> + </div> + </div> + </div> + + <div class="section footer"> + <a class="hosting" href="https://github.com/amphineko/amphineko"> + <i aria-hidden="true" class="fas fa-code-branch"></i> Fork this template on GitHub. Template by @amphineko, licensed under MIT.</a> + </div> + + <div class="section footer shadow"> + <a class="hosting" href="//blog.yuuta.moe/donate"> + <i aria-hidden="true" class="far fa-heart"></i> Donate me! + </a> + <div class="copyright"> + <i aria-hidden="true" class="fas fa-exclamation-triangle"></i> + Copyright © 2017 - 2022 YuutaW. Illustrations have their own licenses.<br /> + Background image: <a class="copyright" href="https://www.pixiv.net/artworks/91882132">"Glow" by Rella</a><br /> + Profile photo: Fuko, CLANNAD + </div> + </div> + </div> +</body> + +</html> |