commit
e789f30a92
|
@ -0,0 +1,63 @@
|
|||
<html lang="en-US">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="keywords" content="Nofated, nof, nof095, Nofated095, NofatedBlog, 零九五, 九五" />
|
||||
<meta name="description" content="A personal developer who lives in Beijing, China." />
|
||||
<meta name="msvalidate.01" content="18E1B8B1375D6D1603970E5998BE1077" />
|
||||
<link rel="icon" href="https://img.9595095.xyz/mc">
|
||||
<style>
|
||||
@import "https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/bulma/0.9.3/css/bulma.min.css";
|
||||
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Text&family=Overpass+Mono&display=swap');
|
||||
|
||||
.font-serif {
|
||||
font-family: "DM Serif Text", ui-serif, Georgia, Cambria, Times New Roman, Times, serif;
|
||||
}
|
||||
|
||||
.font-mono {
|
||||
font-family: 'Overpass Mono', sans-serif;
|
||||
}
|
||||
</style>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>About • Nofated</title>
|
||||
<link rel="stylesheet" href="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/font-awesome/6.0.0/css/all.min.css">
|
||||
</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://img.9595095.xyz/avatar/256">
|
||||
</figure>
|
||||
</div>
|
||||
<div class="column is-auto">
|
||||
<h1 class="title font-serif" >
|
||||
Nofated
|
||||
</h1>
|
||||
<p></p>
|
||||
<p class="font-mono">
|
||||
<a href="./">Home</a> | <a href="#">About</a> | <a onclick="javascript:window.open('https://blog.nofated.win')">Blog</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="content font-mono">
|
||||
<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 onclick="javascript:window.open('https://github.com/Nofated095')">GitHub</a>. But in fact I didn't have an completely independent open-source project.😢</p>
|
||||
<p>I am happy to chat. Chinese is OK but I am very poor in English listening and speaking.😰</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
142
index.html
142
index.html
|
@ -1,4 +1,4 @@
|
|||
<html>
|
||||
<html lang="en-US">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
|
@ -8,121 +8,79 @@
|
|||
<link rel="icon" href="https://img.9595095.xyz/mc">
|
||||
<style>
|
||||
@import "https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/bulma/0.9.3/css/bulma.min.css";
|
||||
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Text&family=Ubuntu&display=swap');
|
||||
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Text&family=Overpass+Mono&display=swap');
|
||||
|
||||
.font-serif {
|
||||
font-family: "DM Serif Text", ui-serif, Georgia, Cambria, Times New Roman, Times, serif;
|
||||
}
|
||||
|
||||
.font-ubuntu {
|
||||
font-family: 'Ubuntu', sans-serif;
|
||||
.font-mono {
|
||||
font-family: 'Overpass Mono', sans-serif;
|
||||
}
|
||||
|
||||
.footer {
|
||||
padding: 1.5rem;
|
||||
}
|
||||
</style>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Nofated</title>
|
||||
<title>Home • Nofated</title>
|
||||
<link rel="stylesheet" href="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/font-awesome/6.0.0/css/all.min.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<nav class="navbar" role="navigation" aria-label="main navigation">
|
||||
<div class="navbar-brand">
|
||||
<a class="navbar-item" href="https://nofated.win">
|
||||
<img src="https://img.9595095.xyz/mc" width="28" height="28">
|
||||
</a>
|
||||
<a class="navbar-item bd-navbar-mobile-icon" href="https://github.com/Nofated095" target="_blank">
|
||||
<span class="icon" style="color: var(--github);">
|
||||
<i class="fab fa-lg fa-github-alt"></i>
|
||||
</span>
|
||||
</a>
|
||||
|
||||
<a class="navbar-item bd-navbar-mobile-icon" href="https://blog.nofated.win" target="_blank">
|
||||
<span class="icon" style="color: var(--rss);">
|
||||
<i class="fab fas fa-rss"></i>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</nav>
|
||||
<section class="section">
|
||||
<div class="columns is-centered">
|
||||
<div class="container column is-half">
|
||||
<figure class="image is-128x128">
|
||||
<img src="https://img.9595095.xyz/avatar/256">
|
||||
</figure>
|
||||
<h1 class="title font-serif">
|
||||
Nofated
|
||||
</h1>
|
||||
<p class="subtitle font-ubuntu">
|
||||
Maybe we'll never be together, but forever you'll be in my heart.
|
||||
</p>
|
||||
<div class="tags">
|
||||
<span class="tag">Student</span>
|
||||
<span class="tag">Developer</span>
|
||||
<span class="tag">GTA Fans</span>
|
||||
<span class="tag">Minecraft</span>
|
||||
|
||||
<div class="columns">
|
||||
<div class="column is-narrow">
|
||||
<figure class="image is-128x128">
|
||||
<img src="https://img.9595095.xyz/avatar/256">
|
||||
</figure>
|
||||
</div>
|
||||
<div class="column is-auto">
|
||||
<h1 class="title font-serif" >
|
||||
Nofated
|
||||
</h1>
|
||||
<p></p>
|
||||
<p class="font-mono">
|
||||
<a href="#">Home</a> | <a href="./about.html">About</a> | <a onclick="javascript:window.open('https://blog.nofated.win')">Blog</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="notification is-info is-light font-ubuntu">
|
||||
Hi, I am <strong>Nofated</strong>! I am a student who lives in <strong>Beijing, China</strong>. I am a
|
||||
personal developer, a <a>Minecraft</a> player, a <a>Grand Theft Auto</a> fan, and an anime lover.
|
||||
|
||||
<div class="content font-mono">
|
||||
<h3>Yoo!</h3>
|
||||
<p>I'm Nofated. I am a newbee in the coding world.</p>
|
||||
<p>Find me on
|
||||
<span class="icon" onclick="javascript:window.open('https://github.com/Nofated095')"><i
|
||||
class="fab fa-github"></i></span>
|
||||
<span class="icon" onclick="javascript:window.open('https://twitter.com/nofated095')"><i
|
||||
class="fab fa-twitter"></i></span>
|
||||
<span class="icon" onclick="javascript:window.open('https://t.me/nofated')"><i class="fab fa-telegram"></i>
|
||||
</span>
|
||||
<span class="icon" 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 onclick="javascript:window.open('https://blog.nofated.win')">blog</a> based on the Hexo.</li>
|
||||
<li>⌨️ Coding and open-source is great! Though I haven't learnt any languages...</li>
|
||||
<li>🏢 I work as a community support for <a onclick="javascript:window.open('https://littleskin.cn')">LittleSkin</a>. I help maintain the bot and manual.</li>
|
||||
<li>🚔 I am a fun of Minecraft, Grand Theft Auto and anime.</li>
|
||||
</ol>
|
||||
</div>
|
||||
<div class="notification is-light font-ubuntu">
|
||||
Most of my events can be found at<div class="tag" onclick="javascript:window.open('https://github.com/Nofated095')">
|
||||
<span class="icon">
|
||||
<i class="fab fa-github"></i>
|
||||
</span>
|
||||
<span><a>GITHUB</a></span>
|
||||
</div>and my<div class="tag" onclick="javascript:window.open('https://blog.nofated.win')">
|
||||
<span class="icon">
|
||||
<i class="fab fas fa-rss"></i>
|
||||
</span>
|
||||
<span><a>BLOG</a></span>
|
||||
</div>.
|
||||
</br>
|
||||
You can know more about <strong>095 Network</strong> and me in<div class="tag" onclick="javascript:window.open('https://9595095.xyz')">
|
||||
<span class="icon">
|
||||
<i class="fa fa-archive"></i>
|
||||
</span>
|
||||
<span><a>095 PAGES ARCHIVE</a></span>
|
||||
</div>
|
||||
</div>
|
||||
<p class="buttons">
|
||||
<button class="button is-light" onclick="javascript:window.open('https://github.com/Nofated095')">
|
||||
<span class="icon">
|
||||
<i class="fab fa-github"></i>
|
||||
</span>
|
||||
<span>GitHub</span>
|
||||
</button>
|
||||
<button class="button is-light is-primary" onclick="javascript:window.open('https://twitter.com/nofated095')">
|
||||
<span class="icon">
|
||||
<i class="fab fa-twitter"></i>
|
||||
</span>
|
||||
<span>Twitter</span>
|
||||
</button>
|
||||
<button class="button is-light is-info" onclick="javascript:window.open('https://t.me/nofated')">
|
||||
<span class="icon">
|
||||
<i class="fab fa-telegram"></i>
|
||||
</span>
|
||||
<span>Telegram</span>
|
||||
</button>
|
||||
<button class="button is-light is-warning" onclick="javascript:window.open('mailto:me@nofated.win')">
|
||||
<span class="icon">
|
||||
<i class="fab fa-at"></i>
|
||||
</span>
|
||||
<span>Email</span>
|
||||
</button>
|
||||
<button class="button is-light has-text-info-dark" onclick="javascript:window.open('https://space.bilibili.com/351951550')">
|
||||
<span class="icon">
|
||||
<i class="fab fa-bilibili"></i>
|
||||
</span>
|
||||
<span>Bilibili</span>
|
||||
</button>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- footer class="footer">
|
||||
<!-- footer>
|
||||
<div class="content has-text-centered">
|
||||
<p>
|
||||
<center><h3 class="title">About Nofated</h3></center>
|
||||
made by <a href="https://nofated.win">Nofated095</a>. The website content
|
||||
is licensed <a href="http://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY NC SA 4.0</a>
|
||||
</p>
|
||||
|
@ -132,4 +90,4 @@
|
|||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
</html>
|
Loading…
Reference in New Issue