yude/yude-moe
1
0
Fork 0
Code Pull Requests Releases Activity

Updated pages

Browse Source
This commit is contained in:
yude 2020-05-09 14:30:03 +09:00
parent bb14eb0ffa
commit 60fd510fac
No known key found for this signature in database
GPG Key ID: 262EB96E156296F6
2 changed files with 126 additions and 110 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

122
public/index.html
View File

@ -3,128 +3,30 @@
<head> <head>
<meta charset="utf-8"> <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="shortcut icon" href="assets/images/favicon.ico">
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<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> <style>
body { body {
font-family: "Noto Sans JP"; background-color: black;
margin-top: 100px; color: white
text-align: center;
background-color: black
} }
a { a {
text-decoration: none; color: white
color: black
}
#particles-js canvas {
display: block;
vertical-align: bottom;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
-webkit-transition: opacity .8s ease, -webkit-transform 1.4s ease;
transition: opacity .8s ease, transform 1.4s ease
}
#particles-js {
width: 100%;
height: 100%;
position: fixed;
z-index: -10;
top: 0;
left: 0
}
@keyframes r1 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} }
</style> </style>
</head> </head>
<body> <body>
<div id="particles-js"></div>
<div class="pure-g" style="margin-bottom:100px"> <h1><img src="assets/images/avatar.jpg" width=50 height=50> yude.moe</h1>
<div class="pure-u-2-24"></div> For further information, please take a look at my <a href="https://scrapbox.io/yude">Scrapbox</a>.
<div class="pure-g pure-u-20-24" <ul>
style="box-shadow:0px 0px 6px 3px #b0b0b0;border-radius:6px;background-color:white"> <li>Twitter: <a href="https://twitter.com/yudete">@yudete</a><br></li>
<div style="height: 10px"></div> <li>Discord: yude#3205<br></li>
<img src="assets/images/avatar.jpg" <li>Scrapbox: <a href="https://scrapbox.io/yude">yude</a></li>
style="animation: r1 5s linear infinite;;min-width:64px;max-width:128px;border-radius: 50%;pointer-events: none;"> <li>GitHub: <a href="https://github.com/yudete">yudete</a></li>
<p style="font-size: 1.5em">yude</p> </ul>
<p><i class="fas fa-map-marker-alt"></i>&ensp;Hiroshima, Japan</p>
<p style="margin-top: -1em"><i class="fas fa-birthday-cake"></i>&ensp;November 19th, 2001 <span
style="display: inline-block">(18 y/o)</span></p>
<p style="margin-top: -1em"><i class="fas fa-school"></i>&ensp;Hiroshima City Univ.</p>
<div style="margin-top: 1em">
<div class="pure-g">
<div class="pure-u-4-24"></div>
<div class="pure-g pure-u-16-24">
<div class="pure-u-4-24" style="min-width: 90px">
<p><i class="fab fa-discord" style="font-size:1.5em"></i></p>
<p style="margin-top: -1em; text-align:center">yude#3205</p>
</div>
<div class="pure-u-4-24" style="min-width: 90px">
<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: 90px">
<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: 90px">
<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: 90px">
<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: 90px">
<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: 90px">
<p><i class="fab fa-instagram" style="font-size:1.5em"></i></p>
<p style="margin-top: -1em"><a href="https://instagram.com/yude.moe">yude.moe</a></p>
</div>
<div class="pure-u-4-24" style="min-width: 90px">
<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: 90px">
<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: 90px">
<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-4-24"></div>
</div>
<p><a href="misc.html">Misc</a></p>
<p><a href="https://discord.gg/X6srY7X">yude.moe Discord サーバー</a></p>
</div>
<div class="pure-u-2-24"></div>
</div>
<script src="https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.js"
integrity="sha256-icjghcPaibMf1jv4gQIGi5MeWNHem2SispcorCiCfSg=" crossorigin="anonymous"></script>
<script src="assets/javascript/app.js"></script>
</body> </body>
</html> </html>

114
public/index_old.html Normal file
View File

@ -0,0 +1,114 @@
<!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">
<meta name="viewport" content="width=device-width,initial-scale=1">
<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;
background-color: black
}
a {
text-decoration: none;
color: black
}
#particles-js canvas {
display: block;
vertical-align: bottom;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
-webkit-transition: opacity .8s ease, -webkit-transform 1.4s ease;
transition: opacity .8s ease, transform 1.4s ease
}
#particles-js {
width: 100%;
height: 100%;
position: fixed;
z-index: -10;
top: 0;
left: 0
}
@keyframes r1 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
</style>
</head>
<body>
<div id="particles-js"></div>
<div class="pure-g" style="margin-bottom:100px">
<div class="pure-u-2-24"></div>
<div class="pure-g pure-u-20-24"
style="box-shadow:0px 0px 6px 3px #b0b0b0;border-radius:6px;background-color:white">
<div style="height: 10px"></div>
<img src="assets/images/avatar.jpg"
style="animation: r1 5s linear infinite;;min-width:64px;max-width:128px;border-radius: 50%;pointer-events: none;">
<p style="font-size: 1.5em">yude</p>
<p><i class="fas fa-map-marker-alt"></i>&ensp;Hiroshima, Japan</p>
<p style="margin-top: -1em"><i class="fas fa-birthday-cake"></i>&ensp;November 19th, 2001 <span
style="display: inline-block">(18 y/o)</span></p>
<p style="margin-top: -1em"><i class="fas fa-school"></i>&ensp;Hiroshima City Univ.</p>
<div style="margin-top: 1em">
<div class="pure-g">
<div class="pure-u-4-24"></div>
<div class="pure-g pure-u-16-24">
<div class="pure-u-4-24" style="min-width: 90px">
<p><i class="fab fa-discord" style="font-size:1.5em"></i></p>
<p style="margin-top: -1em; text-align:center">yude#3205</p>
</div>
<div class="pure-u-4-24" style="min-width: 90px">
<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: 90px">
<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: 90px">
<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: 90px">
<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: 90px">
<p><i class="fab fa-scrapbox" 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>
<div class="pure-u-4-24"></div>
</div>
<p><a href="misc.html">Misc</a></p>
<p><a href="https://discord.gg/X6srY7X">yude.moe Discord サーバー</a></p>
</div>
<div class="pure-u-2-24"></div>
</div>
<script src="https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.js"
integrity="sha256-icjghcPaibMf1jv4gQIGi5MeWNHem2SispcorCiCfSg=" crossorigin="anonymous"></script>
<script src="assets/javascript/app.js"></script>
</body>
</html>