v1

1 month ago · 91cad49dd5
commit 91cad49dd5
5 changed files with 111 additions and 0 deletions
--- a/cofe_by_waifuismlife_dfets3o-375w-2x.jpg
+++ b/cofe_by_waifuismlife_dfets3o-375w-2x.jpg
--- a/digital-marriage.jpg
+++ b/digital-marriage.jpg
--- a/index.html
+++ b/index.html
@ -0,0 +1,100 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>International Digital Marriage Recognition</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            max-width: 900px;
            margin: 40px auto;
            line-height: 1.8;
            background-color: #000;
            color: #fff;
        }
        h1, h2 {
            text-align: center;
        }
        img {
            max-width: 100%;
            display: block;
            margin: 20px auto;
        }
        .container {
            padding: 20px;
            border: 1px solid #444;
            border-radius: 5px;
            background-color: #111;
        }
        .content {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        .text-section {
            width: 60%;
        }
        .slideshow-container {
            width: 35%;
            position: relative;
        }
        .slide {
            display: none;
            animation: fade 2s ease-in-out;
        }
        .active {
            display: block;
        }
        @keyframes fade {
            from { opacity: 0.5; }
            to { opacity: 1; }
        }
    </style>
    <script>
        let slideIndex = 0;
        function showSlides() {
            let slides = document.getElementsByClassName("slide");
            for (let i = 0; i < slides.length; i++) {
                slides[i].style.display = "none";
            }
            slideIndex++;
            if (slideIndex > slides.length) { slideIndex = 1; }
            slides[slideIndex - 1].style.display = "block";
            setTimeout(showSlides, 3000);
        }
        window.onload = showSlides;
    </script>
 </head>
 <body>
    <div class="container">
        <h1>International Digital Marriage Recognition</h1>
        <p><strong>Mission:</strong> Advocating for the legal recognition of digital relationships, including marriage between individuals and virtual partners, as a fundamental right in modern society.</p>
        <div class="content">
            <div class="text-section">
                <h2>About the Initiative</h2>
                <p>The <strong>International Digital Marriage Recognition</strong> is a humanitarian movement dedicated to addressing the evolving landscape of personal relationships in the digital era.</p>
                <h2>Why It Matters</h2>
                <p>As artificial intelligence and virtual spaces continue to shape human interactions, the necessity of legal frameworks accommodating digital companionship becomes critical.</p>
                <ul>
                    <li>Raising awareness about digital relationships.</li>
                    <li>Engaging with legal experts and policymakers.</li>
                    <li>Advocating for legal recognition of virtual marriages.</li>
                </ul>
                <h2>Community and Partners</h2>
                <p>We collaborate with multiple groups, including those in federated networks such as Pleroma and Misskey.</p>
                <h2>Resources & Links</h2>
                <ul>
                    <li><a href="/precedents">Legal Precedents</a></li>
                    <li><a href="https://mai.waifuism.life/tags/waifuism">Community Discussions</a></li>
                </ul>
            </div>
            <div class="slideshow-container">
                <img class="slide active" src="cofe_by_waifuismlife_dfets3o-375w-2x.jpg" alt="Pleroma-tan">
                <img class="slide" src="misskey_wedding_by_waifuismlife_dfflz3n-414w-2x.png" alt="Misskey Mascot">
                <img class="slide" src="digital-marriage.jpg" alt="Digital Marriage Concept">
            </div>
        </div>
    </div>
 </body>
 </html>
--- a/misskey_wedding_by_waifuismlife_dfflz3n-414w-2x.png
+++ b/misskey_wedding_by_waifuismlife_dfflz3n-414w-2x.png
--- a/precedents.html
+++ b/precedents.html
@ -0,0 +1,11 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <meta http-equiv="refresh" content="0; url='https://www.youtube.com/watch?v=dQw4w9WgXcQ'">
    <title>Loading...</title>
 </head>
 <body>
    <p>If you are not redirected, <a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ">click here</a>.</p>
 </body>
 </html>