Update index.html

This commit is contained in:
Nofated095 2022-08-18 16:48:30 +08:00
parent 5ad1f3296d
commit 3bf1482dcd
1 changed files with 125 additions and 97 deletions

View File

@ -1,105 +1,131 @@
<html>
<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 url('https://fonts.loli.net/css2?family=DM+Serif+Display&family=Ubuntu&display=swap');
.font-serif {
font-family: 'DM Serif Display', serif;
}
<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 url('https://fonts.loli.net/css2?family=DM+Serif+Text&family=Ubuntu&display=swap');
.font-ubuntu {
font-family: 'Ubuntu', sans-serif;
}
</style>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Nofated</title>
<link rel="stylesheet" href="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/bulma/0.9.3/css/bulma.min.css">
<link rel="stylesheet" href="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/font-awesome/6.0.0/css/all.min.css">
.font-serif {
font-family: "DM Serif Text", ui-serif, Georgia, Cambria, Times New Roman, Times, serif;
}
.font-ubuntu {
font-family: 'Ubuntu', sans-serif;
}
</style>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Nofated</title>
<link rel="stylesheet" href="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/bulma/0.9.3/css/bulma.min.css">
<link rel="stylesheet" href="https://lf6-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 are 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>
<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 anime lover.
</div>
<div class="notification is-light font-ubuntu">
Most of my events can be found at <a href="https://github.com/Nofated095">GitHub</a> and my <a href="https://blog.nofated.win">blog</a>.
</br>
You can know more about <strong>095 Network</strong> and me in <a href="https://9595095.xyz">095 Pages Archive</a>.
</div>
<p class="buttons">
<button class="button" 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-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-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-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-info" 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>
<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 are 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>
<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 anime lover.
</div>
<div class="notification is-light font-ubuntu">
Most of my events can be found at <a>GitHub</a> and my <a>blog</a>.
</br>
You can know more about <strong>095 Network</strong> and me in <a>095 Pages
Archive</a>.
<div class="tags">
<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>
<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>
<div class="tag" onclick="javascript:window.open('https://9595095.xyz')">
<span class="icon">
<i class="fa fa-archive"></i>
</span>
<span><a>ARCHIVE</a></span>
</div>
</div>
</div>
<p class="buttons">
<button class="button" 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-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-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-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-info" 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 class="footer">
<div class="content has-text-centered">
<p>
<strong>About Nofated</strong> by <a href="https://nofated.win">Nofated095</a>. The website content
@ -109,4 +135,6 @@ You can know more about <strong>095 Network</strong> and me in <a href="https://
</footer -->
</body></html>
</body>
</html>