Added contact and switch to a bigger screen

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

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

@@ -147,7 +147,7 @@ ul.menu li a:hover {
 .grid {
     display: grid;
     grid-gap: 7px;
-	grid-template-columns: repeat(auto-fill, minmax(160px, 1fr) ) ;
+	grid-template-columns: repeat(auto-fill, minmax(190px, 1fr) ) ;
 	color: #444;
 }
 
@@ -163,7 +163,7 @@ ul.menu li a:hover {
 	color: #EEE;
 	border-radius: 3px;
 	padding: 8px;
-	font-size: 120%;
+	font-size: 110%;
     height: 250px;
     border: 1px solid var(--color2);
 

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

+<contact>
+
+<span class="detected">
+  <span class="{class}">⚛</span>
+</span>
+
+
+<script>
+  this.addr = opts.xaal_addr;
+  this.detected = false;
+  this.class = 'not_detected';
+    
+  receive(data) {
+    state = data['attributes']['detected'];
+    if (state == true) {
+       this.detected = true
+       this.class = 'detected'
+    }
+    else {
+       this.detected = false
+        this.class = 'not_detected'
+    }
+    this.update();
+  }
+</script>
+
+<style>
+.detected {
+    font-weight: bold;
+    color : var(--color3);
+    align: center;
+}
+
+.not_detected {
+    font-weight: bold;
+    color : var(--color2);
+    align: center;
+}
+    
+</style>
+
+</contact>