1) da netLogo salvare il modello in html (File -> Save as Net Logo Web ...)
2) editare il file con un editor di testo e inserire subito dopo <STYLE> (riga 5)
@media only screen and (max-width: 800px) {
body{
/*background-color: red;*/
/*zoom:0.6;*/
-moz-transform: scale(.68); /* Firefox Property */
-moz-transform-origin: 0 0;
-o-transform: scale(.68);/* Opera Property */
-o-transform-origin: 0 0;
-webkit-transform: scale(.68);
-webkit-transform-origin: 0 0;
transform: scale(.68); /* Standard Property */
transform-origin: 0 0; /* Standard Property */
}
}
@media only screen and (max-width: 500px) {
body{
/*background-color: lightblue;*/
/*zoom:0.6;*/
-moz-transform: scale(.43); /* Firefox Property */
-moz-transform-origin: 0 0;
-o-transform: scale(.43);/* Opera Property */
-o-transform-origin: 0 0;
-webkit-transform: scale(.43);
-webkit-transform-origin: 0 0;
transform: scale(.43); /* Standard Property */
transform-origin: 0 0; /* Standard Property */
}
}
dove si può cambiare il limite della larghezza di schermo e il fattore di scala (il background color commentato serve per capire quando cambia da uno zoom all'altro).
4) Dato che la pagina è sandboxed e non permette di aprire finestre di dialogo e quindi salvare il tutto, conviene far sparire i bottoni "export", per far ciò mettere display:none nello stile di .netlogo-export-wrapper, alla riga 1662 del file originale, circa 1692 se avete già inserito le modifiche precedenti
.netlogo-export-wrapper {
align-items: center;
display: none;
flex-grow: 0;
white-space: nowrap;
}
5) nella pagina google site scegliere "<> incorpora" e incollare tutto il testo
6) pubblicare, controllare, affinare...