trude/dotfiles
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Format code

Browse Source
This commit is contained in:
TrudeEH
2024-08-26 22:17:30 +01:00
parent d76d709a8d
commit 290ec9a403
15 changed files with 1074 additions and 947 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
config-files/.homepage/index.html
View File

@@ -1,18 +1,18 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Homepage</title>
</head>
<body>
<div class="clock" id="clock">
<span id="clock-text"></span>
</div>
<div class="date" id="date">
<span id="date-text"></span>
</div>
<script src="script.js"></script>
</body>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<title>Homepage</title>
</head>
<body>
<div class="clock" id="clock">
<span id="clock-text"></span>
</div>
<div class="date" id="date">
<span id="date-text"></span>
</div>
<script src="script.js"></script>
</body>
</html>

21
config-files/.homepage/script.js
View File

@@ -1,7 +1,7 @@
// Load the config.json file (using JavaScript vanilla)
let clock_text = document.getElementById('clock-text');
let date_text = document.getElementById('date-text');
let clock_text = document.getElementById("clock-text");
let date_text = document.getElementById("date-text");
displayTime();
setInterval(displayTime, 1000);
@@ -12,20 +12,28 @@ function displayTime() {
let date = new Date();
let hours = date.getHours();
let minutes = date.getMinutes();
let ampm = hours >= 12 ? 'PM' : 'AM';
let ampm = hours >= 12 ? "PM" : "AM";
hours = hours % 12;
hours = hours ? hours : 12;
minutes = minutes < 10 ? '0'+minutes : minutes;
minutes = minutes < 10 ? "0" + minutes : minutes;
let time = hours + ":" + minutes + " " + ampm;
clock_text.innerHTML = time;
}
function displayDate() {
let date = new Date();
let days = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
let days = [
"Sunday",
"Monday",
"Tuesday",
"Wednesday",
"Thursday",
"Friday",
"Saturday",
];
let day = days[date.getDay()];
let dayNumber = date.getDate();
let month = date.toLocaleString('default', { month: 'long' });
let month = date.toLocaleString("default", { month: "long" });
let year = date.getFullYear();
if (dayNumber == 1 || dayNumber == 21 || dayNumber == 31) {
@@ -41,4 +49,3 @@ function displayDate() {
let dateText = day + ", " + dayNumber + " " + month + " " + year;
date_text.innerHTML = dateText;
}

26
config-files/.homepage/style.css
View File

@@ -1,19 +1,21 @@
html, body {
font-family: "JetBrainsMono NF", system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
color: #ebdbb2;
text-align: center;
background: #282828;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
html,
body {
font-family: "JetBrainsMono NF", system-ui, -apple-system, BlinkMacSystemFont,
"Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
sans-serif;
color: #ebdbb2;
text-align: center;
background: #282828;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.clock {
font-size: 8rem;
font-size: 8rem;
}
.date {
font-size: 2rem;
font-size: 2rem;
}