143 lines
5.5 KiB
HTML
143 lines
5.5 KiB
HTML
<html lang="en-US">
|
|
|
|
<head>
|
|
<script async src="https://www.googletagmanager.com/gtag/js?id=G-9NE9X04NKG"></script>
|
|
<script>
|
|
window.dataLayer = window.dataLayer || [];
|
|
function gtag() { dataLayer.push(arguments); }
|
|
gtag('js', new Date());
|
|
|
|
gtag('config', 'G-9NE9X04NKG');
|
|
</script>
|
|
<meta charset="utf-8">
|
|
<meta name="description" content="A personal developer who lives in Beijing, China." />
|
|
<meta name="msvalidate.01" content="18E1B8B1375D6D1603970E5998BE1077" />
|
|
<link rel="icon" href="https://cdn.nofated.win/mc">
|
|
<link rel="preload" href="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/font-awesome/6.0.0/css/all.min.css"
|
|
as="style" onload="this.onload=null;this.rel='stylesheet'">
|
|
<link rel="preload" href="https://fonts.sourcegcdn.com/css?family=Megrim|Overpass+Mono" as="style"
|
|
onload="this.onload=null;this.rel='stylesheet'">
|
|
<noscript>
|
|
<link rel="stylesheet" href="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/font-awesome/6.0.0/css/all.min.css">
|
|
<link rel="stylesheet" href="https://fonts.sourcegcdn.com/css?family=Megrim|Overpass+Mono">
|
|
</noscript>
|
|
<style>
|
|
@import "https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/bulma/0.9.3/css/bulma.min.css";
|
|
|
|
.font-cursive {
|
|
font-family: 'Megrim', cursive;
|
|
font-display: swap;
|
|
}
|
|
|
|
.font-mono {
|
|
font-family: 'Overpass Mono', monospace;
|
|
font-display: swap;
|
|
}
|
|
|
|
.footer {
|
|
/* font-size: 0.25rem; */
|
|
padding: 1rem;
|
|
background-color: white;
|
|
}
|
|
</style>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Home • Nofated</title>
|
|
<link as="style" rel="preload"
|
|
href="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/font-awesome/6.0.0/css/all.min.css">
|
|
<script language="javascript">
|
|
function Tab(num) {
|
|
var i;
|
|
for (i = 1; i <= 4; i++) {
|
|
if (i == num)
|
|
document.getElementById("d" + i).style.display = "block",
|
|
document.getElementById("L" + i).class = "is-active";
|
|
else
|
|
document.getElementById("d" + i).style.display = "none",
|
|
document.getElementById("L" + i).class = "";
|
|
}
|
|
}
|
|
</script>
|
|
</head>
|
|
|
|
<body>
|
|
<nav class="navbar" role="navigation" aria-label="main navigation">
|
|
<div class="navbar-brand">
|
|
</div>
|
|
</nav>
|
|
<section class="section">
|
|
<div class="columns is-centered">
|
|
<div class="container column is-half">
|
|
|
|
<div class="columns">
|
|
<div class="column is-narrow">
|
|
<figure class="image is-128x128">
|
|
<img src="https://cdn.nofated.win/avatar/256" alt="Avatar of Nofated">
|
|
</figure>
|
|
</div>
|
|
<div class="column is-auto">
|
|
<h1 class="title font-cursive">
|
|
Nofated
|
|
</h1>
|
|
<p></p>
|
|
<div class="tabs font-mono">
|
|
<ul>
|
|
<!--li class="is-active" id="L1" onclick="Tab(1)"><a>Home</a></li -->
|
|
<li id="L1" onclick="Tab(1)"><a>Home</a></li>
|
|
<li id="L2" onclick="Tab(2)"><a>About</a></li>
|
|
<li><a target="_blank" href='https://blog.nofated.win'>Blog</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="content font-mono" id="d1">
|
|
<h3>Yoo!</h3>
|
|
<p>I'm Nofated. I am a newbie in the coding world.</p>
|
|
<p>Find me on
|
|
<span class="icon" target="_blank" onclick="javascript:window.open('https://github.com/Nofated095')"><i
|
|
class="fa-brands fa-github"></i></span>
|
|
<span class="ico" target="_blank" onclick="javascript:window.open('https://twitter.com/nofated095')"><i
|
|
class="fa-brands fa-twitter"></i></span>
|
|
<span class="icon" target="_blank" onclick="javascript:window.open('https://t.me/Nofated')"><i
|
|
class="fa-brands fa-telegram"></i>
|
|
</span>
|
|
<span class="icon" target="_blank" onclick="javascript:window.open('mailto:i@nofated.win')">
|
|
<i class="fa-regular fa-envelope"></i>
|
|
</span>
|
|
</p>
|
|
<h3>Misc</h3>
|
|
<ol>
|
|
<li>🏫 I am a student who lives in <strong>Beijing, China</strong>.</li>
|
|
<li>📒️ I have a <a target="_blank" href='https://blog.nofated.win'>blog</a> based on the Hexo.
|
|
</li>
|
|
<li>⌨️ Coding and open-source are great! Though I haven't learnt any languages...</li>
|
|
<li>🏢 I am a member of <a target="_blank" href='https://littleskin.cn'>LittleSkin</a>
|
|
Community Support . I help maintain the bot and manual.</li>
|
|
<li>🚔 I am a fan of Minecraft, Grand Theft Auto, and anime.</li>
|
|
</ol>
|
|
</div>
|
|
<div class="content font-mono" id="d2" style="display: none;">
|
|
<h3>About</h3>
|
|
<p>I am in senior high and I'm preparing for the Chinese College Entrance Examination, aka GaoKao.</p>
|
|
<p>I do open-source works, you can check them on <a target="_blank"
|
|
href='https://github.com/Nofated095'>GitHub</a>. But I didn't have a completely independent open-source
|
|
project.😢</p>
|
|
<p>I am happy to chat. Chinese is OK but I am very poor at English listening and speaking.😰</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<footer class="footer">
|
|
<div class="content has-text-centered font-mono">
|
|
<p class="light">
|
|
Made by <a href="#">Nofated095</a>.
|
|
<br>
|
|
<a target="_blank" href='https://icp.gov.moe/?keyword=20230721'>萌 ICP 备 20230721 号</a>
|
|
</p>
|
|
</div>
|
|
</footer>
|
|
|
|
|
|
</body>
|
|
|
|
</html> |