File: //CRAZYindex.php
<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="ISO-8859-1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cantus Gregorianus - Home</title>
<!-- Stile universale del corso -->
<link rel="stylesheet" href="assets/style.css">
<link href="https://googleapis.com" rel="stylesheet">
<script language="JavaScript">
function SetCookie(name,value){
var now = new Date();
now.setTime(now.getTime()+2000*24*60*60*1000);
document.cookie = name + "=" + escape(value) + ";expires=" + now.toGMTString() + ";path=/";
}
function protectme() {
var pass = prompt("Per favore, inserisci la password !","");
if(pass==null || pass=="") return;
// La tua password originale 'archangelus' genera l'hash 7 con il moltiplicatore 3
// Manteniamo la coerenza con il sistema originale
if (pass.toLowerCase() === "archangelus") {
SetCookie("LoggedOn", "7|dummy_hash");
window.location.href = "html/protetta.php";
} else {
alert("Password non corretta!");
}
}
</script>
<style>
.home-grid { display: flex; flex-wrap: wrap; gap: 40px; margin-top: 30px; }
.home-text { flex: 1.5; min-width: 300px; text-align: justify; }
.home-forms { flex: 1; min-width: 300px; }
.card-home { background: #fff; padding: 25px; border: 1px solid #e0d7c6; border-radius: 4px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); margin-bottom: 20px; }
.form-table-home { width: 100%; border-collapse: collapse; }
.form-table-home td { padding: 6px; }
.form-table-home input[type="text"] { width: 100%; border: 1px solid #ccc; padding: 8px; border-radius: 3px; font-family: 'Lora', serif; }
.btn-entra { background: var(--primary-color); color: var(--accent-color); border: none; padding: 12px 30px; cursor: pointer; font-family: 'Cinzel', serif; font-weight: bold; border-radius: 4px; width: 100%; transition: 0.3s; }
.logo-row { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 25px; margin-top: 40px; padding-top: 30px; border-top: 1px solid #eee; }
.logo-row img { max-height: 85px; width: auto; }
@media (max-width: 850px) { .home-grid { flex-direction: column; } }
</style>
</head>
<body>
<div class="container-principale">
<header style="text-align: center; margin-bottom: 20px;">
<h1 style="font-size: 2.2rem; margin-bottom: 10px;">CORSO INTRODUTTIVO DI CANTO GREGORIANO</h1>
<p style="font-size: 1.1rem; color: #555;">per la formazione a distanza</p>
<p>a cura di <b>Fabrizio Mastroianni, Maurizio Verde e Giacomo Baroffio</b></p>
</header>
<div class="home-grid">
<div class="home-text testo-lezione">
<p>Il presente corso si prefigge lo scopo di fornire i primi elementi per avvicinare alla pratica del canto Gregoriano chi viva lontano dai centri in cui viene praticato e insegnato. <br>
Nasce come parte integrante del corso “<b><i>Il Canto Gregoriano nel Terzo Millennio...</i></b>” (codice TR.00.03.34.033), finanziato dalla Provincia di Terni con fondi europei. <br>
Seppure destinato inizialmente allo studio individuale a distanza degli allievi del corso, si è stabilito di lasciarlo a disposizione gratuita di chiunque sia interessato al Canto Gregoriano, per proprio interesse personale, o allo scopo di riutilizzarlo nella Liturgia.<br>
Per consultare il corso, dovrete ottenere una password personale, lasciando le vostre generalità e un vostro indirizzo e-mail, riempendo il modulo a lato. Ciò vi darà la possibilità di scaricare gratis tutti gli esempi musicali proposti.<br>
Questo corso costituisce un work-in-progress, che contiamo di migliorare grazie anche ai suggerimenti e alle critiche (costruttive) di coloro che vorranno seguirlo.<br>
Siamo perfettamente consapevoli dell’inadeguatezza dei mezzi che possiamo proporre (testi schematici, alcune immagini da codici, trascrizioni musicali, l’ascolto di alcuni brani cantati da un solista o da un piccolo ensemble) rispetto all’esperienza totalizzante che viveva un monaco nel suo monastero, nel medioevo.<br>
Riteniamo tuttavia che valga la pena utilizzare internet al massimo delle sue possibilità, per favorire la riscoperta di un canto, che ha rappresentato per mille anni il modo della chiesa cristiana occidentale di pregare, di meditare sulla Parola di Dio, di avvicinarsi a Lui. <br>
Un corso a distanza, naturalmente, non potrà mai sostituire l’esperienza pratica svolta a fianco di un Maestro; ma speriamo che possa costituire per molti di voi uno dei momenti di avvicinamento alla pratica del Gregoriano.</p>
</div>
<div class="home-forms">
<div class="card-home">
<form name="iscrizione" enctype="plain/text" action="sendme.php" method="POST">
<p style="font-size: 0.9rem; margin-top: 0; font-weight: bold; border-bottom: 1px solid var(--accent-color); padding-bottom: 10px;">ISCRIZIONE</p>
<p style="font-size: 0.85rem;">Per ricevere tramite posta elettronica una password di ingresso, riempire ed inviare il modulo.</p>
<table class="form-table-home">
<tr><td align="right" width="30%"><font size="-1">Nome:</font></td><td><input type="text" name="NOME" required></td></tr>
<tr><td align="right"><font size="-1">Conome:</font></td><td><input type="text" name="COGNOME" required></td></tr>
<tr><td align="right"><font size="-1">Indirizzo:</font></td><td><input type="text" name="INDIRIZZO"></td></tr>
<tr><td align="right"><font size="-1">C.A.P.:</font></td><td><input type="text" name="CAP" style="width: 80px;"></td></tr>
<tr><td align="right"><font size="-1">Citta’:</font></td><td><input type="text" name="CITTA"></td></tr>
<tr><td align="right"><font size="-1">Provincia:</font></td><td><input type="text" name="PROVINCIA"></td></tr>
<tr><td align="right"><font size="-1">e-mail:</font></td><td><input type="text" name="E-MAIL" required></td></tr>
<tr><td colspan="2" align="center" style="padding-top: 15px;">
<input type="submit" name="INVIO" value="invio" style="padding: 5px 15px; cursor:pointer;">
<input type="reset" name="CANCELLA" value="cancella" style="padding: 5px 15px; cursor:pointer;">
</td></tr>
</table>
</form>
</div>
<div class="card-home" style="text-align: center;">
<p style="font-size: 0.85rem; margin-top: 0;">Se possiedi la password:</p>
<button type="button" class="btn-entra" onClick="protectme();">ENTRA NEL CORSO</button>
</div>
</div>
</div>
<div class="logo-row">
<img src="./assets/images/regione-ico.gif" alt="Regione">
<img src="./assets/images/ministero-ico.gif" alt="Ministero">
<img src="./assets/images/provincia-ico.gif" alt="Provincia">
<img src="./assets/images/unione-europea-ico.gif" alt="Unione Europea">
</div>
<div style="text-align: center; margin-top: 30px; color: #660000;">
<p style="font-family: 'Cinzel', serif; font-weight: bold; margin-bottom: 10px;">Associazione San Michele Arcangelo</p>
<img src="./assets/images/santino2.jpg" alt="Santino" style="height: 55px; width: auto;">
</div>
</div>
</body>
</html>