This repository has been archived on 2021-01-15. You can view files and clone it, but cannot push or open issues or pull requests.
goBug/template/Interfaccia.html

94 lines
2.1 KiB
HTML
Raw Normal View History

2017-05-26 13:09:48 +00:00
<html>
<head>
<title>GoBug</title>
2017-05-26 14:28:38 +00:00
<meta http-equiv="refresh" content="{{ .tempoAggiorna }}">
2017-05-26 13:09:48 +00:00
<meta charset="UTF-8">
<style type="text/css">
h1,h2,h3,h4 {
color: white;
text-align: center;
font-size:2.4em;
}
p {
color: white;
font-size:2em;
}
body {
2017-05-26 13:09:48 +00:00
background: #009999;
}
table {
2017-05-26 13:09:48 +00:00
border: 1px solid white;
empty-cells: show;
2017-05-26 13:21:32 +00:00
background: white;
2017-05-26 13:09:48 +00:00
padding: 0px;
width:100%;
2017-05-26 14:27:52 +00:00
height: 100%;
}
div {
2017-05-26 14:27:52 +00:00
width:20%;
2017-05-26 13:21:32 +00:00
height: 89%;
2017-05-26 14:27:52 +00:00
background-color:#006666;
2017-05-26 13:09:48 +00:00
}
td,tr {
2017-05-26 13:09:48 +00:00
background: white;
padding: 0px
}
td.cibo {
2017-05-26 13:38:17 +00:00
background: #FFFF33;
padding: 0px
}
td.razza1 {
2017-05-26 13:38:17 +00:00
background: #00ff00;
padding: 0px
}
td.razza2 {
2017-05-26 13:38:17 +00:00
background: #FF0000;
padding: 0px
}
2017-05-26 13:09:48 +00:00
</style>
</head>
<body>
<h1>Go bug</h1>
<div style="float:left; display:block; width:70%; height:89%; ">
{{range $riga := .matrice}}
<tr>
{{range $cella := $riga}}
<td {{ if not $cella }}
class="vuoto"
2017-05-26 14:28:38 +00:00
{{ else }}
{{ if $cella.IsFood }}
class="cibo"
{{ else }}
class="razza1"
{{ end }}
2017-05-26 14:28:38 +00:00
{{ end }}
>{{ $cella }}</td>
2017-05-26 14:28:38 +00:00
{{ end }}
</tr>
2017-05-26 14:28:38 +00:00
{{ end }}
</table>
2017-05-26 14:27:52 +00:00
</div>
<div style="float:left; display:block; width:1%; height:89%; "></div>
<div style="float:left; display:block; width:29%; height:89%; ">
<h1>legenda</h1>
<div style="float:left; display:block; width:30%; height:20%; background-color:#FFFF33;"></div>
<div style="float:right; display:block; width:65%; height:20%; "><p>Food</p></div>
<div style="float:right; display:block; width:100%; height:2%; "></div>
<div style="float:left; display:block; width:30%; height:20%; background-color:#00ff00;"></div>
<div style="float:right; display:block; width:65%; height:20%; "><p>Razza1</p></div>
<div style="float:right; display:block; width:100%; height:2%;"></div>
<div style="float:left; display:block; width:30%; height:20%; background-color:#F00;"></div>
<div style="float:right; display:block; width:65%; height:20%; "><p>Razza2</p></div>
</div>
2017-05-26 14:27:52 +00:00
</div>
</body>
2017-05-26 13:09:48 +00:00
</html>