small javascript just for the clock and date

3 files changed, 25 insertions, 11 deletions

diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 35dfe13..4574d1c 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -1,5 +1,27 @@
+<script>
+  var timer = setInterval(function() {
+    localTimer();
+  }, 1000);
+
+  function addZero(i) {
+    if (i < 10) {
+      i = "0" + i;
+    }
+    return i;
+  }
+
+  function localTimer() {
+    var today = new Date();
+    var time = addZero(today.getHours()) + ":" + addZero(today.getMinutes()) + ":" + addZero(today.getSeconds());
+    document.getElementById("current_time").innerHTML = time;
+
+    var date = today.getDate()+' . '+(today.getMonth()+1)+' . '+today.getFullYear();
+    document.getElementById("current_date").innerHTML = date;
+}
+</script>
+
 <!--
 <footer>
 
 </footer>
--->
\ No newline at end of file
+-->
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index fa08993..c1f5a15 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -8,10 +8,6 @@
   {{ if .Site.Params.description }}<meta name="description" content="{{ .Site.Params.description }}" />{{ end }}
   {{ if .Site.Params.favicon }} <link rel="icon" href="{{ .Site.Params.favicon }}" /> {{ end }}
 
-  <script src="/js/app.js"></script>
-  <script
-  src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
-
   <link rel="stylesheet" href="/css/main.css" />
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css" integrity="sha512-1PKOgIY59xJ8Co8+NE6FZ+LOAZKjy+KY8iq0G4B3CyeY6wYHN3yt9PW0XpSriVlkMXe40PTKnXrLnZ9+fkDaog==" crossorigin="anonymous" />
 </head>
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 7d2365c..6bd32a1 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -12,15 +12,11 @@
       <ul class="datetime">
         <li class="date">
           <i class="far fa-calendar"></i>&nbsp;
-          <span class="date-day"></span> .
-          <span class="date-month"></span> .
-          <span class="date-year"></span>
+          <span id="current_date"></span>
         </li>
         <li class="time">
           <i class="far fa-clock"></i>&nbsp;
-          <span class="time-hours"></span> :
-          <span class="time-minutes"></span> :
-          <span class="time-seconds"></span>
+          <span id="current_time"></span>
         </li>
       </ul>
     </div>