Add files via upload

clock-widget/index.html

@@ -0,0 +1,8 @@
+
+<link rel="stylesheet" href="./style.css" />
+<div id="mainContainer">
+	<label id="timeLabel">Balls</label>
+</div>
+
+<script src='./moment.js'></script>
+<script src="./script.js"></script>

clock-widget/script.js

@@ -0,0 +1,19 @@
+////////////////////
+// URL PARAMETERS //
+////////////////////
+
+const queryString = window.location.search;
+const urlParams = new URLSearchParams(queryString);
+const dateFormat = urlParams.get("dateFormat") || 'ddd DD MMM yyyy hh:mm:ss A';
+
+///////////////
+// FUNCTIONS //
+///////////////
+
+function setTime()
+{
+    document.getElementById("timeLabel").innerHTML = moment().format(dateFormat);
+    setTimeout(setTime, 1000);
+}
+
+setTime();

clock-widget/style.css

@@ -0,0 +1,19 @@
+* {
+	margin: 0;
+	padding: 0;
+}
+
+#timeLabel {
+	font-size: 40px;
+	text-transform: uppercase;
+	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
+	
+	font-weight: 700;
+	font-size: 36px;
+	text-shadow: rgb(0, 0, 0) 2px 2px 2px;
+	color: white;
+}
+
+#mainContainer {
+	text-align: center;
+}