Embedded Files
ultima funzionante oggi
ciccio
🇮🇹 TAPPA 1 - PIAZZA Aldo Moro
Ci troviamo a Casamassima, davanti alla maestosa Porta Orologio, simbolo della cittadina. Questa piazza, un tempo piazza Municipio e oggi Piazza Aldo Moro, ha visto molte trasformazioni. La Porta dell’Orologio racchiudeva l'antica Casamassima, circondata unicamente da campagne.
Nella prima metà del 1700, ecco sorgere la barocca Chiesa del Purgatorio, ricca di simboli che esploreremo più avanti. Il primo edificio privato a nascere fuori dal centro antico fu Palazzo Natale, costruito nel 1780 dal primicerio Vincenzo Natale, molto illustre all’epoca, e oggi appartenente alla famiglia Caravella, in stile neoclassico napoletano. Il resto della piazza e il corso vennero costruiti a seguire nell’800.
Procedendo attraverso i secoli, torniamo al Paese Azzurro e alla Porta Orologio. Facciamo un salto indietro di 500 anni, alla metà del 1500, quando la città era protetta da possenti mura e 33 torri. Alcune sono state demolite, altre sono rimaste inglobate nelle case, costruite tra la fine del 1600 e la fine del 1700.
La Porta dell’Orologio, in origine non si presentava così: la parte interna inferiore cinquecentesca è ancora visibile. All’epoca veniva chiamata Porta dei Mulini, poiché conduceva ai mulini del duca, il signorotto-feudatario di Casamassima. Nella prima metà del 1800, precisamente nel 1841, la porta venne ampliata su progetto dell’architetto Angelo Michele Pesce. Abbiamo persino la data incisa con il nome del sindaco di allora, Donato Amendoni, giovane, Donato Amendoni Juniore. Così recita l’iscrizione e la data MDCCCXXXXI.
Nella parte centrale abbiamo lo stemma della torre, simbolo di Casamassima fin dai tempi dell’Universitas. L’orologio e la torre culminano con un tempietto a colonnine doriche e una cupoletta.
Andiamo a vedere all’interno!
🇬🇧 TAPPA 1 - PIAZZA Aldo Moro
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tour Virtuale del Paese Azzurro</title>
<style>
body {
font-family: Arial, sans-serif;
}
.content {
margin-top: 20px;
font-size: 24px; /* Dimensione iniziale del carattere */
}
.controls {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
flex-wrap: wrap;
}
.buttons {
display: flex;
align-items: center;
}
.buttons button {
font-size: 1em;
padding: 10px;
margin-left: 10px; /* Spazio tra i bottoni */
display: flex;
align-items: center;
}
.dropdown {
font-size: 24px; /* Assicurati che il menu a tendina sia incluso nell'ingrandimento */
}
.buttons button .emoji {
margin-left: 5px;
}
</style>
</head>
<body onload="showContent()">
<div class="controls">
<div class="buttons">
<span>TESTO:</span>
<button onclick="changeFontSize('increase')">🔍+</button>
<button onclick="changeFontSize('decrease')">🔍-</button>
</div>
<div>
<label for="dropdown">Select a language:</label>
<select id="dropdown" class="dropdown" onchange="showContent()">
<option value="italian" selected>🇮🇹 Italiano</option>
<option value="english">🇬🇧 English</option>
<option value="chinese">🇨🇳 中文 (Zhōngwén)</option>
<option value="russian">🇷🇺 Русский (Russkiy)</option>
<option value="german">🇩🇪 Deutsch</option>
<option value="spanish">🇪🇸 Español</option>
<option value="french">🇫🇷 Français</option>
<option value="romanian">🇷🇴 Română</option>
</select>
</div>
</div>
<article class="content" id="content">
<!-- The content will appear here -->
</article>
<script>
function showContent() {
var dropdown = document.getElementById("dropdown");
var content = document.getElementById("content");
var selectedValue = dropdown.value;
switch (selectedValue) {
case "italian":
content.innerHTML = `<p>Questa è la traduzione in italiano.</p>
<button onclick="speak('it-IT')">🔊 Leggi in Italiano 🔊</button>`;
break;
case "english":
content.innerHTML = `<p>This is the translation in English.</p>
<button onclick="speak('en-US')">🔊 Read in English 🔊</button>`;
break;
case "chinese":
content.innerHTML = `<p>这是中文翻译。</p>
<button onclick="speak('zh-CN')">🔊 中文朗读 🔊</button>`;
break;
case "russian":
content.innerHTML = `<p>Это перевод на русский язык.</p>
<button onclick="speak('ru-RU')">🔊 Читать по-русски 🔊</button>`;
break;
case "german":
content.innerHTML = `<p>Dies ist die Übersetzung ins Deutsche.</p>
<button onclick="speak('de-DE')">🔊 Auf Deutsch lesen 🔊</button>`;
break;
case "spanish":
content.innerHTML = `<p>Esta es la traducción al español.</p>
<button onclick="speak('es-ES')">🔊 Leer en Español 🔊</button>`;
break;
case "french":
content.innerHTML = `<p>Ceci est la traduction en français.</p>
<button onclick="speak('fr-FR')">🔊 Lire en Français 🔊</button>`;
break;
case "romanian":
content.innerHTML = `<p>Aceasta este traducerea în română.</p>
<button onclick="speak('ro-RO')">🔊 Citește în Română 🔊</button>`;
break;
default:
content.innerHTML = "";
break;
}
}
function changeFontSize(action) {
var content = document.getElementById("content");
var dropdown = document.getElementById("dropdown");
var buttons = document.querySelectorAll('.buttons button');
var currentSize = window.getComputedStyle(content, null).getPropertyValue('font-size');
var currentDropdownSize = window.getComputedStyle(dropdown, null).getPropertyValue('font-size');
var newSize = parseFloat(currentSize);
var newDropdownSize = parseFloat(currentDropdownSize);
if (action === 'increase') {
newSize += 2;
newDropdownSize += 2;
} else if (action === 'decrease') {
newSize -= 2;
newDropdownSize -= 2;
}
content.style.fontSize = newSize + 'px';
dropdown.style.fontSize = newDropdownSize + 'px';
buttons.forEach(button => {
button.style.fontSize = newSize + 'px';
});
}
function speak(lang) {
const text = document.getElementById('content').innerText;
const utterance = new SpeechSynthesisUtterance(text.replace(/🔊 [\s\S]+$/, '')); // Rimuove l'emoji del suono e il testo del pulsante
utterance.lang = lang;
window.speechSynthesis.speak(utterance);
}
</script>
</body>
</html>
Google Sites
Report abuse