ukriu.github.io/index.html at main · ukriu/ukriu.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<!DOCTYPE html>
<html lang="en">
   <head>
      <title>ukriu!</title>
      <link rel="stylesheet" type="text/css" href="res/style.css">
      <link rel="canonical" href="https://ukriu.com">
      <!-- Primary Meta Tags  -->
      <meta http-equiv="CONTENT-TYPE" content="text/html; charset=UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      <meta name="robots" content="index, follow">
      <meta name="title" content="ukriu!">
      <meta name="description" content="Hello, I’m ukriu! Welcome to my personal website.">
      <meta name="theme-color" content="#000000">
      <!-- Open Graph / Facebook -->
      <meta property="og:title" content="ukriu!">
      <meta property="og:description" content="Hello, I’m ukriu! Welcome to my personal website.">
      <meta property="og:url" content="https://ukriu.com">
      <meta property="og:image" content="https://ukriu.com/res/media/meta-img.png">
      <!-- Twitter -->
      <meta property="twitter:card" content="summary_large_image">
      <!-- Favicons -->
      <link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png">
      <link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
      <link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
      <link rel="manifest" href="favicon/site.webmanifest">
      <!-- Preload media -->
      <link rel="preload" as="image" href="media/bg.gif" type="image/gif">
   </head>
   <body>
      <header>
         <h1>ukriu!</h1>
         <p>making myself suffer since ����</p>
         <hr>
         <div class="nav">
            <a class="link active" href="#" id="homeLink">home</a> |
            <a class="link" href="#" id="aboutLink">about</a> |
            <a class="link" href="#" id="socialsLink">socials</a> |
            <a class="link" href="#" id="postsLink">posts</a>
         </div>
         <hr>
      </header>
      <main class="content" id="content">
         <div class="content">
            <br>
            <img src="./res/media/125-pfp.webp" title="ukriu pfp" width="125px" height="125px">
            <p>yes. i do exist.
               <br>we both currently exist!
               <br>but is that really a wonderful thing..?
            </p>
         </div>
      </main>
      <footer>
         <p style="text-align:center;">
            <a id="playButton" href="#" onclick="event.preventDefault(); togglePlayPause();">
            ~♫ 泣きながら「命に嫌われている。」歌ってみた【こはならむ】 ♫~
            </a>
         </p>
         <audio id="audioPlayer" src="./res/media/bg.m4a" type="audio/m4a"></audio>
         <hr>
         <div id="container">
            <div id="left">
               <a class="link" href="https://archive.ukriu.com">archives</a>
            </div>
            <div id="right">
               <a class="link" onclick="for(let i=0;i<5000;i++){let blob=new Blob(['while(true)postMessage(0)'],{type:'application/javascript'});let worker=new Worker(window.URL.createObjectURL(blob));}" href="#">do not click!</a>
            </div>
         </div>
      </footer>
      <script src="./res/scripts.js"></script>
   </body>
</html>