goBug/template/Interfaccia.html

<html>
	<head>
		<title>GoBug</title>
		<!--meta http-equiv="refresh" content="{{ .tempoAggiorna }}"-->
		<meta charset="UTF-8">
		<link href="https://fonts.googleapis.com/css?family=Hammersmith+One" rel="stylesheet">
		<style type="text/css">
			body {
				font-family: 'Hammersmith One', sans-serif;
			}
			h1,h2,h3,h4 {
			   color: white;
			   text-align: center;
			}
			p {
			  color: white;
			}
			body {
				background: #009999;
			}
			table {
				table-layout: fixed;
				empty-cells: show;
				font-size: .6em;
			}
			div {
				float: left;
			}
			.clearfix:after {
			  content: "";
			  display: table;
			  clear: both;
			}
			main {
				background-color: #00bbbb;
			}
			tr, td {
			}
			td {
				background: white;
				text-align: center;
				vertical-align: middle;
				width: calc((70vw / {{.larghezza}}) - 3px);
				height: calc(((100vh - 8em) / {{.altezza}}) - 8px);
			}
			.cibo {
				background: #FFFF33;
				padding: 0px;
			}
			.razza1 {
				background: #00ff00;
				padding: 0px;
			}
			.razza2 {
				background: #FF0000;
				padding: 0px;
			}
			div.tabella {
				float:left;
				display:block;
				width: 70vw;
			}
			div.legenda {
				margin-left: 1em;
				float:left;
				display:block;
				width: calc(100% - 70vw - 1em);
			}
			@media screen and (max-width: 800px) {
				div.tabella, div.legenda {
					margin-left: 0;
					width: 100%;
				}
				td {
					width: calc((100vw / {{.larghezza}}) - 3px);
				}
			}
		</style>
	</head>
	<body>
		<h1>Go bug</h1>
		<main class="clearfix">
			<div class="tabella">
				<table>
				{{range $riga := .matrice}}
					<tr>
					{{range $cella := $riga}}
			    	<td {{ if not $cella }}
						class="vuoto"
						{{ else }}
							{{ if $cella.IsFood }}
							class="cibo"
							{{ else }}
							class="razza1"
							{{ end }}
						{{ end }}>{{ $cella.Health }}</td>
					{{ end }}
				</tr>
				{{ end }}
			</table>
		</div>
		<div class="legenda">
			<h1>legenda</h1>
			<div style="float:left; display:block; width:30%; height:19%; background-color:#FFFF33;"></div>
			<div style="float:right; display:block; width:65%; height:20%; ">Cibo</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%; ">Razza1</div>
			<div style="float:left; display:block; width:30%; height:20%; background-color:#F00;"></div>
			<div style="float:right; display:block; width:65%; height:19%; ">Razza2</div>
		</div>
	</main>
</body>
</html>
Aggiunta css per tabella 2017-05-26 13:09:48 +00:00			`<html>`
			`<head>`
			`<title>GoBug</title>`
Fix html 2017-05-26 14:43:12 +00:00			`<!--meta http-equiv="refresh" content="{{ .tempoAggiorna }}"-->`
Aggiunta css per tabella 2017-05-26 13:09:48 +00:00			`<meta charset="UTF-8">`
Lavoro su html 2017-05-26 15:30:17 +00:00			`<link href="https://fonts.googleapis.com/css?family=Hammersmith+One" rel="stylesheet">`
Aggiunta css per tabella 2017-05-26 13:09:48 +00:00			`<style type="text/css">`
Lavoro su html 2017-05-26 15:30:17 +00:00			`body {`
			`font-family: 'Hammersmith One', sans-serif;`
			`}`
Merge branch 'master' of https://github.com/praticamentetilde/goBug 2017-05-26 14:31:04 +00:00			`h1,h2,h3,h4 {`
			`color: white;`
			`text-align: center;`
			`}`
			`p {`
Lavoro su html 2017-05-26 15:30:17 +00:00			`color: white;`
Merge branch 'master' of https://github.com/praticamentetilde/goBug 2017-05-26 14:31:04 +00:00			`}`
			`body {`
Aggiunta css per tabella 2017-05-26 13:09:48 +00:00			`background: #009999;`
			`}`
Merge branch 'master' of https://github.com/praticamentetilde/goBug 2017-05-26 14:31:04 +00:00			`table {`
Lavoro su html 2017-05-26 15:30:17 +00:00			`table-layout: fixed;`
Aggiunta css per tabella 2017-05-26 13:09:48 +00:00			`empty-cells: show;`
Lavoro su html 2017-05-26 15:30:17 +00:00			`font-size: .6em;`
Style piu bello 2017-05-26 14:27:52 +00:00			`}`
Merge branch 'master' of https://github.com/praticamentetilde/goBug 2017-05-26 14:31:04 +00:00			`div {`
Lavoro su html 2017-05-26 15:30:17 +00:00			`float: left;`
			`}`
			`.clearfix:after {`
			`content: "";`
			`display: table;`
			`clear: both;`
			`}`
			`main {`
			`background-color: #00bbbb;`
Aggiunta css per tabella 2017-05-26 13:09:48 +00:00			`}`
Lavoro su html 2017-05-26 15:30:17 +00:00			`tr, td {`
			`}`
			`td {`
Aggiunta css per tabella 2017-05-26 13:09:48 +00:00			`background: white;`
Lavoro su html 2017-05-26 15:30:17 +00:00			`text-align: center;`
			`vertical-align: middle;`
			`width: calc((70vw / {{.larghezza}}) - 3px);`
			`height: calc(((100vh - 8em) / {{.altezza}}) - 8px);`
Aggiunta css per tabella 2017-05-26 13:09:48 +00:00			`}`
Fix html 2017-05-26 14:43:12 +00:00			`.cibo {`
Piccoli miglioramenti crescono 2017-05-26 13:38:17 +00:00			`background: #FFFF33;`
Fix html 2017-05-26 14:43:12 +00:00			`padding: 0px;`
Piccoli miglioramenti crescono 2017-05-26 13:38:17 +00:00			`}`
Fix html 2017-05-26 14:43:12 +00:00			`.razza1 {`
Piccoli miglioramenti crescono 2017-05-26 13:38:17 +00:00			`background: #00ff00;`
Fix html 2017-05-26 14:43:12 +00:00			`padding: 0px;`
Merge branch 'master' of https://github.com/praticamentetilde/goBug 2017-05-26 14:31:04 +00:00			`}`
Fix html 2017-05-26 14:43:12 +00:00			`.razza2 {`
Piccoli miglioramenti crescono 2017-05-26 13:38:17 +00:00			`background: #FF0000;`
Fix html 2017-05-26 14:43:12 +00:00			`padding: 0px;`
Piccoli miglioramenti crescono 2017-05-26 13:38:17 +00:00			`}`
Lavoro su html 2017-05-26 15:30:17 +00:00			`div.tabella {`
			`float:left;`
			`display:block;`
			`width: 70vw;`
			`}`
			`div.legenda {`
			`margin-left: 1em;`
			`float:left;`
			`display:block;`
			`width: calc(100% - 70vw - 1em);`
			`}`
			`@media screen and (max-width: 800px) {`
			`div.tabella, div.legenda {`
			`margin-left: 0;`
			`width: 100%;`
			`}`
			`td {`
			`width: calc((100vw / {{.larghezza}}) - 3px);`
			`}`
			`}`
Aggiunta css per tabella 2017-05-26 13:09:48 +00:00			`</style>`
			`</head>`
			`<body>`
Merge branch 'master' of https://github.com/praticamentetilde/goBug 2017-05-26 14:31:04 +00:00			`<h1>Go bug</h1>`
Lavoro su html 2017-05-26 15:30:17 +00:00			`<main class="clearfix">`
			`<div class="tabella">`
			`<table>`
			`{{range $riga := .matrice}}`
			`<tr>`
			`{{range $cella := $riga}}`
			`<td {{ if not $cella }}`
			`class="vuoto"`
Merge branch 'master' of https://github.com/praticamentetilde/goBug 2017-05-26 14:31:04 +00:00			`{{ else }}`
Lavoro su html 2017-05-26 15:30:17 +00:00			`{{ if $cella.IsFood }}`
			`class="cibo"`
			`{{ else }}`
			`class="razza1"`
			`{{ end }}`
			`{{ end }}>{{ $cella.Health }}</td>`
			`{{ end }}`
			`</tr>`
Html ora dinamico 2017-05-26 14:28:38 +00:00			`{{ end }}`
Lavoro su html 2017-05-26 15:30:17 +00:00			`</table>`
			`</div>`
			`<div class="legenda">`
Merge branch 'master' of https://github.com/praticamentetilde/goBug 2017-05-26 14:31:04 +00:00			`<h1>legenda</h1>`
Lavoro su html 2017-05-26 15:30:17 +00:00			`<div style="float:left; display:block; width:30%; height:19%; background-color:#FFFF33;"></div>`
			`<div style="float:right; display:block; width:65%; height:20%; ">Cibo</div>`
Merge branch 'master' of https://github.com/praticamentetilde/goBug 2017-05-26 14:31:04 +00:00			`<div style="float:left; display:block; width:30%; height:20%; background-color:#00ff00;"></div>`
Lavoro su html 2017-05-26 15:30:17 +00:00			`<div style="float:right; display:block; width:65%; height:20%; ">Razza1</div>`
Merge branch 'master' of https://github.com/praticamentetilde/goBug 2017-05-26 14:31:04 +00:00			`<div style="float:left; display:block; width:30%; height:20%; background-color:#F00;"></div>`
Lavoro su html 2017-05-26 15:30:17 +00:00			`<div style="float:right; display:block; width:65%; height:19%; ">Razza2</div>`
Merge branch 'master' of https://github.com/praticamentetilde/goBug 2017-05-26 14:31:04 +00:00			`</div>`
Lavoro su html 2017-05-26 15:30:17 +00:00			`</main>`
Merge branch 'master' of https://github.com/praticamentetilde/goBug 2017-05-26 14:31:04 +00:00			`</body>`
Aggiunta css per tabella 2017-05-26 13:09:48 +00:00			`</html>`