-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
132 lines (116 loc) · 5.94 KB
/
index.html
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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>imZuxi</title>
<link rel="manifest" href="/manifest.json">
<meta name="keywords" content="Vanilla Labs, Vanilla, HyperV, Labs, HyperV Labs, Zuxi, imZuxi, im Zuxi">
<meta name="author" content="Zuxi">
<meta property="og:image" content="https://cdn.imzuxi.com/assets/img/imgembed.jpg">
<meta property="og:description" content="Im Zuxi: Redefining the Future">
<meta property="og:title" content="Im Zuxi">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description"
content="ImZuxi: Redefine the Future with cutting-edge innovations and transformative solutions. Explore a world where technology meets creativity, paving the way for a revolutionary future. Immerse yourself in a journey of possibilities, where innovation knows no bounds. Join us as we redefine the future together at Zuxi Labo, where imagination meets execution.">
<meta name="twitter:card" content="summary_large_image">
<link rel="stylesheet" href="assets/css/home.css">
<!-- <link rel="stylesheet" href="https://cdn.imzuxi.com/assets/css/home.min.css?cb=1"> -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v6.5.2/css/all.css" crossorigin="anonymous">
</head>
<body>
<div id="container-wrapper">
<div id="container">
<video playsinline="" autoplay="" muted="" loop="" id="VIDEO" onclick="mute()">
<source src="" type="video/mp4">
</video>
<div id="text-container">
<img src="https://cdn.imzuxi.com/userimgs/0.png" alt="Profile Image" id="profile-image">
<div id="text-content">
<h1>Zuxi</h1>
<p>JS and C# Dev Redefining the Future. one day at a time.</p>
</div>
</div>
<hr>
<div class="additional-box-container">
<div class="additional-box">
<img src="https://cdn.imzuxi.com/userimgs/0.png" alt="Left Image" class="box-image" id="left-image">
<div class="box-content" id="left-content">
<p id="left-top-info" class="small-text">Current Activity</p>
<h2 id="left-title">Loading...</h2>
<p2 id="left-description">Loading...</p2>
<p id="left-time-elapsed" class="small-text">Time Elapsed: Loading...</p>
</div>
</div>
<div class="additional-box">
<div class="box-content" id="right-content">
<iframe title="Zuxi Status Badge" src="https://status.imzuxi.com/badge?theme=dark" width="250"
height="30" frameborder="0" scrolling="no"></iframe>
<h2 id="right-current-time">My Current Time</h2>
</div>
</div>
</div>
<div class="full-width-box">
<div class="progress-content">
<div class="progress-image" id="progress-image">
<img class="progress-image" id="song-image" src="https://cdn.imzuxi.com/userimgs/1.png"
alt="Album Cover">
</div>
<div class="progress-details">
<p id="title">Currently Listening To</p>
<p id="progress-title">loading...</p>
<p id="progress-artist">loading...</p>
<div class="progress-bar">
<div class="progress-indicator" id="progress-indicator"></div>
</div>
</div>
</div>
</div>
<div class="full-width-box invisible mobile-hidden"></div>
<div id="social-contaner">
<ul>
<li>
<a href="https://github.com/imZuxi" target="_blank" aria-label="github-link">
<i class="fab fa-github"></i>
</a>
</li>
<li>
<a href="https://ko-fi.com/imzuxi" target="_blank" aria-label="kofi-link">
<i class="fa fa-dollar-sign"></i>
</a>
</li>
<li>
<a href="https://github.com/imZuxi" target="_blank" aria-label="github-link">
<i class="fab fa-github"></i>
</a>
</li>
<li>
<a href="https://twitter.com/imzuxi" target="_blank" aria-label="twitter-link">
<i class="fab fa-twitter"></i>
</a>
</li>
<li>
<a href="https://discord.gg/pR3uECQFs9" target="_blank" aria-label="discord-link">
<i class="fab fa-discord"></i>
</a>
</li>
<li>
<a href="mailto:[anti scrape]" target="_blank" aria-label="email-link">
<i class="fa fa-envelope"></i>
</a>
</li>
<li>
<a href="https://soundcloud.com/imzuxi" target="_blank" aria-label="soundcloud">
<i class="fa-brands fa-soundcloud"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
<!-- <script src="https://cdn.imzuxi.com/assets/js/home.min.js?cb=47"></script>-->
<!-- <script src="script.js"></script>
<script src="info.js"></script>-->
<script src="assets/js/home.js"></script>
</body>
</html>