File: //cantusindex.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>
<link rel="stylesheet" href="assets/style.css">
<link href="https://googleapis.com" rel="stylesheet">
<script language="JavaScript">
function SetCookie(name,value,expires){
var expString;
var now = new Date();
now.setTime(now.getTime()+2000*24*60*60*1000);
expString = ";expires=" + now.toGMTString();
document.cookie = name + "=" + escape(value) + expString + ";path=/";
}
var protectme_trys = 3;
var protectme_alpha="ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789-:/._abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
var protectme_a1=new Array(); var protectme_a2=new Array();
protectme_a1[0]=7; protectme_a2[0]="a_jvon_rtqvgvvcajvo";
function protectme() {
var pass = prompt("Please enter your password !","");
if(pass==null || pass=="") return;
var h1 = protectme_makehash(pass,3);
var h2 = protectme_makehash(pass,10)+" ";
var pos;
for (pos=0; pos<protectme_a1.length; pos++) if (protectme_a1[pos]==h1) break;
if (pos == protectme_a1.length) {
protectme_trys--;
if (protectme_trys > 0) {
if (confirm("Password non corretta! Riprovare?")) protectme();
}
return;
}
var page=""; var hp=0;
for (var i=0; i<protectme_a2[pos].length; i++) {
var letter = protectme_a2[pos].substring(i,i+1);
var a = protectme_alpha.indexOf(letter,0);
if (a>=0) {
a-=(h2.substring(hp,hp+1)*1); hp++;
if (hp==h2.length-1) hp=0;
if (a<0) a+=68;
page+=protectme_alpha.substring(a,a+1);
} else { page+=letter; }
}
SetCookie("LoggedOn", h1+"|"+h2);
window.location.href = "html/" + page.replace('.htm', '.php');
}
function protectme_makehash(pw,mult) {
var hash=0;
for (var i=0; i<pw.length; i++) {
var letter = pw.substring(i,i+1);
var c = protectme_alpha.indexOf(letter,0)+1;
hash = (hash*mult+c)%27;
}
return hash;
}
</script>
<style>
/* Layout Grid per dividere Testo e Moduli */
.home-grid {
display: grid;
grid-template-columns: 1.5fr 1fr;
gap: 40px;
margin-top: 30px;
}
.home-text { text-align: justify; }
/* Card moderne per i Form */
.card-modulo {
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-group {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.form-group label {
flex: 0 0 80px;
font-size: 0.85rem;
text-align: right;
margin-right: 10px;
}
.form-group input {
flex: 1;
padding: 8px;
border: 1px solid #ccc;
border-radius: 3px;
}
.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%;
}
.logo-row {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 25px;
margin-top: 40px;
padding: 20px;
border-top: 1px solid #eee;
}
.logo-row img { max-height: 80px; width: auto; }
/* Responsive: su Smartphone tutto in una colonna */
@media (max-width: 850px) {
.home-grid { grid-template-columns: 1fr; }
.form-group { flex-direction: column; align-items: flex-start; }
.form-group label { text-align: left; margin-bottom: 5px; flex: none; }
}
</style>
</head>
<body>
<div class="container-principale">
<header style="text-align: center;">
<h1 style="font-size: 2rem; margin-bottom: 10px;">CORSO INTRODUTTIVO DI CANTO GREGORIANO</h1>
<p>per la formazione a distanza<br>a cura di<br>
<b>Fabrizio Mastroianni, Maurizio Verde e Giacomo Baroffio</b></p>
</header>
<div class="home-grid">
<!-- TESTO ORIGINALE INTONSO -->
<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>
<!-- MODULI GESTITI CON CSS (NO TABELLE) -->
<div class="home-sidebar">
<div class="card-modulo">
<form name="iscrizione" enctype="plain/text" action="sendme.php" method="POST">
<p style="font-size: 0.85rem; margin-top:0;">Per ricevere tramite posta elettronica una password di ingresso al sito, riempire in ogni sua parte ed inviare il seguente modulo.</p>
<div class="form-group"><label>Nome:</label><input type="text" name="NOME" required></div>
<div class="form-group"><label>Conome:</label><input type="text" name="COGNOME" required></div>
<div class="form-group"><label>Indirizzo:</label><input type="text" name="INDIRIZZO"></div>
<div class="form-group"><label>C.A.P.:</label><input type="text" name="CAP" style="max-width: 100px;"></div>
<div class="form-group"><label>Citta’:</label><input type="text" name="CITTA"></div>
<div class="form-group"><label>Provincia:</label><input type="text" name="PROVINCIA"></div>
<div class="form-group"><label>e-mail:</label><input type="text" name="E-MAIL" required></div>
<div style="text-align: center; margin-top: 15px;">
<input type="submit" name="INVIO" value="invio" style="cursor:pointer; padding: 5px 15px;">
<input type="reset" name="CANCELLA" value="cancella" style="cursor:pointer; padding: 5px 15px;">
</div>
</form>
</div>
<div class="card-modulo" 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</button>
</div>
</div>
</div>
<!-- LOGHI ORIGINALI -->
<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: 20px; color: #660000; font-family: 'Cinzel', serif;">
<p><b>Associazione San Michele Arcangelo</b></p>
<img src="./assets/images/santino2.jpg" alt="Santino" style="width: 45px; height: 50px;">
</div>
</div>
</body>
</html>