Added links & fix CSS

git-svn-id: https://redmine.imt-atlantique.fr/svn/xaal/code/Python/branches/fork@1740 b32b6428-25c9-4566-ad07-03861ab6144f

apps/dashboard/xaal/dashboard/pages/base.py

@@ -105,3 +105,8 @@ def socketio_latency_test():
     redirect('/static/latency.html')
 
 
+@route('/links')
+@view('links.mako')
+def links():
+    return {'title':'Links'}
+    

apps/dashboard/xaal/dashboard/static/css/site.css

@@ -137,7 +137,7 @@ ul.menu li a:hover {
 .grid {
 	display: grid;
     grid-gap: 7px;
-	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr) ) ;
+	grid-template-columns: repeat(auto-fill, minmax(160px, 1fr) ) ;
 	background-color: #fff;
 	color: #444;
 }
@@ -146,15 +146,22 @@ ul.menu li a:hover {
 	background-color: #e3e3e3;
 	color: #333;
 	border-radius: 3px;
-	padding: 20px;
-	font-size: 140%;
-    height: 200px;
+	padding: 5px;
+	font-size: 120%;
+    height: 160px;
+    border: 1px solid black;
     
     display: flex;
     /* Vertical align: */
     align-items: center;
     /* Horizontal align: */
-    justify-content: center;
+    /*justify-content: center;*/
+}
+
+
+.two {
+    grid-column: auto / span 2;
+    /* grid-row: span 2 / auto ; */
 }
 
 
@@ -166,11 +173,11 @@ ul.menu li a:hover {
     text-decoration: none;
     border-radius: 2px;
     display: inline-block;
-    padding: 0.4em 2em;
+    padding: 0.2em 1.2em;
  }
 
 .button:hover {
-    background-color : red;
+    background-color : #ff005f;
 }
 
 
@@ -178,6 +185,11 @@ ul.menu li a:hover {
     border: 1px solid red;
 }
 
+
+.avancement {
+    width: 8em;
+}
+
 /*===========================================================================*/
 /* Display elements                                                          */
 /*===========================================================================*/
@@ -190,7 +202,6 @@ ul.menu li a:hover {
 
 #main {
     transition: margin-left .5s;
-    padding: 16px;
     margin-left: 1em;
     margin-right: 1em;
     margin-top: 10px;

apps/dashboard/xaal/dashboard/static/tags/clock.tag

 <clock>
 
+<link href='https://fonts.googleapis.com/css?family=Orbitron' rel='stylesheet' type='text/css'>
+    
 <div class="clock">
     { clock } 
 </div>
@@ -38,9 +40,10 @@ function harold(standIn) {
 <style>
  .clock {
      font-weight: bold;
-    font-size : 170%;
-    color : #00bbd7;
+     font-size : 145%;
+     color:  #ff005f;
      align: center;
+     font-family: 'Orbitron', sans-serif;     
  }
 </style>
 

apps/dashboard/xaal/dashboard/templates/links.mako

+<%inherit file="base.mako"/>
+
+
+<div>
+  <ul>
+    <li><a href="/static/css/site.css">CSS</a></li>
+    <li><a href="/static/css/site.js">JS</a></li>
+</div>