From fe131e481de79a758e91e9c87e588a584379417a Mon Sep 17 00:00:00 2001
From: "Hahn Axel (hahn)" <axel.hahn@iml.unibe.ch>
Date: Wed, 28 Sep 2022 10:14:41 +0200
Subject: [PATCH] links repo in footer

---
 index.html |  6 +++++-
 main.css   | 18 ++++++++++++------
 2 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/index.html b/index.html
index e366f3a..3a9c45a 100644
--- a/index.html
+++ b/index.html
@@ -22,7 +22,6 @@
     </head>
     <body>
         <div id="errorlog"></div>
-        <span style="float: right">&copy; 2018 -2022</span>
         <h1><a href="?"><span class="imllogo"></span> CronjobViewer</a></h1>
         <nav class="servers">
             <div id="selectserver" class="active">...</div>
@@ -49,6 +48,11 @@
             </div>
 
         </div>
+        <div style="clear: both"></div><br><br><br><br>
+        <footer>
+            &copy; 2018 -2022<br>
+            Source: <a href="https://git-repo.iml.unibe.ch/iml-open-source/cronlog-viewer/" target="_blank">git-repo.iml.unibe.ch</a>    
+        </footer>
         <div id="overlay" ondblclick="closeOverlay();">
             <div id="showlog" class="active"><br>Moment ...</div>
         </div>
diff --git a/main.css b/main.css
index 83a9591..b5f1276 100644
--- a/main.css
+++ b/main.css
@@ -1,20 +1,25 @@
 /* 
     Author     : hahn
 */
+:root{
+  --bg-main:#fff;
+  --bg-header:#eee;  
+  --border: #cde;
+}
+
 
 a {color: #38a;text-decoration: none;}
 a:hover {text-decoration: underline;}
-body{background:#fff; color:#456; font-family: verdana,arial; font-size:1.0em; margin: 0;}
+body{background:var(--bg-main); color:#456; font-family: verdana,arial; font-size:1.0em; margin: 0;}
 button{background:#46a; border: none; color:#fff; padding: 0.5em 1em; border-radius: 0.3em; border: 2px solid rgba(0,0,0,0.1); box-shadow: 0.2em 0.2em 0.5em #aaa;}
 button.add{background:#8c8;}
 button.del{background:#c88;}
 button:hover{background:#68c;}
 button:active{box-shadow: none; }
 
-footer{background: rgba(0,60,60,0.05); border-top: 1px solid #ccc; padding: 1em; margin-top: 5em;}
-footer a{color:#678;}
+footer{position: fixed; bottom: 1em; right: 1em; background: var(--bg-header); border-top: 1px solid var(--border); padding: 1em; text-align: right;}
 
-h1{border-bottom: 1px solid #cde; background:#eee; margin: 0 0 0.3em; padding: 1em 0.3em;}
+h1{border-bottom: 1px solid var(--border); background:var(--bg-header); margin: 0 0 0.3em; padding: 1em 0.3em;}
 h1 a{color: #38a;}
 h1 a:hover{text-decoration: none;}
 h2{color:#379;}
@@ -56,8 +61,9 @@ td{padding:0.3em;}
 .log-value{color:#008;}
 pre div:hover{background:rgba(0,0,0,0.1);}
 
-#counter{color:#cde;border-bottom: 1px solid #eee;}
-#counter div{background:#bcd; height: 2px; transition: width 1s ;}
+#counter{color:#abc;border-bottom: 1px solid #eee; margin-right: 1em;}
+#counter div{background:#bcd; height: 5px; transition: width 1s ;}
+#errorlog {background:#fcc; color:#800;}
 /* ----- override datatable defaukts */
 .dataTables_wrapper{clear: none;float: left; margin: auto 1px;}
 table.dataTable tbody tr.even{background: #f0f4f8;}
-- 
GitLab