307 current 2025-02-02 19:29:41 25.05.20241217.d3c42f1 6.6.66 *

home/programs/firefox/startpage/scripts/main.js

@@ -0,0 +1,78 @@
+/**
+ * String to be used for each month of the year.
+ */
+const months = [
+  "January", 
+  "February", 
+  "March", 
+  "April", 
+  "May", 
+  "June", 
+  "July", 
+  "August", 
+  "September", 
+  "October", 
+  "November", 
+  "December"
+]
+
+/**
+ * Current date and time.
+ */
+var date;
+
+/**
+ * Adds a fade transition between pages.
+ */
+function fade() {
+  if (!window.AnimationEvent) return
+
+  var fader = document.getElementById('fader')
+  fader.classList.add('fade-out')
+}
+
+/**
+ * Gets the current date and time.
+*/
+function getDate() {
+  // Get the date
+  var dateNow = new Date()
+
+  // Date components
+  var month = months[dateNow.getMonth()]
+  var day = dateNow.getDate()
+  var year = dateNow.getFullYear()
+
+  // Time components
+  var hours = ('0' + dateNow.getHours()).slice(-2);
+  var minutes = ('0' + dateNow.getMinutes()).slice(-2);
+  var seconds = ('0' + dateNow.getSeconds()).slice(-2);
+
+  // Inserting result
+  date = `${month} ${day}, ${year} | ${hours}:${minutes}:${seconds}`
+  document.getElementById("date").innerHTML = date;
+}
+
+/**
+ * Once the page has loaded, get the date and update every second.
+ */
+document.addEventListener('DOMContentLoaded', function() {
+  getDate()
+  setInterval(getDate, 1000)
+})
+
+document.addEventListener("keydown", function(event) {
+  if (event.key === "Escape") {
+    document.activeElement.blur();
+  }
+});
+
+/**
+ * Adds a fade out animation to the page.
+ */
+window.addEventListener('pageshow', function(event) {
+  if (!event.persisted) return
+
+  var fader = document.getElementById('fader')
+  fader.classList.remove('fade-in')
+})

home/programs/firefox/startpage/scripts/visuals.js

@@ -0,0 +1,41 @@
+const img = document.getElementById('mainImg');
+const btnImg = document.getElementById('image-cycle');
+const btnImg_bw = document.getElementById('image-cycle-bw');
+
+/**
+ * Images to be used
+ */
+
+const images = [];
+for (let i = 1; i <= 28; i++) {
+  images.push(`t${i}.jpg`);
+}
+
+/**
+ * Index of the image. Revert the the first image if nothing found
+ * in the local storage.
+ */
+let imgIndex = localStorage.getItem('imgIndex') || 0
+
+/*
+ * Load image on page load.
+ */
+img.src = 'assets/img/' + images[imgIndex]
+
+/**
+ * Change image when clicking the button.
+ */
+function changeImg() {
+  imgIndex = (imgIndex + 1) % images.length
+  img.src = 'assets/img/' + images[imgIndex]
+  localStorage.setItem('imgIndex', imgIndex)
+}
+
+function changeImg_bw() {
+  imgIndex = (imgIndex + images.length - 1) % images.length
+  img.src = 'assets/img/' + images[imgIndex]
+  localStorage.setItem('imgIndex', imgIndex)
+}
+
+btnImg.addEventListener('click', changeImg)
+btnImg_bw.addEventListener('click', changeImg_bw)