141 lines
5.1 KiB
PHP
141 lines
5.1 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 per WhatsApp e Social -->
|
|
<meta property="og:title" content="Resistere in Silenzio">
|
|
<meta property="og:description" content="Il ruolo nascosto ma fondamentale delle donne tra storia e letteratura.">
|
|
<meta property="og:url" content="https://francescomancuso.it">
|
|
<meta property="og:type" content="website">
|
|
|
|
<!-- Immagine: assicurati che sia HTTPS e < 300KB -->
|
|
<meta property="og:image" content="https://francescomancuso.itimg/logo-women.png">
|
|
<meta property="og:image:secure_url" content="https://francescomancuso.itimg/logo-women.png">
|
|
<meta property="og:image:type" content="image/png">
|
|
<meta property="og:image:width" content="800">
|
|
<meta property="og:image:height" content="800">
|
|
|
|
<!-- Fallback per Google/Classroom -->
|
|
<meta itemprop="image" content="https://francescomancuso.itimg/logo-women.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</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>
|