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
|
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css" type="text/css"/>
<!--meta name="viewport" content="width=device-width, initial-scale=1.0"-->
<title>Welcome, Vidhu Kant!</title>
</head>
<body>
<style id="randomBG"></style>
<script>
var images = ['Ansel.jpg', 'falling-from-sky.png', 'Hitagi.png', 'Konosuba-waifus.png', 'Megumin-and-Aqua.jpg', 'Megumin.png', 'Rain.jpg', 'Station.jpg', 'Yukino-sitting-ground.png', 'Zero-Tsu.png', 'Aqua.jpg', 'Girl-at-station.jpg', 'Kaguya.jpg', 'Mai-station.jpg', 'Megumin-and-Emilia.jpg', 'Mizuhara.png', 'Shrine-in-sky.png', 'Tifa.png', 'Yukino-twintails.jpg', 'Chika.jpg', 'Girl.jpg', 'Komachi.png', 'Mai.jpg', 'Megumin-redBG.png', 'mm.png', 'Sky.png', 'walking-in-rain.jpg', 'Yukino.png'];
var BG = "backgrounds/" + images[Math.floor(Math.random() * images.length)]
document.getElementById("randomBG").innerHTML = "body { background-image: url('" + BG + "'); }";
</script>
<div class="content">
<h1 class="center" id="title">
Welcome, Vidhu Kant!
</h1>
<span id="time-container">
<h2 class="center" id="quote-container" id="subtitle">
Time: <span id="datetime"></span>
</h2>
</span>
</div>
<div id="bottom-nav-container">
<span class="bottom-nav-item" id="nav-links">
<a href="https://myanimelist.net">MyAnimeList</a>
<a href="https://old.reddit.com">Reddit</a>
<a href="https://myanimelist.net/profile/MikunoNaka">MAL Profile</a>
<a href="https://twitter.com">Twitter</a>
<a href="https://youtube.com">YouTube</a>
<a href="https://amazon.in">Amazon</a>
<a href="https://mega.nz">Mega</a>
<a href="https://nyaa.si">Nyaa</a>
<a href="https://www.youtube.com/playlist?list=PL8lRJQHQWdduy2V0DQQ4Lm0P572XJFVB9">Music</a>
<a href="https://www.youtube.com/playlist?list=PL8lRJQHQWddu55nsz8CezmJJ-GRVISZ1E">音楽</a>
<a href="http://localhost:8080">localhost</a>
<a href="https://colorpicker.me/#5B76B7">color picker</a>
</span>
<span class="bottom-nav-item">
<p><span id="datetime"></span></p>
</span>
</div>
<script>
var dt = new Date();
document.getElementById("datetime").innerHTML = (("0"+dt.getHours()).slice(-2)) +":"+ (("0"+dt.getMinutes()).slice(-2));
</script>
</body>
</html>
|
