This repository has been archived by the owner on Jan 20, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
119 lines (104 loc) · 4.55 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AldessSc</title>
<link rel="stylesheet" href="style.css">
<link rel="icon" type="image/x-icon" href="./img/logo.png">
<meta name="description" content="Hello :D It's me Aldess">
<meta property="og:image" content="/img/logo.png">
<meta content="#ffffff" data-react-helmet="true" name="theme-color">
<link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'>
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<link rel="prefetch" href="info.html">
<link rel="prefetch" href="tim.html">
<link rel="prefetch" href="https://lanyard.cnrad.dev/api/1001220536619249665?showDisplayName=true&bg=0b092b&hideTimestamp=true">
</head>
<body>
<div class="navbar">
<img src="img/logo.png" alt="aldesslogo" onclick="location.href = './'">
<div onclick="location.href = 'tim.html'" class="navelem icon">
<i class="bx bx-grid-alt"></i>
</div>
<div onclick="location.href = 'info.html'" class="navelem icon">
<i class="bx bx-info-circle"></i>
</div>
<br>
<div onclick="window.open('https://github.com/AldessScratch')" class="navelem">
<i class="bx bxl-github"></i>
</div>
<div onclick="window.open('https://discord.com/users/1001220536619249665')" class="navelem">
<i class="bx bxl-discord-alt"></i>
</div>
</div>
<div class="home">
<div data-aos="zoom-in" class="header">
<h1 data-aos="fade-right">ALDESS</h1>
<h5 data-aos="zoom-in">@aldesssc</h5>
</div>
<div data-aos="zoom-in" class="widgets">
<div class="widget" id="timebg">
<div id="time" class="bigwidgettext"></div>
</div>
<div class="widget right" style="background-color: #4158D0;
background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
">
<div id="daysRemaining" class="bigwidgettext"></div>
<p>until birthday</p>
</div>
<img onclick="window.open('https://discord.com/users/1001220536619249665')" class="lanyard" src="https://lanyard.cnrad.dev/api/1001220536619249665?showDisplayName=true&bg=0b092b&hideTimestamp=true">
</div>
</div>
<script>
const timebg = document.getElementById('timebg');
const date = new Date();
const hour = date.getHours();
if (hour >= 6 && hour < 8) {
timebg.style.backgroundImage = 'url("./img/bg/rff.jpg")';
} else if (hour >= 17 && hour < 18) {
timebg.style.backgroundImage = 'url("./img/bg/orange.jpg")';
} else if (hour >= 7 && hour < 17) {
timebg.style.backgroundImage = 'url("./img/bg/vert.jpg")';
} else {
timebg.style.backgroundImage = 'url("./img/bg/dark.jpg")';
}
</script>
<script>
// Set your birthday (month is 0-indexed, so January is 0)
const birthdayMonth = 0; // January (0 - 11)
const birthdayDay = 25; // 1st day of the month
function updateDaysRemaining() {
const today = new Date();
const currentYear = today.getFullYear();
let nextBirthday = new Date(currentYear, birthdayMonth, birthdayDay);
// Check if the birthday has passed this year, if yes, set it to next year
if (today > nextBirthday) {
nextBirthday = new Date(currentYear + 1, birthdayMonth, birthdayDay);
}
const difference = nextBirthday - today;
const daysRemaining = Math.ceil(difference / (1000 * 60 * 60 * 24));
document.getElementById('daysRemaining').textContent = `${daysRemaining} days`;
}
// Call the function to display days remaining
updateDaysRemaining();
</script>
<script>
function displayDateTime() {
const currentDate = new Date();
let hours = currentDate.getHours();
let minutes = currentDate.getMinutes();
// Add leading zeros if needed
hours = (hours < 10 ? '0' : '') + hours;
minutes = (minutes < 10 ? '0' : '') + minutes;
document.getElementById('time').innerHTML = `${hours}:${minutes}`;
}
setInterval(displayDateTime, 1000);
displayDateTime();
</script>
<script>
AOS.init();
</script>
</body>
</html>