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

Updated index.html

Browse Source
This commit is contained in:
yude 2020-06-07 17:36:15 +09:00
parent 8320685b9a
commit 92f864f1d0
No known key found for this signature in database
GPG Key ID: 4C88BB3A6AC6C214
3 changed files with 3 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/assets/images/avatar.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 238 KiB

BIN
public/assets/images/avatar.webp
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 103 KiB

After

Width:  |  Height:  |  Size: 8.8 KiB

15
public/index.html
View File

@ -7,15 +7,7 @@
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@500&display=swap" rel="stylesheet" <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@500&display=swap" rel="stylesheet"
media="print" onload="this.media='all'"> media="print" onload="this.media='all'">
<link rel="stylesheet" media="print" onload="this.media='all'"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0-2/css/solid.min.css"
integrity="sha256-elwTic/hrLFWZpWpMWzaj9CYIM49JCrvGtXZ8sNATAA=" crossorigin="anonymous" />
<link rel="stylesheet" media="print" onload="this.media='all'"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0-2/css/brands.min.css"
integrity="sha256-CbcoUUjz1QzebpgpIS/rCQMdgM6+osnLRc6ompg28Fo=" crossorigin="anonymous" />
<link rel="stylesheet" media="print" onload="this.media='all'"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0-2/css/fontawesome.min.css"
integrity="sha256-CaAu1oJhcLBPo4TnfEZ8fdP+O4mpoVBQ6zyZCs2x7+o=" crossorigin="anonymous" />
<title>yude.moe</title> <title>yude.moe</title>
<style> <style>
body { body {
@ -58,8 +50,6 @@
text-align: center; text-align: center;
} }
.load { .load {
-webkit-animation: spin 4s linear infinite; -webkit-animation: spin 4s linear infinite;
-moz-animation: spin 4s linear infinite; -moz-animation: spin 4s linear infinite;
@ -131,7 +121,7 @@
<picture> <picture>
<source style="width:200px; border-radius: 50%" class="load" type="image/webp" <source style="width:200px; border-radius: 50%" class="load" type="image/webp"
srcset="assets/images/avatar.webp"> srcset="assets/images/avatar.webp">
<img src="assets/images/avatar.jpg" style="width:200px; border-radius: 50%" class="load"> <img src="assets/images/avatar.png" style="width:200px; border-radius: 50%" class="load">
</picture> </picture>
<h1>yude.moe</h1> <h1>yude.moe</h1>
<h3>こんにちは～～</h3> <h3>こんにちは～～</h3>
@ -160,6 +150,7 @@
<script> <script>
tippy('.link'); tippy('.link');
</script> </script>
<script async src="https://kit.fontawesome.com/a4e6fa9fb0.js" crossorigin="anonymous"></script>
</body> </body>
</html> </html>