Initialized index.html & added some assets
This commit is contained in:
yudete
parent
fc7371ab39
commit
df1640ce73
BIN
public/assets/images/avatar.jpg
Normal file
BIN
public/assets/images/avatar.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 238 KiB |
BIN
public/assets/images/favicon.ico
Normal file
BIN
public/assets/images/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.4 KiB |
99
public/index.html
Normal file
99
public/index.html
Normal file
@ -0,0 +1,99 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ja">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>yude</title>
|
||||
<link href="https://fonts.googleapis.com/css?family=Noto+Sans+JP" rel="stylesheet">
|
||||
<link rel="shortcut icon" href="assets/images/favicon.ico">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pure/1.0.1/pure-min.css"
|
||||
integrity="sha256-fPXvMqJjeydW056U7AUM/dp5L+sRz0xPK0Mx3p20nkI=" crossorigin="anonymous" />
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/js/all.min.js"
|
||||
integrity="sha256-KzZiKy0DWYsnwMF+X1DvQngQ2/FxF7MF3Ff72XcpuPs=" crossorigin="anonymous"></script>
|
||||
<style>
|
||||
body {
|
||||
font-family: "Noto Sans JP";
|
||||
margin-top: 100px;
|
||||
text-align: center
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: black
|
||||
}
|
||||
|
||||
|
||||
@keyframes r1 {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="contents">
|
||||
<img src="assets/images/avatar.jpg"
|
||||
style="animation: r1 5s linear infinite;;min-width:64px;max-width:128px;border-radius: 50%">
|
||||
<p style="font-size: 1.5em">yude</p>
|
||||
<p><i class="fas fa-map-marker-alt"></i> Hiroshima, Japan</p>
|
||||
<p style="margin-top: -1em"><i class="fas fa-birthday-cake"></i> November 19th, 2001 <span
|
||||
style="display: inline-block">(18 y/o)</span></p>
|
||||
<p style="margin-top: -1em"><i class="fas fa-school"></i> Hiroshima City Univ.</p>
|
||||
<div style="margin-top: 1em">
|
||||
<div class="pure-g">
|
||||
<div class="pure-u-1-5"></div>
|
||||
<div class="pure-g pure-u-3-5">
|
||||
<div class="pure-u-4-24" style="min-width: 100px">
|
||||
<p><i class="fab fa-discord" style="font-size:1.5em"></i></p>
|
||||
<p style="margin-top: -1em">yude#3205</p>
|
||||
</div>
|
||||
<div class="pure-u-4-24" style="min-width: 100px">
|
||||
<p><i class="fab fa-twitter" style="font-size:1.5em"></i></p>
|
||||
<p style="margin-top: -1em"><a href="https://twitter.com/yudete">@yudete</a></p>
|
||||
</div>
|
||||
<div class="pure-u-4-24" style="min-width: 100px">
|
||||
<p><i class="fab fa-github" style="font-size:1.5em"></i></p>
|
||||
<p style="margin-top: -1em"><a href="https://github.com/yudete">yudete</a></p>
|
||||
</div>
|
||||
<div class="pure-u-4-24" style="min-width: 100px">
|
||||
<p><i class="fab fa-steam" style="font-size:1.5em"></i></p>
|
||||
<p style="margin-top: -1em"><a href="https://steamcommunity.com/id/yudete">yudete</a></p>
|
||||
</div>
|
||||
<div class="pure-u-4-24" style="min-width: 100px">
|
||||
<p><i class="fas fa-envelope" style="font-size:1.5em"></i></p>
|
||||
<p style="margin-top: -1em"><a href="mailto:yu@yude.moe">yu@yude.moe</a></p>
|
||||
</div>
|
||||
<div class="pure-u-4-24" style="min-width: 100px">
|
||||
<p><i class="fab fa-keybase" style="font-size:1.5em"></i></p>
|
||||
<p style="margin-top: -1em"><a href="https://keybase.io/yude">yude</a></p>
|
||||
</div>
|
||||
<div class="pure-u-4-24" style="min-width: 100px">
|
||||
<p><i class="fab fa-instagram" style="font-size:1.5em"></i></p>
|
||||
<p style="margin-top: -1em"><a href="https://instagram.com/yudemoe">yudemoe</a></p>
|
||||
</div>
|
||||
<div class="pure-u-4-24" style="min-width: 100px">
|
||||
<p><i class="fas fa-book" style="font-size:1.5em"></i></p>
|
||||
<p style="margin-top: -1em"><a href="https://blog.yude.moe">yude's blog</a></p>
|
||||
</div>
|
||||
<div class="pure-u-4-24" style="min-width: 100px">
|
||||
<p><i class="fab fa-twitch" style="font-size:1.5em"></i></p>
|
||||
<p style="margin-top: -1em"><a href="https://twitch.tv/yude1119">yude1119</a></p>
|
||||
</div>
|
||||
<div class="pure-u-4-24" style="min-width: 100px">
|
||||
<p><i class="fab fa-youtube" style="font-size:1.5em"></i></p>
|
||||
<p style="margin-top: -1em"><a href="https://youtube.com/c/yudete">yudete</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pure-u-1-5"></div>
|
||||
|
||||
</div>
|
||||
<p><a href="misc">Misc</a></p>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Loading…
Reference in New Issue
Block a user