≪ ≫

aqua black blue fuchsia gray green lime maroon navy olive orange purple red silver teal white yellow

~php~

scandir directory corrente

Array ( [0] => . [1] => .. [2] => 20200301a_0-fineHELPHTML.docx [3] => 20200301a_0-fineHELPinnerHTML.docx [4] => 20200301a_2-h11.html [5] => 20200306a_1-usd.html [6] => 20200315b_1-wysiwyg.html [7] => a [8] => ascii.txt [9] => backup [10] => cronologia.php [11] => cronologia.txt [12] => fine.js [13] => h04.php [14] => h05.php [15] => h06.php [16] => h07.php [17] => h08.php [18] => h09.php [19] => h10.php [20] => h11.php [21] => h12.php [22] => h13.php [23] => h14.php [24] => h15.php [25] => h16.php [26] => h17.php [27] => h18.php [28] => h19.php [29] => h20.php [30] => html [31] => prenexcro.html [32] => prenexcroSNIP.html [33] => repository [34] => viewdir.php [35] => viewdirOLD.php )

Underground Software Distillery



<!doctype html>
<html>

<head>

<meta http-equiv="content-type"
content="text/html; charset=UTF-8">
<meta name="viewport"
content="width=device-width, initial-scale=1,
shrink-to-fit=no">
<meta name="generator"
content="AlterVista - Editor HTML">
<title> </title>


<script src="https://code.jquery.com/jquery-3.1.1.min.js"
integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
crossorigin="anonymous"> </script>

<link rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css">
<script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js">
</script>


<link rel="stylesheet" href="http://edoraandiamo.altervista.org/cip/usd/usdstile20200308a.css" />


</head>
<body onload="AttendereLoading()" class="sfondo">


<main class="bordo1" style="">



</main>

<div id="L0"><p><small>underground_software_distillery©2020 se leggi questo messaggio qualcosa non ha funzionato</small></p></div>

<script src="http://edoraandiamo.altervista.org/cip/usd/usd20200308a.js" async></script>

<script src="http://edoraandiamo.altervista.org/cip/usd/usdaforall20200308a.js" async></script>

<script src="http://edoraandiamo.altervista.org/cip/usd/usdorarioDHMS20200308a.js" async></script>





<div id="fine"></div>
</body>

</html>




/* usd js versione 2020 03 08 12:00 */
/* update con indicatore scorrimento */
/* verticale della pagina */
/* loading spinner a circa 50min */

document.getElementById('L0').innerHTML=

' '+
'<div id="L1"></div> '+
'<div id="L2"></div> '+
'<div id="L3"></div> '+
'<div id="L4"></div> '+
'<div id="L5"></div> '+
'<div id="L6"></div> '

;


document.getElementById('L1').innerHTML =
''+
' <p style="display:none;"> '+
' Size iniziale '+window.innerWidth+
'px '+
' </p> '+


' <style> '+

' .modale{'+
' position:fixed;'+
' top:0;left:0;bottom:0;right:0; '+
' pointer-events:none;opacity:0; '+
' background-color:black;'+
' padding:1em;'+
' overflow:auto !important;'+
' z-index:100;'+
' }'+

' .modale:target{'+
' pointer-events:auto;opacity:1; '+
' }'+

' .modalecontenuto{'+
' width:70%;height:70%; '+
' margin-left:15%;'+
' padding:1em;'+
' border:solid 0.2em burlywood;'+
' background-color:oldlace;'+
' }'+

' </style> '+

' <div class="modale" id="modale">'+
' <div class="modalecontenuto">'+
' <a href="#" style="'+
' font-size:2em;'+
' border:solid 0.05em rgba(0,0,0,0.0);'+
' ">'+
' <i class="times circle icon"></i>'+
' </a>'+
' <p style="border:solid 0.05em rgba(0,0,0,0.1);"> '+
' underground software distillery ©2020 '+
' </p> '+
' </div>'+
' </div>'+


''
;







document.getElementById('L2').innerHTML =
' <style>'+
' .drop111L2{'+
' position:fixed;top:0;left:0;'+
' width:'+1.5+'em;'+
' height:'+2+'em;'+
' height:'+2.5+'em;'+
' border:solid 0px red;'+
' '+

'}'+

' .drop121L2{'+
' width:'+1.5+'em;'+
' height:'+2+'em;'+
' height:'+2.5+'em;'+
' border:solid 0px green;'+
' '+

'}'+

' .drop131L2{'+
' position:relative;top:0;left:0;'+
' width:'+window.innerWidth+'px;'+
' height:'+2+'em;'+
' height:'+2.5+'em;'+
' font-size:2em;'+
' display:none;'+
' border:solid 0px blue;'+
' '+

'}'+


' .drop111L2:hover '+
' .drop131L2{display:block;}'+

' .drop111L2:hover '+
' .drop121L2{display:none;}'+

' </style>'+



' <div class="drop111L2">'+
' <div class="drop121L2">'+
' <p style="font-size:1.4em;"> '+
' <i class="bars icon"></i> '+
' </p> '+
' </div>'+
' <div class="drop131L2">'+
' <span style="display:none;">'+
' '+window.innerWidth+' '+
' </span>'+
' <p style="position:absolute;'+
' top:0; left:30%;'+
' ">'+
' <a href="#modale">'+
' <i class="info circle icon"></i>'+
' </a> '+
' </p>'+

' <p style="position:absolute;'+
' top:0; left:50%;'+
' ">'+
' <a href="#fine">'+
' <i class="chevron circle down icon"></i> '+
' </p>'+
' </a> '+

' <a href="#">'+
' <p style="position:absolute;'+
' top:0; left:70%;'+
' ">'+

' <i class="chevron circle up icon"></i> '+
' </p>'+
' </a> '+

' </div>'+


' </div>'+

' '+

''

;


window.addEventListener('resize', function(event){

document.getElementById('L3').innerHTML =
''+
' <p style="display:none;"> '+
'Size attuale '+window.innerWidth+
'px '+
' </p> '+
' <style>'+
' .drop111L3{'+
' position:fixed;top:0;left:0;'+
' width:'+1.5+'em;'+
' height:'+2+'em;'+
' height:'+2.5+'em;'+
' border:solid 0px red;'+
' '+

'}'+

' .drop121L3{'+
' width:'+1.5+'em;'+
' height:'+2+'em;'+
' height:'+2.5+'em;'+
' border:solid 0px green;'+
' '+

'}'+

' .drop131L3{'+
' position:relative;top:0;left:0;'+
' width:'+window.innerWidth+'px;'+
' height:'+2+'em;'+
' height:'+2.5+'em;'+
' font-size:2em;'+
' display:none;'+
' border:solid 0px blue;'+
' '+

'}'+


' .drop111L3:hover '+
' .drop131L3{display:block;}'+

' .drop111L3:hover '+
' .drop121L3{display:none;}'+

' </style>'+

' <div class="drop111L3">'+
' <div class="drop121L3">'+
' <p style="font-size:1.4em;"> '+
' <i class="bars icon"></i> '+
' </p> '+
' </div>'+
' <div class="drop131L3">'+
' <span style="display:none;">'+
' '+window.innerWidth+' '+
' </span>'+
' <p style="position:absolute;'+
' top:0; left:30%;'+
' ">'+
' <a href="#modale">'+
' <i class="info circle icon"></i>'+
' </a> '+
' </p>'+

' <p style="position:absolute;'+
' top:0; left:50%;'+
' ">'+
' <a href="#fine">'+
' <i class="chevron circle down icon"></i> '+
' </a> '+
' </p>'+

' <p style="position:absolute;'+
' top:0; left:70%;'+
' ">'+
' <a href="#">'+
' <i class="chevron circle up icon"></i> '+
' </a> '+
' </p>'+

' </div>'+


' </div>'+

' '+

' '+


'';

});



document.getElementById('L4').innerHTML=

' <div id="Loaded" '+
' style="'+
' position:fixed;'+
' top:50%; '+
' left:50%; margin-left:-5.4em; '+
' "> '+
' <div class="ui secondary '+
' loading small button ">'+
' Loading '+
' </div>'+
' <div id="percento" style="" '+
' class="ui secondary '+
' small button " '+
' > '+
' Loading...'+
' </div> '+
' '+
' </div> '+

' '

;

function AttendereLoading()
{ if (document.all)
{document.all['AttendereLoading'].style.visibility='hidden'; }

else if (document.getElementById)

{node=document.getElementById('Loaded').style.visibility='hidden'; }

}



var percento=document.getElementById('percento');
var contatore=1;
var intervallo=setInterval(

function(){

percento.innerHTML=contatore+'%';
contatore++;

if (contatore===101)
{clearInterval(intervallo);}

}, 30000
)




document.getElementById('L6').innerHTML=
' <style>'+
' </style>'+

''
;


document.getElementById('L5').innerHTML=
' '+

' <div class="indicatore-container"> '+
' <div class="indicatore-bar" id="indicatore"> '+
' </div> '+
' </div> '+


'<style> '+

'.indicatore-container { '+
' position:fixed;top:0;left:0; '+
' width: 100%; '+
' height: 0.21em; '+
' background: burlywood; '+
'} '+

'.indicatore-bar { '+
' height: 0.21em; '+
' background: maroon; '+
' width: 0%; '+
'} '+

'</style> '+

' '
;

window.onscroll = function() {indicatore()};

function indicatore() {
var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
var scrolled = (winScroll / height) * 100;
document.getElementById("indicatore").style.width = scrolled + "%";
}




/* orarioDMHS js 20200307 */ /* giorno mese anno ora */ var orario = setInterval(intervalloHMS, 1000); function intervalloHMS() { var d = new Date(); // document.getElementById("orarioHMS").innerHTML = d.toLocaleTimeString(); document.getElementById("orarioDHMS").innerHTML = d; }


/* aforall js versione 2020 03 07 */
/* elenco dei siti collegati */

document.getElementById('aforall').innerHTML=
' ' +
' ' +
' ' +
' ' +
' ' +
' ' +
' ' +
'
'overflow: visible;">'+
'Altervista for all '+
''+
''+'index'+
' 
'+
' 1'+
' '+
' 2'+
' '+
''+
' 3'+' '+
''> 4'+' '+
'' href="http://mestreveneziamarghera.altervista.org/" >'+
' 5'+
' 'href="http://margheraveneziamestre.altervista.org/" >'+
' 6'+' ' href="http://venexia.altervista.org/">'+
' 7  '+
'' href="http://venexiadue.altervista.org/">'+
' 8 ' +
'
'+
'' href="http://noteapiedipagina.altervista.org/">'+' 9 ' href="http://venexiatre.altervista.org/">'+
'10 ' href="http://venexiaiv.altervista.org/">'+
'11 ' href="http://veneziav.altervista.org/">'+
'12 ' href="http://veneziavi.altervista.org/">'+
'13'+
''+
'
'+
' ' +
' ' +
' ' +
' ' +
' ' +
' ' +
' '


/* udstile css versione 2020 03 07 */
/* foglio di stile base */

body{background-color:oldlace;}

body, main, section, article, div, p,
span, header, footer { font-size:1em; overflow:visible !important; }

main{
margin-top:4.5em; margin-bottom:0.0em;
margin-left:3em; margin-right:3em;
border-top:solid 0em maroon;
border-bottom:solid 0em maroon;
border-left:solid 0.2em maroon !important;
border-right:solid 0.2em maroon !important;
padding:0.4em;
background-color:rgba(222,184,135,0.25); /* burlywood */
color:black;
}


section{
margin-left:4em !important;margin-right:4em !important;
margin-top:0em; margin-bottom:0em;
font-family:monospace;}

header, footer{ margin-top:4.5em; }

img{ width:100%;}


div.testo{
text-align:left; max-height:9em;
overflow:auto !important; }

div.immagine{
text-align:left; max-height:9em;
overflow:auto !important; }





.centro{ text-align:center !important;
margin:auto !important; padding:0 !important; }

.sfondo{
background-image:url(https://ed-ora-andiamo.com/immagini/carta01x.gif);
background-repeat: repeat;
background-attachment: fixed;
background-color:rgba(253,245,230,0.5); /* old lace */
}

.bordofooter{border:solid 1px rgba(0,0,0,0);}




/* debugging */
.bordo{border:solid 0px lime !important;}

/*
.bordo000{border:solid 2px black !important;}

.bordo111{border:solid 2px red !important;}
.bordo121{border:solid 2px orange !important;}
.bordo131{border:solid 2px green !important;}
*/


.bordo4{font-size:1.2em;border:solid 2px gray;}

p#code{background-color:burlywood;}
p#effe{background-color:orange;}










32 space
33 ! ! ! ! exclamation mark
34 " " " " quotation mark
35 # # # # number sign
36 $ $ $ $ dollar sign
37 % % % % percent sign
38 & & & & ampersand
39 ' ' ' ' apostrophe
40 ( ( ( ( left parenthesis
41 ) ) ) ) right parenthesis
42 * * * * asterisk
43 + + + + plus sign
44 , , , , comma
45 - - - - hyphen-minus
46 . . . . full stop
47 / / / / solidus
48 0 0 0 0 digit zero
49 1 1 1 1 digit one
50 2 2 2 2 digit two
51 3 3 3 3 digit three
52 4 4 4 4 digit four
53 5 5 5 5 digit five
54 6 6 6 6 digit six
55 7 7 7 7 digit seven
56 8 8 8 8 digit eight
57 9 9 9 9 digit nine
58 : : : : colon
59 ; ; ; ; semicolon
60 < < < < less-than sign
61 = = = = equals sign
62 > > > > greater-than sign
63 ? ? ? ? question mark
64 @ @ @ @ commercial at
65 A A A A Latin capital letter A
66 B B B B Latin capital letter B
67 C C C C Latin capital letter C
68 D D D D Latin capital letter D
69 E E E E Latin capital letter E
70 F F F F Latin capital letter F
71 G G G G Latin capital letter G
72 H H H H Latin capital letter H
73 I I I I Latin capital letter I
74 J J J J Latin capital letter J
75 K K K K Latin capital letter K
76 L L L L Latin capital letter L
77 M M M M Latin capital letter M
78 N N N N Latin capital letter N
79 O O O O Latin capital letter O
80 P P P P Latin capital letter P
81 Q Q Q Q Latin capital letter Q
82 R R R R Latin capital letter R
83 S S S S Latin capital letter S
84 T T T T Latin capital letter T
85 U U U U Latin capital letter U
86 V V V V Latin capital letter V
87 W W W W Latin capital letter W
88 X X X X Latin capital letter X
89 Y Y Y Y Latin capital letter Y
90 Z Z Z Z Latin capital letter Z
91 [ [ [ [ left square bracket
92 \ \ \ \ reverse solidus
93 ] ] ] ] right square bracket
94 ^ ^ ^ ^ circumflex accent
95 _ _ _ _ low line
96 ` ` ` ` grave accent
97 a a a a Latin small letter a
98 b b b b Latin small letter b
99 c c c c Latin small letter c
100 d d d d Latin small letter d
101 e e e e Latin small letter e
102 f f f f Latin small letter f
103 g g g g Latin small letter g
104 h h h h Latin small letter h
105 i i i i Latin small letter i
106 j j j j Latin small letter j
107 k k k k Latin small letter k
108 l l l l Latin small letter l
109 m m m m Latin small letter m
110 n n n n Latin small letter n
111 o o o o Latin small letter o
112 p p p p Latin small letter p
113 q q q q Latin small letter q
114 r r r r Latin small letter r
115 s s s s Latin small letter s
116 t t t t Latin small letter t
117 u u u u Latin small letter u
118 v v v v Latin small letter v
119 w w w w Latin small letter w
120 x x x x Latin small letter x
121 y y y y Latin small letter y
122 z z z z Latin small letter z
123 { { { { left curly bracket
124 | | | | vertical line
125 } } } } right curly bracket
126 ~ ~ ~ ~ tilde
127 DEL
128 € euro sign
129    NOT USED
130 ‚ single low-9 quotation mark
131 ƒ Latin small letter f with hook
132 „ double low-9 quotation mark
133 … horizontal ellipsis
134 † dagger
135 ‡ double dagger
136 ˆ modifier letter circumflex accent
137 ‰ per mille sign
138 Š Latin capital letter S with caron
139 ‹ single left-pointing angle quotation mark
140 ΠLatin capital ligature OE
141    NOT USED
142 Ž Latin capital letter Z with caron
143    NOT USED
144    NOT USED
145 ‘ left single quotation mark
146 ’ right single quotation mark
147 “ left double quotation mark
148 ” right double quotation mark
149 • bullet
150 – en dash
151 — em dash
152 ˜ small tilde
153 ™ trade mark sign
154 š Latin small letter s with caron
155 › single right-pointing angle quotation mark
156 œ Latin small ligature oe
157    NOT USED
158 ž Latin small letter z with caron
159 Ÿ Latin capital letter Y with diaeresis
160 no-break space
161 ¡ ¡ ¡ inverted exclamation mark
162 ¢ ¢ ¢ cent sign
163 £ £ £ pound sign
164 ¤ ¤ ¤ currency sign
165 ¥ ¥ ¥ yen sign
166 ¦ ¦ ¦ broken bar
167 § § § section sign
168 ¨ ¨ ¨ diaeresis
169 © © © copyright sign
170 ª ª ª feminine ordinal indicator
171 « « « left-pointing double angle quotation mark
172 ¬ ¬ ¬ not sign
173 ­ ­ ­ soft hyphen
174 ® ® ® registered sign
175 ¯ ¯ ¯ macron
176 ° ° ° degree sign
177 ± ± ± plus-minus sign
178 ² ² ² superscript two
179 ³ ³ ³ superscript three
180 ´ ´ ´ acute accent
181 µ µ µ micro sign
182 ¶ ¶ ¶ pilcrow sign
183 · · · middle dot
184 ¸ ¸ ¸ cedilla
185 ¹ ¹ ¹ superscript one
186 º º º masculine ordinal indicator
187 » » » right-pointing double angle quotation mark
188 ¼ ¼ ¼ vulgar fraction one quarter
189 ½ ½ ½ vulgar fraction one half
190 ¾ ¾ ¾ vulgar fraction three quarters
191 ¿ ¿ ¿ inverted question mark
192 À À À Latin capital letter A with grave
193 Á Á Á Latin capital letter A with acute
194 Â Â Â Latin capital letter A with circumflex
195 Ã Ã Ã Latin capital letter A with tilde
196 Ä Ä Ä Latin capital letter A with diaeresis
197 Å Å Å Latin capital letter A with ring above
198 Æ Æ Æ Latin capital letter AE
199 Ç Ç Ç Latin capital letter C with cedilla
200 È È È Latin capital letter E with grave
201 É É É Latin capital letter E with acute
202 Ê Ê Ê Latin capital letter E with circumflex
203 Ë Ë Ë Latin capital letter E with diaeresis
204 Ì Ì Ì Latin capital letter I with grave
205 Í Í Í Latin capital letter I with acute
206 Î Î Î Latin capital letter I with circumflex
207 Ï Ï Ï Latin capital letter I with diaeresis
208 Ð Ð Ð Latin capital letter Eth
209 Ñ Ñ Ñ Latin capital letter N with tilde
210 Ò Ò Ò Latin capital letter O with grave
211 Ó Ó Ó Latin capital letter O with acute
212 Ô Ô Ô Latin capital letter O with circumflex
213 Õ Õ Õ Latin capital letter O with tilde
214 Ö Ö Ö Latin capital letter O with diaeresis
215 × × × multiplication sign
216 Ø Ø Ø Latin capital letter O with stroke
217 Ù Ù Ù Latin capital letter U with grave
218 Ú Ú Ú Latin capital letter U with acute
219 Û Û Û Latin capital letter U with circumflex
220 Ü Ü Ü Latin capital letter U with diaeresis
221 Ý Ý Ý Latin capital letter Y with acute
222 Þ Þ Þ Latin capital letter Thorn
223 ß ß ß Latin small letter sharp s
224 à à à Latin small letter a with grave
225 á á á Latin small letter a with acute
226 â â â Latin small letter a with circumflex
227 ã ã ã Latin small letter a with tilde
228 ä ä ä Latin small letter a with diaeresis
229 å å å Latin small letter a with ring above
230 æ æ æ Latin small letter ae
231 ç ç ç Latin small letter c with cedilla
232 è è è Latin small letter e with grave
233 é é é Latin small letter e with acute
234 ê ê ê Latin small letter e with circumflex
235 ë ë ë Latin small letter e with diaeresis
236 ì ì ì Latin small letter i with grave
237 í í í Latin small letter i with acute
238 î î î Latin small letter i with circumflex
239 ï ï ï Latin small letter i with diaeresis
240 ð ð ð Latin small letter eth
241 ñ ñ ñ Latin small letter n with tilde
242 ò ò ò Latin small letter o with grave
243 ó ó ó Latin small letter o with acute
244 ô ô ô Latin small letter o with circumflex
245 õ õ õ Latin small letter o with tilde
246 ö ö ö Latin small letter o with diaeresis
247 ÷ ÷ ÷ division sign
248 ø ø ø Latin small letter o with stroke
249 ù ù ù Latin small letter u with grave
250 ú ú ú Latin small letter u with acute
251 û û û Latin small letter with circumflex
252 ü ü ü Latin small letter u with diaeresis
253 ý ý ý Latin small letter y with acute
254 þ þ þ Latin small letter thorn
255 ÿ ÿ ÿ Latin small letter y with diaeresis


Frame work

background-color: rgb(153,76,0, 0.5);

rgba(189,183,107, 1.0); colore del bottone menu

pre, code, .my-box-grey, .my-highlight, .my-widget-box, .my-row-header, .my-alert-wait, .my-alert-error, .my-alert-warning, .my-alert-message, .my-label, .my-breadcrumb, .my-btn, .my-btn-primary, .my-btn-save, .my-btn-delete, .my-form-grey, .my-form-blue, .my-welcome-question, .my-app-bg .my-social-share

CIP 104 FRAMEWORK

<!DOCTYPE html>
<html lang="it">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="generator" content="AlterVista - Editor HTML">
<title>
</title>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous">
</script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css">
<script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js">
</script>
<style>
.small-caps{font-variant:small-caps;} .uppercase{text-transform:uppercase;} .black-car{color:black;} .black-bg{background-color:black;} .transparent-bg{background-color:transparent;} .align-text-left{text-align: left;} .align-text-center{text-align: center;} .align-text-right{text-align: right;} .align-text-justify{text-align: justify;} .bg-trasparente{background-color:transparent;} .riempi-blocco{width:100%;} .cento{width:100%;} .settanta{width:70%;} .trenta{width:30%;} .border-left-white{ padding-left:4px; border-left:solid 8px white;} .border-left-black{ padding-left:4px; border-left:solid 8px rgba(0,0,0,0.4);} .bordo1{border:solid 0px black;} </style>
<link href="http://edoraandiamo.altervista.org/1.0/4/stilemodale.css" rel="stylesheet">
</head>
<body onload="AttendereLoading()">
<center>
<main class="left" style=" margin-top:72px; margin-bottom:72px; border-top:solid 2px maroon; border-bottom:solid 2px maroon; border-left:solid 1px maroon; border-right:solid 1px maroon; padding:0.4em; color:black; ">
</main>
</center>
<div id="modale" class="modale">
<div class="contenutomodale">
<span class="material-icons" style="float:right;">
<a href="http://edoraandiamo.altervista.org/">
home </a>
</span>
<div id="chiudimodale">
Ooops!</div>
<p class="small-caps" style="font-family:sans-serif">
<b>
CIP framework v.1.0.4</b>
</p>
<hr/>
<div id="credits2020" align="right" >
Ooops!</div>
<script src="http://edoraandiamo.altervista.org/1.0/4/credits2020.js">
</script>
<hr/>
</div>
</div>
<div id="backdoor">
Ooops!</div>
<script src="http://edoraandiamo.altervista.org/1.0/4/backdoor.js">
</script>
<script src="http://edoraandiamo.altervista.org/1.0/4/chiudimodale.js">
</script>
<div id="breakpoints">
Ooops!</div>
<script src="http://edoraandiamo.altervista.org/1.0/4/breakpoints.js">
</script>
<div id="loading">
Ooops!</div>
<script src="http://edoraandiamo.altervista.org/1.0/4/loading.js">
</script>
<div id="myavcp">
Ooops!</div>
<script src="http://edoraandiamo.altervista.org/1.0/4/myavcp.js">
</script>
<div id="dropmenunomail">
Ooops!</div>
<script src="http://edoraandiamo.altervista.org/1.0/4/dropmenunomail.js">
</script>
<div id="fine">
</div>
</body>
</html>
 

CIP 104 http://edoraandiamo.altervista.org/1.0/4/dropmenunomail.js

document.getElementById('dropmenunomail').innerHTML=
' <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> '+
' <style>'+
'/* debugging */ '+
' .bordo000{border:solid 0px lime;}'+
' .bordo111{border:solid 0px blue;} '+
' .bordo121{border:solid 0px orange;} '+
' .bordo131{border:solid 0px fuchsia;} '+
''+
'.dropmenu000{ position: fixed; top: 0; '+
' left:0; width:100%; height:4em; '+
' background-color:black;'+
' background-color:rgba(153,76,0, 1.0);'+
' background-color:rgba(255,229,204, 1.0);'+
' background-color:rgba(255,222,173, 1.0);'+
' } '+
''+
'.dropmenu111{ position: fixed; top: 0px; '+
' left:50%; margin-left:-16em; '+
' } '+
' '+
'.dropmenu121{ '+
' margin-left:-0em; border-radius:4px;'+
' } '+
''+
'.dropmenu131{position:relative; display:none;} '+
''+
' .dropmenu111:hover .dropmenu131{ '+
' width:32em; '+
' height:4em; '+
' background-color:rgba(0,0,0,0.0); '+
' color:white; '+
' border-radius:4px; '+
' display:block;'+
' } '+
' '+
' .dropmenu111:hover .dropmenu121{'+
' display:none;}'+
' '+
' </style>'+
''+
'<center>'+
'<div class="dropmenu000"></div>'+
''+
'<div class="dropmenu111 bordo111">'+
''+
'<div class="dropmenu121 bordo121 material-icons" '+
'style="font-size:3em; font-size:2.5em; '+
'color:gray;'+
'">'+
'menu</div>'+
''+
'<div class="dropmenu131 bordo131">'+
''+
'<a href="mailto:rinaldo.rasa@gmail.com">'+
'<span class="material-icons" '+
'style="position:absolute; left:25%;'+
'font-size:3em;'+
'background-color:black; color:gray;'+
'visibility:hidden; '+
' /* visibility:visible; */ '+
'">'+
'mail</span>'+
'</a>'+
''+
'<a href="#modale">'+
'<span class="material-icons" '+
'style="position:absolute; left:40%;'+
'font-size:3em; '+
'background-color:black; color:green;'+
'border-radius:4px;'+
'">'+
'info</span>'+
'</a>'+
''+
'<a href="#fine">'+
'<span class="material-icons" style="position:absolute; left:60%;'+
'font-size:3em;'+
'background-color:black; color:orange;'+
'border-radius:4px;'+
'">'+
'keyboard_arrow_down </span>'+
'</a>'+
''+
'<a href="#">'+
'<span class="material-icons" style="position:absolute; left:80%;'+
'font-size:3em;'+
'background-color:black; color:orange;'+
'border-radius:4px;'+
'">'+
'keyboard_arrow_up </span>'+
'</a>'+
''+
'</div>'+
''+
'</div>'+
'</center>'+
''


CIP 104 http://edoraandiamo.altervista.org/1.0/4/myavcp.js

document.getElementById('myavcp').innerHTML= ' style '+ ''+ ''+ '/* myavcp 20200126 */'+ 'pre {'+ 'border: 1px dashed #D4D4D4;'+ ' color: #727272;'+ ' font-family: Monaco,"Courier New",monospace;'+ ' padding: 0.my-8em;'+ ' text-align: left;'+ '}'+ ''+ 'code {'+ 'color: #727272;'+ 'font-family: Monaco,"Courier New",monospace;'+ 'display: inline-block;'+ '}'+ ''+ ''+ ''+ '.my-box-grey {'+ 'background-color: #F8F8F8;'+ ' border: 1px solid #D4D4D4;'+ ' -webkit-border-radius: 2px;'+ ' border-radius: 2px;'+ '}'+ ''+ ''+ ''+ '.my-highlight {'+ 'color: #343840 !important;'+ 'padding: 1em;'+ 'background-color: #f0f5fc;'+ 'border-left: 4px solid #5596ee;'+ 'margin-bottom: 1em;'+ '}'+ ''+ '.my-widget-box {'+ 'display: block;'+ 'background-color: #fff;'+ 'margin-bottom: 2em;'+ 'padding: 0;'+ '-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.my-05);'+ ' box-shadow: 0 1px 1px rgba(0, 0, 0, 0.my-05);'+ '}'+ ''+ ''+ '.my-row-header {'+ 'margin: 0;'+ 'padding: 0;'+ 'border: 1px solid #d4d4d4;'+ 'background-color: #fff;'+ '-webkit-border-radius: 2px 2px 0 0;'+ 'border-radius: 2px 2px 0 0;'+ 'overflow: hidden;'+ '}'+ ''+ ''+ ''+ '.my-alert-wait,'+ '.my-alert-error,'+ '.my-alert-warning,'+ '.my-alert-message {'+ 'margin: 0 0 2em 0;'+ 'padding: 10px 20px;'+ '-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.my-05);'+ ' box-shadow: 0 1px 1px rgba(0, 0, 0, 0.my-05);'+ ' border-left-width: 3px;'+ ' border-left-style: solid; '+ '}'+ ''+ ''+ ''+ '.my-label {'+ 'display: inline-block;'+ 'background-color: #eff0f1;'+ 'border: 1px solid #cfd1d3;'+ 'color: #343840;'+ 'margin: 0 0.my-5em 0.my-25em 0;'+ 'padding: 0 0.my-5em;'+ '-webkit-border-radius: 2px;'+ 'border-radius: 2px;'+ 'font-size: 0.my-933em;'+ 'font-weight: 400;'+ 'line-height: 1.my-667em;'+ 'text-shadow: 0 -1px 0 #FFFFFF;'+ 'font-family: Monaco, "Courier New", monospace;'+ '}'+ ''+ ''+ ''+ '.my-breadcrumb {'+ 'padding: 0.my-5em 0;'+ 'border-bottom: 1px dotted #d2d2d2;'+ 'margin-bottom: 1.my-5em;'+ '}'+ ''+ ''+ '.my-btn {'+ ' display: inline-block;'+ ' cursor: pointer;'+ ' min-width: 80px; '+ ' height: 20px;'+ 'line-height: 20px; '+ ' margin: 0 0.my-5em 0.my-25em 0;'+ ' padding: 5px 10px; '+ ' background-color: #f2f2f2;'+ ' background: linear-gradient(to bottom, #f8f8f8, #e2e2e2); /* W3C */'+ ' background: -moz-linear-gradient(top , #f8f8f8, #e2e2e2);'+ 'background: -webkit-linear-gradient(top , #f8f8f8, #e2e2e2);'+ ' border-color: #D4D4D4 #D4D4D4 #C4C4C4;'+ ' border-image: none;'+ ' border-style: solid;'+ ' border-width: 1px;'+ ' text-shadow: 0 1px 1px rgba(255, 255, 255, 0.my-75);'+ ' -webkit-box-shadow: 0 1px 1px #FFFFFF inset;'+ ' box-shadow: 0 1px 1px #FFFFFF inset;'+ ' -webkit-border-radius: 3px;'+ ' border-radius: 3px; '+ ' font-size: 1em;'+ ' font-weight: 700;'+ ' vertical-align: middle;'+ ' text-align: center;'+ ' text-decoration: none;'+ ' color: #343840;'+ ' -webkit-font-smoothing: antialiased;'+ ' overflow: hidden;'+ '}'+ ''+ ''+ '.my-btn-primary {'+ ' background-color: #4a85d8;'+ ' background: linear-gradient(to bottom, #5596ee, #4a85d8); /* W3C */'+ ' background: -moz-linear-gradient(top , #5596ee, #4a85d8);'+ 'background: -webkit-linear-gradient(top , #5596ee, #4a85d8);'+ ' color: #fff !important;'+ ' text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.my-20);'+ ' border-color: #4A85D8;'+ ' text-shadow: none;'+ ' -webkit-box-shadow: none;'+ ' box-shadow: none; '+ '}'+ ''+ '.my-btn-save {'+ 'background-color: #46a054;'+ 'background: linear-gradient(to bottom, #54B365, #46a054); /* W3C */'+ ' background: -moz-linear-gradient(top , #54B365, #46a054);'+ 'background: -webkit-linear-gradient(top , #54B365, #46a054);'+ 'border-color: #46a054;'+ 'color: #fff;'+ 'text-shadow: 0 -1px 0 rgba(0,0,0,0.my-2);'+ '-webkit-box-shadow: none;'+ ' box-shadow: none;'+ '}'+ ''+ ''+ '.my-btn-delete {'+ 'background: #f45632;'+ 'border-color: #f45632;'+ 'color: #fff;'+ 'text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.my-2);'+ '-webkit-box-shadow: none;'+ ' box-shadow: none;'+ '}'+ ''+ ''+ ''+ '.my-form-grey {'+ '/*max-width: 100%;*/'+ 'margin: 0 0 1em 0;'+ 'background-color: #F8F8F8;'+ ' border: 1px solid #D4D4D4;'+ ' -webkit-border-radius: 2px;'+ ' border-radius: 2px;'+ '}'+ ''+ ''+ '.my-form-blue {'+ 'margin: 0 0 1em 0;'+ 'background-color: #EFF5FE;'+ ' border: 1px solid #DEEBFD;'+ ' -webkit-border-radius: 2px;'+ ' border-radius: 2px;'+ '}'+ ''+ '.my-welcome-question {'+ 'display: block;'+ 'width: 120px;'+ 'height: 120px;'+ 'padding: 0;'+ 'margin: -38px auto 30px auto;'+ '-webkit-border-radius: 60px;'+ 'border-radius: 64px;'+ 'background-color: #f2f2f2;'+ 'border: 4px solid #343840;'+ '}'+ ''+ '.my-app-bg {'+ 'display: block;'+ 'border: 1px solid #dcdcdc;'+ 'width: 64px;'+ 'height: 64px;'+ '-webkit-border-radius: 33px;'+ 'border-radius: 33px;'+ 'background-color: #fff;'+ 'margin: 0.my-5em auto;'+ 'text-decoration: none;'+ '}'+ ''+ '.my-social-share {'+ 'width: 80px;'+ 'height: 64px;'+ 'padding: 1em 2em;'+ 'border: 2px solid #d8d8d8;'+ 'background-color: #e4e4e4;'+ 'text-align: center;'+ 'margin: auto;'+ '-webkit-border-radius: 2px;'+ 'border-radius: 2px;'+ '}'+ ''+ ''+ ''+ ' style '+ ''

CIP 104 http://edoraandiamo.altervista.org/1.0/4/loading.js

document.getElementById('loading').innerHTML=
''+


'<style>'+

'.bordoloading{ position:fixed;'+
'top:0px;'+
'left:0px;'+
' '+
'padding:0px; margin:0px;'+
'background-color:transparent;'+
' '+
' '+
'font-family:monospace;'+
'font-variant:small-caps;'+
'border:solid 0px orange; '+
'border-radius:4px; '+
'z-index:99; }'+

'.loading-stile{ background-color:black;'+
' color:white; '+
' font-size:18px; font-size:normal; '+
' '+
'}'+

'.lampeggio'+
'{ animation: blinker 1.5s linear infinite; }'+

'@keyframes blinker { 50% { opacity: 0; } }'+

'</style>'+



'<div id="AttendereLoading" class="bordoloading">'+
'<div class=""'+
'style="">'+

'<span style="background-color:transparent;">'+
'<svg height="10" width="10"'+
'class="lampeggio" >'+
'<circle cx="5" cy="5" r="5" fill="orange" />'+
'</svg>'+
'</span>'+

'<span class="loading-stile"> Loading...'+
'<span id="percento">'+
'</span>'+
'</span>'+

'</div>'+

'</div>'+

''


function AttendereLoading()
{ if(document.all) {
document.all["AttendereLoading"].style.visibility="hidden"; }
else if (document.getElementById)
{
node=
document.getElementById("AttendereLoading").
style.visibility="hidden"; } }



var percento=document.getElementById("percento");
var contatore=1;
var intervallo=setInterval(
function() { percento.innerHTML=contatore+"%"; contatore++;
if (contatore===101) {clearInterval(intervallo);} } , 30000)


CIP 104 http://edoraandiamo.altervista.org/1.0/4/breakpoints.js

document.getElementById('breakpoints').innerHTML= ' style'+ ' @media (max-width:576px) {'+ ' body{background-color:maroon;'+ ' font-size:1em; font-family: monospace;}'+ ' }'+ ' @media (min-width:576px) {'+ ' body{background-color:gray;'+ ' font-size:1em; font-family: monospace;}'+ ' }'+ ' @media (min-width:768px) {'+ ' body{background-color:#055;'+ ' background-color:rgba(255,222,173, 1.0);'+ ' font-size:1em;'+ ' font-family: monospace;}'+ ' main{width:672px;}'+ ' }'+ ' @media (min-width:992px) {'+ ' {background-color:orange; font-size:1em;'+ ' font-family: monospace;}'+ ' }'+ ' @media (min-width:1200px) {'+ ' body{background-color:#a00; font-size:1em;'+ ' font-family: monospace;}'+ ' }'+ ' style'

CIP 104 http://edoraandiamo.altervista.org/1.0/4/chiudimodale.js

document.getElementById('chiudimodale').innerHTML=
'<p>'+
' <span style="margin:0.5em;'+
' border:solid 0px black;'+
' width:auto; height:auto; '+
' "> '+
' <a href="#" '+
' class="material-icons"'+
' style=" '+
' background-color:orange; '+
' color:black; '+
' font-size:2em;'+
' box-shadow:3px 3px 6px black;'+
' border-radius:4px; '+
' "> '+
' close </a> '+
' </span> </p>'+
' <hr/>'




CIP 104 http://edoraandiamo.altervista.org/1.0/4/backdoor.js

document.getElementById('backdoor').innerHTML=
' <style> /* backdoor */ '+
' .backdoor{ position: fixed; bottom: 0px;'+
'left:0px; font-size:small; '+
'background-color: rgba(153,76,0, 0.5);'+
'color: rgba(189,183,107, 1.0); border-radius:4px;'+
'z-index:101;} '+
'</style> '+
' <a href="#" class="material-icons" > '+
' <span class="backdoor">face</span> '+
' </a>'


CIP 104 http://edoraandiamo.altervista.org/1.0/4/credits2020.js

document.getElementById('credits2020').innerHTML=

'<table style="'+
'background-color:orange;'+
'border:solid 2px maroon;'+
'border-radius:4px;'+
'"> '+
'<tr>'+
'<td>'+

' webdesign 2020 '+
'</td>'+

'<td>'+
'<img src="'+
'http://edoraandiamo.altervista.org/'+
'img0/rinaldo-rasa-avatar-image.png" '+
'alt="" title="" '+
' style=" width:24px; height:24px;" > '+
'</td> '+


'<td> '+
' <a '+
' href="mailto:rinaldo.rasa@gmail.com">'+
' <img src="http://edoraandiamo.altervista.org/'+
'bita/icone-svg/it-mail.svg" '+
' alt="" title="" style="'+
' width:24px; height:24px;'+
'" >'+
'</a> '+
' </td> '+

' '+
'</tr></table>'+
''+

''


CIP 104 http://edoraandiamo.altervista.org/1.0/4/stilemodale.css

.bordomodale{ border:solid 4px gray; } .bordocontenutomodale{ padding:6px; } .modale{ position:fixed; top:0;right:0; bottom:0;left:0; background-color:rgba(0,0,0,1.0); pointer-events:none; /* COMMENTO zindex è importante */ opacity:0; z-index:100; } .modale:target {pointer-events: auto; opacity:1;} .contenutomodale{ position:static; width:70%; height:70%; margin-left:15.0%; /* COMMENTO width height margin sono in funzione tra di loro */ padding:0.5em; border-radius:4px; background-color: rgba(255,229,204, 1.0); background-color: rgba(204,166,128, 1.0); overflow:auto; }
Ooops!