Port a few more options to zenity and separate dwm from the install script

2024-08-05 20:11:02 +01:00
parent 1d39086d19
commit b622f39b92
232 changed files with 124 additions and 224 deletions
--- a/config-files/.homepage/index.html
+++ b/config-files/.homepage/index.html
@@ -0,0 +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>
+</html>
--- a/config-files/.homepage/script.js
+++ b/config-files/.homepage/script.js
@@ -0,0 +1,44 @@
+// Load the config.json file (using JavaScript vanilla)
+
+let clock_text = document.getElementById('clock-text');
+let date_text = document.getElementById('date-text');
+
+displayTime();
+setInterval(displayTime, 1000);
+displayDate();
+setInterval(displayDate, 60000);
+
+function displayTime() {
+  let date = new Date();
+  let hours = date.getHours();
+  let minutes = date.getMinutes();
+  let ampm = hours >= 12 ? 'PM' : 'AM';
+  hours = hours % 12;
+  hours = hours ? hours : 12;
+  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 day = days[date.getDay()];
+  let dayNumber = date.getDate();
+  let month = date.toLocaleString('default', { month: 'long' });
+  let year = date.getFullYear();
+
+  if (dayNumber == 1 || dayNumber == 21 || dayNumber == 31) {
+    dayNumber += "st";
+  } else if (dayNumber == 2 || dayNumber == 22) {
+    dayNumber += "nd";
+  } else if (dayNumber == 3 || dayNumber == 23) {
+    dayNumber += "rd";
+  } else {
+    dayNumber += "th";
+  }
+
+  let dateText = day + ", " + dayNumber + " " + month + " " + year;
+  date_text.innerHTML = dateText;
+}
+
--- a/config-files/.homepage/style.css
+++ b/config-files/.homepage/style.css
@@ -0,0 +1,19 @@
+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;
+}
+
+.date {
+    font-size: 2rem;
+}
+