<!DOCTYPE html>

<html id="HTML" lang="it" class="daxmo" >


<head>
 <meta charset="utf-8">
 <meta name="generator" content="AlterVista - Editor HTML"/>
<title>
frameworkdinamic__20220729c

</title>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=PT+Mono&display=swap" rel="stylesheet">

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

<script>
 /*
 How to copy TEXT to Clipboard on Button-Click
 A Pen By Shaik Maqsood
 https://codepen.io/shaikmaqsood/pen/XmydxJ
 */
 /*
<button onclick="copyToClipboard('#commento')">
Copy TEXT 
</button>
 */
function copyToClipboard(element) {
 var $temp = $("<input>");
 $("body").append($temp);
 $temp.val($(element).text()).select();
 document.execCommand("copy");
 $temp.remove();
 }
</script> 
 
<style> 
html * {font-size:medium; font-family:"PT Mono",monospace;} /* DESKTOP */

a{margin:0.25rem;padding:0.25rem; background-color:oldlace;color:indigo;border:solid 0.05rem orange;border-radius:0.25rem;display:inline-block;}
a:hover{background-color:oldlace!important;color:indigo!important;font-style:italic;border:solid 0.15rem green;cursor:pointer;}

body{margin-left:2.5rem;margin-right:2.5rem;}

button{background-color:oldlace!important;color:indigo!important;cursor:pointer;}
button:hover{background-color:oldlace!important;color:indigo!important;font-style:italic;border:solid 0.15rem green;cursor:pointer;}

</style>


<style>

.cursore { background: lime; line-height: 17px; margin-left: 3px; -webkit-animation: blink 0.8s infinite; width: 7px; height: 15px;} /* @-webkit-keyframes blink { 0% {background: #222} 50% {background: lime} 100% {background: #222}} */ @-webkit-keyframes blink { 0% {background: #222} 50% {background: orange} 100% {background: #222}} 
.dissolvenza { animation: fadeIn ease 2.5s; -webkit-animation: fadeIn ease 2.5s; -moz-animation: fadeIn ease 2.5s; -o-animation: fadeIn ease 2.5s; -ms-animation: fadeIn ease 2.5s; } @keyframes fadeIn { 0% {opacity:0;} 100% {opacity:1;} } 
.dissolvenzapopup { animation: fadeIn ease 5.5s; -webkit-animation: fadeIn ease 5.5s; -moz-animation: fadeIn ease 5.5s; -o-animation: fadeIn ease 5.5s; -ms-animation: fadeIn ease 5.5s; } @keyframes fadeIn { 0% {opacity:0;} 100% {opacity:1;} } 

</style>




<style>
aside{background-color:white;color:maroon;}
aside, blockquote{border:solid 0.05rem maroon;}
aside#ELLE, aside#ERRE{}
aside#ELLE, aside#ERRE{padding:0.25rem;}

aside#ELLE{background-color:oldlace;}
aside#ERRE{background-color:lightgrey;}

</style>


</head>

<body id="BODY" class="daxmo dissolvenza">
<HEADER id="BEFOREELLEERRE" >

</HEADER>


<!-- sistemazione main aside ELLE ERRE -->
<MAIN id="MAIN">


<!-- ELLE -->
<ASIDE style="position:fixed;
top:0rem;left:0rem;
width:80%; height:99%;overflow:auto;" 
id="ELLE">


</ASIDE> <!-- ELLE -->

<!-- ERRE -->
<ASIDE style="position:fixed;top:0rem;right:0rem;
width:20%; height:99%; text-align:center;overflow:auto;" 
id="ERRE">

<blockquote style="overflow:auto;" id="WIDTHHEIGHT">
<details><summary>wh%</summary>

<input style="width:3.75rem;" id="CAMBIA_W" type="text" value="95%" />
<a onclick="CAMBIA_W()" STYLE="background-color:transparent;text-decoration:none;border:none!important;cursor:pointer;" class="fs-1">W</a>
<script>function CAMBIA_W(){larghezza=document.getElementById("CAMBIA_W").value; document.querySelector("#ELLE").style.width=larghezza;}</script>


<input style="width:3.75rem;" id="CAMBIA_H" type="text" value="95%" />
<a onclick="CAMBIA_H()" STYLE="background-color:transparent;text-decoration:none;border:none!important;cursor:pointer;" class="fs-1">H</a>
<script>function CAMBIA_H(){altezza=document.getElementById("CAMBIA_H").value; document.querySelector("#ELLE").style.height=altezza;}</script>


</details>
</blockquote>


</ASIDE> <!-- ERRE -->


</MAIN>


<FOOTER id="AFTERELLEERRE" style="margin-left:2.5rem;margin-right:2.5rem;">

</FOOTER>
<div style="margin:5rem" id="fine"></div>

</body>
</html>