update footer

This commit is contained in:
Nofated095 2023-01-03 14:54:45 +08:00
parent bd1442bfcf
commit bbc3b54202
2 changed files with 36 additions and 16 deletions

View File

@ -30,6 +30,12 @@
.font-mono {
font-family: 'Overpass Mono', sans-serif;
}
.footer {
font-size: 0.25rem;
padding: 1rem;
background-color: white;
}
</style>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>About • Nofated</title>
@ -70,6 +76,15 @@
</div>
</div>
</section>
<footer class="footer">
<div class="content has-text-centered font-mono size-">
<p class="light">
Made by <a href="https://nofated.win">Nofated095</a>.
<br>
<a onclick="javascript:window.open('https://icp.gov.moe/?keyword=20230721')">萌 ICP 备 20230721 号</a>
</p>
</div>
</footer>
</body>

View File

@ -9,7 +9,7 @@
<style>
@import "https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/bulma/0.9.3/css/bulma.min.css";
@import url('https://fonts.sourcegcdn.com/css?family=Megrim|Overpass+Mono');
.font-cursive {
font-family: 'Megrim', cursive;
}
@ -19,8 +19,11 @@
}
.footer {
padding: 1.5rem;
font-size: 0.25rem;
padding: 1rem;
background-color: white;
}
</style>
<!-- style>html{
-webkit-filter: grayscale(100%); /* webkit */
@ -52,12 +55,13 @@ filter:gray; /*ie9- */
</figure>
</div>
<div class="column is-auto">
<h1 class="title font-cursive" >
<h1 class="title font-cursive">
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>
<a href="#">Home</a> | <a href="./about.html">About</a> | <a
onclick="javascript:window.open('https://blog.nofated.win')">Blog</a>
</p>
</div>
</div>
@ -79,24 +83,25 @@ filter:gray; /*ie9- */
<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>📒️ I have a <a onclick="javascript:window.open('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 onclick="javascript:window.open('https://littleskin.cn')">LittleSkin</a> Community Support . I help maintain the bot and manual.</li>
<li>🏢 I am a member of <a onclick="javascript:window.open('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>
</section>
<footer>
<div class="content has-text-centered font-mono">
<p>
Made by <a href="https://nofated.win">Nofated095</a>.
</p>
<p>
<a href="https://icp.gov.moe/?keyword=20230721">萌 ICP 备 20230721 号</a>
</p>
</div>
</footer>
<footer class="footer">
<div class="content has-text-centered font-mono">
<p class="light">
Made by <a href="https://nofated.win">Nofated095</a>.
<br>
<a onclick="javascript:window.open('https://icp.gov.moe/?keyword=20230721')">萌 ICP 备 20230721 号</a>
</p>
</div>
</footer>
</body>