168 lines
6.5 KiB
PHP
168 lines
6.5 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Resistere in Silenzio</title>
|
|
<link rel="icon" href="img/woman-hair.png" type="image/png">
|
|
|
|
<link rel="stylesheet" href="content/css/style.css">
|
|
|
|
<!-- Meta Tag Standard -->
|
|
<meta name="description"
|
|
content="Un archivio digitale dedicato alle storie sommerse delle donne tra storia e letteratura. Esplora la Resistenza, il suffragio e il ruolo delle donne.">
|
|
<meta name="author" content="Muccari Luigi">
|
|
|
|
<!-- Open Graph (WhatsApp, Facebook, Classroom) -->
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:url" content="https://resistereinsilenzio-luigi.web.francescomancuso.it">
|
|
<!-- Sostituisci con l'URL reale -->
|
|
<meta property="og:title" content="Resistere in Silenzio | Storie di Donne">
|
|
<meta property="og:description"
|
|
content="Il ruolo nascosto ma fondamentale delle donne tra storia e letteratura. Un viaggio tra Resistenza e Libertà.">
|
|
<meta property="og:image" content="img/women-smovement.webp">
|
|
<meta property="og:image:width" content="1200">
|
|
<meta property="og:image:height" content="630">
|
|
|
|
<!-- Twitter Cards -->
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="twitter:title" content="Resistere in Silenzio">
|
|
<meta name="twitter:description"
|
|
content="L'archivio digitale sulle figure femminili silenziose che hanno cambiato la storia.">
|
|
<meta name="twitter:image" content="img/women-smovement.webp">
|
|
|
|
<!-- Colore barra indirizzi (Android/Chrome) -->
|
|
<meta name="theme-color" content="#2c3e50">
|
|
|
|
<!-- Icona per i browser e tab (già presente, ma espansa) -->
|
|
<link rel="icon" href="img/woman-hair.png" type="image/png">
|
|
<link rel="apple-touch-icon" href="img/woman-hair.png"> <!-- Per chi salva il link su iPhone -->
|
|
|
|
<!-- Anteprima WhatsApp/Social se vuoi mostrare il LOGO invece della foto grande -->
|
|
<!-- Nota: Se preferisci l'immagine del movimento, tieni quella di prima.
|
|
Se vuoi che il brand sia il logo, usa questo: -->
|
|
<meta property="og:image" content="img/woman-hair.png">
|
|
<meta property="og:image:type" content="image/png">
|
|
<meta property="og:image:width" content="300">
|
|
<meta property="og:image:height" content="300">
|
|
|
|
<!-- Twitter Card con logo piccolo a lato del testo -->
|
|
<meta name="twitter:card" content="summary">
|
|
<meta name="twitter:image" content="img/woman-hair.png">
|
|
</head>
|
|
|
|
<body>
|
|
<?php
|
|
$env = getenv('APP_ENV') ?: 'prod';
|
|
|
|
// Definisce l'URL in base all'ambiente e alla pagina
|
|
if ($env === 'local') {
|
|
$nextUrl = "http://localhost:3000/my-app/out/plasma/";
|
|
} else {
|
|
$nextUrl = "/my-app/out/plasma/";
|
|
}
|
|
?>
|
|
|
|
<iframe src="<?= $nextUrl ?>" class="iframe-background" title="Floating Lines"></iframe>
|
|
<div class="div-content"></div>
|
|
|
|
<header class="header">
|
|
<div class="container header-content">
|
|
<div class="logo">Resistere<span>.</span>in<span>.</span>Silenzio</div>
|
|
|
|
<nav>
|
|
<ul class="nav-menu">
|
|
<li><a href="#intro" class="nav-link">Introduzione</a></li>
|
|
<li><a href="#rest" class="nav-link">Resistenza</a></li>
|
|
<li><a href="#suf" class="nav-link">Suffragio</a></li>
|
|
<li><a href="#lette" class="nav-link">La Ciociara</a></li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<a href="index.php" class="logo-link">
|
|
<img src="img/woman-hair.png" alt="Logo" class="header-logo">
|
|
</a>
|
|
</div>
|
|
</header>
|
|
|
|
<main>
|
|
<div class="title-conteiner">
|
|
<img src="img/women-smovement.webp">
|
|
|
|
<div class="title-on-img">
|
|
<h1>Resistere in Silenzio</h1>
|
|
<h2>Il ruolo nascosto ma fondamentale delle donne tra storia e letteratura</h2>
|
|
<p>Un archivio digitale dedicato alle storie sommerse delle donne che hanno forgiato il proprio destino.
|
|
Figure silenziose che hanno trovato in sé la forza di resistere e liberarsi. Perché la libertà
|
|
è una radice antica che va difesa, ogni giorno.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<?php
|
|
include "content/php/markDown.php";
|
|
|
|
$fileLocale = __DIR__ . "/Resistere_in_silenzio.md";
|
|
$urlRemoto = "test/Resistere_in_silenzio.md";
|
|
|
|
echo getMarkdownContent($fileLocale, $urlRemoto);
|
|
?>
|
|
</div>
|
|
</main>
|
|
|
|
|
|
<footer class="footer">
|
|
<div class="container">
|
|
<div class="footer-grid">
|
|
<div class="footer-brand">
|
|
<h2>Resistere in Silenzio</h2>
|
|
<p>Un archivio digitale dedicato alle storie sommerse delle donne che hanno forgiato il proprio
|
|
destino. Figure silenziose che hanno trovato in sé la forza di resistere e liberarsi. Perché la
|
|
libertà è una radice antica che va difesa, ogni giorno.</p>
|
|
</div>
|
|
|
|
<div>
|
|
<span class="footer-title">Approfondimenti</span>
|
|
<ul class="footer-list">
|
|
<li><a href="#suf">Le 21 Costituenti</a></li>
|
|
<li><a href="#rest">Gruppi di Difesa</a></li>
|
|
<li><a href="#tram">La Ciociara: Trama</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div>
|
|
<img src="img/woman-hair.png" alt="Logo" class="footer-logo">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer-bottom">
|
|
<p>© 2026 - Realizzzato da Muccari Luigi. Tutti i diritti riservati.</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<script>
|
|
const observerOptions = {
|
|
root: null,
|
|
rootMargin: '-30% 0px -35% 0px', // Attiva l'effetto quando l'elemento è nella fascia centrale
|
|
threshold: 0
|
|
};
|
|
|
|
const observer = new IntersectionObserver((entries) => {
|
|
entries.forEach(entry => {
|
|
if (entry.isIntersecting) {
|
|
entry.target.classList.add('active');
|
|
} else {
|
|
entry.target.classList.remove('active');
|
|
}
|
|
});
|
|
}, observerOptions);
|
|
|
|
document.querySelectorAll('.markdown-body p, .markdown-body li').forEach(el => {
|
|
observer.observe(el);
|
|
});
|
|
</script>
|
|
</body>
|
|
|
|
</html> |