<?

// *******************************************
// **                                       **
// **                                       **
// **   dabasen.php                         **
// **                                       **
// **                                       **
// *******************************************
// *******************************************
$DABASE="/membri/avid3820725/dabasen.php";
// 
// REFERENCE
//
// $message="Attivato il database! ROOT DIRECTORY";
// echo "<script>alert('$message');</script>";

/* */

$message="dabasen homepage, Vers. 20:22:09:19:09:35 , attivato il database!";
echo "<script>alert('$message');</script>";






// *******************************************
// **                                       **
// **                                       **
// **   function head()                     **
// **                                       **
// **                                       **
// *******************************************
// *******************************************


function head(){
echo '
<meta charset="utf-8">
<meta name="generator" content="AlterVista - Editor HTML"/>
<link rel="icon" type="image/png" href="https://it.altervista.org/images/favicon/favicon-16x16.png" sizes="16x16">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=PT+Mono&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.6.0.slim.min.js" integrity="sha256-u7e5khyithlIdTpu22PHhENmPcRdFiHRjhAuHcs05RI=" crossorigin="anonymous"></script>
<style>
html * {font-family:"PT Mono",monospace;}

body{margin-left:7.5rem;margin-right:7.5rem;margin-top:7.5rem;margin-bottom:2.5rem;}
header{}

main{margin-bottom:7.5rem;}

</style>



<style>
/* stili per corner */

/* position */
.botole{position:fixed;top:0rem;left:0rem;}
.botori{position:fixed;top:0rem;right:0rem;}
.bobole{position:fixed;bottom:0rem;left:0rem;}
.bobori{position:fixed;bottom:0rem;right:0rem;}

/* colors full monty */
.bo{border-top:solid 2.5rem red;border-right:solid 2.5rem green;border-bottom:solid 2.5rem blue;border-left:solid 2.5rem orange;cursor:pointer;}

/* boof = one of four , clockwise */
.boof1{border-top:solid 2.5rem red;border-right:solid 2.5rem transparent;border-bottom:solid 2.5rem transparent;border-left:solid 2.5rem orange;cursor:pointer;}
.boof2{border-top:solid 2.5rem red;border-right:solid 2.5rem green;border-bottom:solid 2.5rem transparent;border-left:solid 2.5rem transparent;cursor:pointer;}
.boof3{border-top:solid 2.5rem transparent;border-right:solid 2.5rem green;border-bottom:solid 2.5rem blue;border-left:solid 2.5rem transparent;cursor:pointer;}
.boof4{border-top:solid 2.5rem transparent;border-right:solid 2.5rem transparent;border-bottom:solid 2.5rem blue;border-left:solid 2.5rem orange;cursor:pointer;}

/* dashed perimetro */
.bomin{border:dashed 0.01rem maroon;display:inline-block;}

/* small angles bookmarkers */
.aas{width:0rem;height:0rem;border-top:solid 1.0rem red;border-right:solid 1.0rem rgba(255,245,235);;border-bottom:solid 1.0rem rgba(255,245,235);;border-left:solid 1.0rem orange;  }
.aad{width:0rem;height:0rem;border-top:solid 1.0rem red;border-right:solid 1.0rem green;border-bottom:solid 1.0rem rgba(255,245,235);;border-left:solid 1.0rem rgba(255,245,235);;   }
.abd{width:0rem;height:0rem;border-top:solid 1.0rem rgba(255,245,235);;border-right:solid 1.0rem green;border-bottom:solid 1.0rem blue;border-left:solid 1.0rem rgba(255,245,235);;  }
.abs{width:0rem;height:0rem;border-top:solid 1.0rem rgba(255,245,235);;border-right:solid 1.0rem rgba(255,245,235);;border-bottom:solid 1.0rem blue;border-left:solid 1.0rem orange; }

/* linee orizzontali e verticali */
.lxtole{POSITION:FIXED;TOP:2.50REM;LEFT:0.00REM;WIDTH:100%;HEIGHT:0%;BORDER:SOLID 0.01REM MAGENTA;}
.lxbole{POSITION:FIXED;BOTTOM:2.50REM;LEFT:0.00REM;WIDTH:100%;HEIGHT:0%;BORDER:SOLID 0.01REM MAGENTA;}
.lybole{POSITION:FIXED;BOTTOM:0.00REM;LEFT:2.50REM;WIDTH:0%;HEIGHT:100%;BORDER:SOLID 0.01REM MAGENTA;}
.lybori{POSITION:FIXED;BOTTOM:0.00REM;RIGHT:2.50REM;WIDTH:0%;HEIGHT:100%;BORDER:SOLID 0.01REM MAGENTA;}

.lxtolepo{POSITION:FIXED;TOP:5.00REM;LEFT:0.00REM;WIDTH:100%;HEIGHT:0%;BORDER:SOLID 0.01REM LIME;}
.lxbolepo{POSITION:FIXED;BOTTOM:5.00REM;LEFT:0.00REM;WIDTH:100%;HEIGHT:0%;BORDER:SOLID 0.01REM LIME;}
.lybolepo{POSITION:FIXED;BOTTOM:0.00REM;LEFT:5.00REM;WIDTH:0%;HEIGHT:100%;BORDER:SOLID 0.01REM LIME;}
.lyboripo{POSITION:FIXED;BOTTOM:0.00REM;RIGHT:5.00REM;WIDTH:0%;HEIGHT:100%;BORDER:SOLID 0.01REM LIME;}

/* zeta index per angles clockwise*/
div#BOTOLE{opacity:1.0; z-index:100;}
div#BOTOLO{opacity:1.0; z-index:100;}
div#BOTORI{opacity:1.0; z-index:100;}
div#BOTORO{opacity:1.0; z-index:100;}
div#BOBORI{opacity:1.0; z-index:100;}
div#BOBORO{opacity:1.0; z-index:100;}
div#BOBOLE{opacity:1.0; z-index:100;}
div#BOBOLO{opacity:1.0; z-index:100;}



.malr5rem{MARGIN-LEFT:5REM;MARGIN-RIGHT:5REM;}
.mato5rem{MARGIN-TOP:5REM;}
.carpop{padding:1.5rem;background-color:rgb(255,245,235);color:black;FONT-SIZE:1.75REM;font-variant:small-caps;text-align:center;}
.carpop{padding:1.5rem;background-color:rgb(255,245,235);color:black;FONT-SIZE:1.25REM;font-variant:small-caps;text-align:center;}


section>article>div{background-color:orange;color:black;font-variant:small-caps;}

section#DETECTSOBROWSERDEVICEWIDTHHEIGHT{POSITION:FIXED;BOTTOM:0REM;WIDTH:99.50%;margin-left:-7.5rem;margin-right:-7.5rem;TEXT-ALIGN:CENTER;BORDER:SOLID 0.00REM RED;}
section#DETECTSOBROWSERDEVICEWIDTHHEIGHT>DIV{TEXT-ALIGN:CENTER;}


</style>


';
}








// *******************************************
// **                                       **
// **                                       **
// **   function body()                     **
// **                                       **
// **                                       **
// *******************************************
// *******************************************


function body(){
echo '
<body id="BODY" class="daxmo">
<header class="daxmo"></header>


<main id="MAIN" class="daxmo">

<!-- quattro pulsanti boof per toggle 

<div ID="BOTOLO" onclick="BOTOLO()"class="botole boof1"></div>
<div ID="BOTOLE" onclick="BOTOLE()"class="botole boof1"></div>
<div ID="BOTORO" onclick="BOTORO()"class="botori boof2"></div>
<div ID="BOTORI" onclick="BOTORI()"class="botori boof2"></div>
<div ID="BOBORO" onclick="BOBORO()"class="bobori boof3"></div>
<div ID="BOBORI" onclick="BOBORI()"class="bobori boof3"></div>
<div ID="BOBOLO" onclick="BOBOLO()"class="bobole boof4"></div>
<div ID="BOBOLE" onclick="BOBOLE()"class="bobole boof4"></div>
-->

<SECTION style="display:none;" ID="BOTOLPOUP"><article class="malr5rem mato5rem"><div class="carpop"><div class="bomin"><div class="aas"></div></div><!--BOTOLPOUP--></div><? include("/membri/avid3820725/captcha/cptch001/request/botolpopup.php");?></article></SECTION>
<SECTION style="display:none;" ID="BOTORPOUP"><article class="malr5rem mato5rem"><div class="carpop"><div class="bomin"><div class="aad"></div></div><!--BOTORPOUP--></div><? include("/membri/avid3820725/captcha/cptch001/request/botorpopup.php");?></article></SECTION>
<SECTION style="display:none;" ID="BOBORPOUP"><article class="malr5rem mato5rem"><div class="carpop"><div class="bomin"><div class="abd"></div></div><!--BOBORPOUP--></div><? include("/membri/avid3820725/captcha/cptch001/request/boborpopup.php");?></article></SECTION>
<SECTION style="display:none;" ID="BOBOLPOUP"><article class="malr5rem mato5rem"><div class="carpop"><div class="bomin"><div class="abs"></div></div><!--BOBOLPOUP--></div><? include("/membri/avid3820725/captcha/cptch001/request/bobolpopup.php");?></article></SECTION>

<script> function BOTOLO(){ /*alert("BOTOLO");*/ document.querySelector("#BOTOLPOUP").style.display="none"; document.querySelector("#BOTOLO").style.display="none";document.querySelector("#BOTOLE").style.display="block"; }  </script>
<script> function BOTOLE(){ /*alert("BOTOLE");*/ document.querySelector("#BOTOLPOUP").style.display="block";document.querySelector("#BOTOLE").style.display="none";document.querySelector("#BOTOLO").style.display="block"; }  </script>
<script> function BOTORO(){ /*alert("BOTORO");*/ document.querySelector("#BOTORPOUP").style.display="none"; document.querySelector("#BOTORO").style.display="none";document.querySelector("#BOTORI").style.display="block"; }  </script>
<script> function BOTORI(){ /*alert("BOTORI");*/ document.querySelector("#BOTORPOUP").style.display="block";document.querySelector("#BOTORI").style.display="none";document.querySelector("#BOTORO").style.display="block"; }  </script>
<script> function BOBORO(){ /*alert("BOBORO");*/ document.querySelector("#BOBORPOUP").style.display="none"; document.querySelector("#BOBORO").style.display="none";document.querySelector("#BOBORI").style.display="block"; }  </script>
<script> function BOBORI(){ /*alert("BOBORI");*/ document.querySelector("#BOBORPOUP").style.display="block";document.querySelector("#BOBORI").style.display="none";document.querySelector("#BOBORO").style.display="block"; }  </script>
<script> function BOBOLO(){ /*alert("BOBOLO");*/ document.querySelector("#BOBOLPOUP").style.display="none"; document.querySelector("#BOBOLO").style.display="none";document.querySelector("#BOBOLE").style.display="block"; }  </script>
<script> function BOBOLE(){ /*alert("BOBOLE");*/ document.querySelector("#BOBOLPOUP").style.display="block";document.querySelector("#BOBOLE").style.display="none";document.querySelector("#BOBOLO").style.display="block"; }  </script>




<!-- le linne grid -->

<article class="debugging">
<DIV class="lxtole"></DIV>
<DIV class="lxbole"></DIV>
<DIV class="lybole"></DIV>
<DIV class="lybori"></DIV>

<DIV class="lxtolepo"></DIV>
<DIV class="lxbolepo"></DIV>
<DIV class="lybolepo"></DIV>
<DIV class="lyboripo"></DIV>
</article>

</main>



<footer class="daxmo"></footer>
<div id="fine" class="daxmo"></div>
</body>
';
}


?>