From be17e3218da1206a52d2be1ee5ea1dd654183be2 Mon Sep 17 00:00:00 2001
From: wbudic <vilijanac@gmail.com>
Date: Thu, 2 Sep 2021 05:30:09 +1000
Subject: [PATCH] New pingy layout.

---
 htdocs/cgi-bin/login_ctr.cgi         | 27 ++++++++++++++++++---------
 htdocs/cgi-bin/wsrc/images/pingy.svg |  1 +
 2 files changed, 19 insertions(+), 9 deletions(-)
 create mode 100644 htdocs/cgi-bin/wsrc/images/pingy.svg

diff --git a/htdocs/cgi-bin/login_ctr.cgi b/htdocs/cgi-bin/login_ctr.cgi
index b044404..8e4a761 100755
--- a/htdocs/cgi-bin/login_ctr.cgi
+++ b/htdocs/cgi-bin/login_ctr.cgi
@@ -63,9 +63,11 @@ try{
        $hst = `hostname` . "($ht[0])" if (@ht);
 
     $frm = qq(
-        <form id="frm_login" action="login_ctr.cgi" method="post"><table border="0" width=").Settings::pagePrcWidth().qq(%">
+        <form id="frm_login" action="login_ctr.cgi" method="post">
+        <table border="0" width="50%"  
+        style="box-sizing: border-box; margin-bottom: 5px; box-shadow: 5px 5px 5px #9baec8;">
         <tr class="r0">
-            <td colspan="3"><center>LOGIN</center></td>
+            <td colspan="3"><h3>Welcome to Life Log</h3></td>
             </tr>
         <tr class="r1" style="border-left:1px solid black; border-right:1px solid black;">
             <td align="right">Alias:</td><td><input type="text" name="alias" value="$alias"/></td><td></td>
@@ -81,13 +83,20 @@ try{
         <tr class="r0"><td colspan="2">Host -> <b>$hst</b></td><td><input type="submit" value="Login"/></td></tr>
         </table></form>);
 
-    print qq(<br><br><div class="rz">
-            <center>
-                <h2>Welcome to Life Log</h2><div class="">$frm</div><br>
-                <a href="https://github.com/wbudic/LifeLog" 
-                target="_blank" style="font-size:small">LifeLog v.).Settings::release().qq(</a><br>
-            </center>
-        </div>);
+    print qq(<br><br>            
+            <div class="rz" style="vertical-align:middle;text-align:center; width: 60% !important;">
+                $frm
+                <br>
+                <a href="https://github.com/wbudic/LifeLog" target="_blank" style="font-size:small">                    
+                <div style="display: inline-block; vertical-align: middle; text-align: center; width:50%">
+                <div style="display:table-cell; height:20px; vertical-align: middle;">
+                    <img src="wsrc/images/pingy.svg" height="30px"> LifeLog v.).Settings::release().qq(</a>
+                </div>
+                </div>
+                    
+                <br>
+            </div>
+          );
 
     Settings::printDebugHTML($DBG) if Settings::debug();
     #print $cgi->pre(Settings->dump());
diff --git a/htdocs/cgi-bin/wsrc/images/pingy.svg b/htdocs/cgi-bin/wsrc/images/pingy.svg
new file mode 100644
index 0000000..fe34d91
--- /dev/null
+++ b/htdocs/cgi-bin/wsrc/images/pingy.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path fill="#FFAC33" d="M28.068 31.355c-2.229 0-8.468.785-10.068 1.832-1.601-1.047-7.84-1.832-10.069-1.832-2.564 0-1.161 1.039-1.161 2.322C6.77 34.96 5.367 36 7.931 36c2.229 0 8.468-.785 10.069-1.832C19.601 35.215 25.84 36 28.068 36c2.565 0 1.161-1.04 1.161-2.322 0-1.283 1.405-2.323-1.161-2.323z"/><path fill="#292F33" d="M31.73 15.866c-1.25-2.499-3.152-4.995-4.942-6.723C24.337 3.711 20.759 0 18 0s-6.337 3.71-8.788 9.143c-1.791 1.729-3.693 4.224-4.943 6.724-2.438 4.876-3.116 11.426-2.078 11.944.873.437 2.324-1.552 4.208-5.082C6.667 33.604 13.446 33.678 18 33.678c4.553 0 11.333-.073 11.601-10.947 1.884 3.528 3.335 5.517 4.207 5.08 1.038-.519.361-7.069-2.078-11.945z"/><path fill="#F5F8FA" d="M21.675 6.943c-.85.607-2.172 1.186-3.675 1.186s-2.825-.578-3.675-1.185c-3.302 2.137-5.615 7.06-5.615 12.798 0 7.695 4.159 13.936 9.29 13.936 5.132 0 9.291-6.24 9.291-13.936 0-5.738-2.313-10.662-5.616-12.799z"/><path fill="#FFAC33" d="M28.452 6h-5.808C18.797 6 18 5.22 18 4.257c0-.962-.364-1.742 3.483-1.742C27.291 2.516 29.613 6 28.452 6z"/><path fill="#F5F8FA" d="M16.839 3.483c0 .642-.52 1.162-1.161 1.162-.642 0-1.161-.521-1.161-1.162 0-.641.52-1.161 1.161-1.161s1.161.52 1.161 1.161z"/></svg>
\ No newline at end of file
-- 
2.34.1