-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
57 lines (53 loc) · 2.38 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Intern Welcome Page</title>
<link href="https://fonts.googleapis.com/css2?family=Libre+Franklin&display=swap" rel="stylesheet">
<script src="script.js"></script>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="flex-container">
<!-- Slack Name -->
<label for="slackUserName" >Slack Name: </label>
<p class="slack-name" data-testid="slackUserName">@Khushi Agarwal</p>
<!-- Slack Display Picture -->
<img src="https://ca.slack-edge.com/T05FFAA91JP-U05QVEN2TC7-2b17fb160809-512" alt="@Khushi Agarwal" data-testid="slackDisplayImage" style="border-radius: 50%; width: 150px; height: 150px;">
</div>
<div class="flex-container label-grid">
<!-- Current Day of the Week -->
<label for="currentDayOfTheWeek" >Current Day of the Week: </label>
<p data-testid="currentDayOfTheWeek" >Monday</p>
</div>
<div class="flex-container label-grid">
<!-- Current UTC Time -->
<label for="currentUTCTime">Current UTC Time: </label>
<p data-testid="currentUTCTime">00:00:00 UTC</p>
</div>
<div class="flex-container label-grid">
<!-- Track -->
<label for="myTrack" >Track: </label>
<p data-testid="myTrack">Frontend</p>
</div>
<div class="flex-container label-grid">
<!-- GitHub URL -->
<label for="githubURL" >GitHub URL: </label>
<a href="https://github.com/curriee11/HNGx-FrontendTask1" target="_blank" data-testid="githubURL">GitHub Repository</a>
</div>
<!-- <script>
// JavaScript to display dynamic content
document.addEventListener('DOMContentLoaded', function() {
// Get the current day of the week
const daysOfWeek = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
const currentDate = new Date();
const currentDay = daysOfWeek[currentDate.getUTCDay()];
document.querySelector('[data-testid="currentDayOfTheWeek"]').textContent = currentDay;
// Get the current UTC time
const currentTime = currentDate.toUTCString().split(' ')[4];
document.querySelector('[data-testid="currentUTCTime"]').textContent = currentTime;
});
</script> -->
</body>
</html>