Come inserire un modello NetLogo in una pagina di google site

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...