<!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">
</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/plasma";
    } else {
        $nextUrl = "/next/out/plasma.html";
    }
    ?>

    <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>
        </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>&copy; 2026 - Realizzzato da Muccari Luigi. Tutti i diritti riservati.</p>
            </div>
        </div>
    </footer>
</body>

</html>