You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
efforts/index.html

100 lines
3.8 KiB

<!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="https://efforts.waifuism.life/precedents.html">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>