Enhance: Authentic seamless 4-flap closed envelope with 100% hidden interior letter

This commit is contained in:
kobold-ai
2026-09-21 17:12:05 +02:00
parent 1cbea5e84f
commit 3e5c3c1eeb
3 changed files with 78 additions and 38 deletions
+1 -1
View File
@@ -8,7 +8,7 @@
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Caveat:wght@500;700&family=Marck+Script&family=MedievalSharp&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/static/css/style.css?v=2.6">
<link rel="stylesheet" href="/static/css/style.css?v=2.7">
{% block head %}{% endblock %}
</head>
<body>
+11 -5
View File
@@ -55,8 +55,14 @@
</footer>
</div>
<!-- Vordere Umschlagtasche mit handschriftlicher Smaragd-Anschrift -->
<div class="envelope-front-pocket">
<!-- Linke Klappe des Umschlags -->
<div class="envelope-flap flap-left"></div>
<!-- Rechte Klappe des Umschlags -->
<div class="envelope-flap flap-right"></div>
<!-- Untere Klappe des Umschlags mit handschriftlicher Smaragd-Anschrift -->
<div class="envelope-flap flap-bottom">
<div class="envelope-sketch-border"></div>
<div class="envelope-address-block">
<p class="addr-line addr-school" id="envelopeLetter">Hogwarts-Schule für Hexerei und Zauberei</p>
@@ -65,8 +71,8 @@
</div>
</div>
<!-- Obere Klappe des Umschlags (überdeckt die Tasche und wird vom Siegel gehalten) -->
<div class="envelope-closing-flap">
<!-- Obere Klappe des Umschlags (überdeckt alle Falten und wird vom Siegel gehalten) -->
<div class="envelope-closing-flap flap-top" id="envelopeFlap">
<div class="flap-sketch-line"></div>
</div>
@@ -183,5 +189,5 @@
{% endblock %}
{% block scripts %}
<script src="/static/js/quiz.js?v=2.6"></script>
<script src="/static/js/quiz.js?v=2.7"></script>
{% endblock %}