Skip to content

Commit 190c6fc

Browse files
spynetSspynetS
committed
update
1 parent 4cd66eb commit 190c6fc

3 files changed

Lines changed: 68 additions & 965 deletions

File tree

‎index.html‎

Lines changed: 24 additions & 53 deletions
Original file line numberDiff line numberDiff line change
@@ -3,54 +3,43 @@
33
<head>
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6-
<title>Alfred's Envelope</title>
7-
<meta name="description" content="An animated envelope that reveals a heart graph and a playful question." />
6+
<title>Envelope</title>
87
<link rel="stylesheet" href="./styles.css" />
98
</head>
109
<body>
1110
<div class="bg" aria-hidden="true"></div>
1211

13-
<main class="stage" aria-label="Alfred's Envelope Animation">
14-
<section class="scene" aria-live="polite">
15-
<div id="envelopeWrap" class="envelope-wrap is-falling" aria-label="Envelope">
12+
<main class="stage" aria-label="Envelope Animation">
13+
<section class="scene">
14+
<div id="envelopeWrap" class="envelope-wrap is-falling">
1615
<div class="shadow" aria-hidden="true"></div>
16+
1717
<div id="envelope" class="envelope" aria-hidden="true">
1818
<div class="env-back"></div>
1919
<div class="env-letter-slot"></div>
2020
<div id="envFlap" class="env-flap"></div>
2121
<div class="env-front"></div>
2222
</div>
2323

24-
<div id="paper" class="paper is-hidden" aria-label="Paper">
24+
<div id="paper" class="paper is-hidden">
2525
<div class="paper-inner" id="paperInner">
26-
<!-- FRONT -->
27-
<section class="paper-face paper-front" aria-label="Front of paper">
28-
<div class="paper-top">
29-
<div class="paper-title">Heart graph (drawn from a parametric function)</div>
30-
<div id="fnText" class="fn-text" aria-label="Function shown above the graph"></div>
31-
</div>
32-
<div class="graph-wrap" aria-label="Graph">
33-
<canvas id="graph" width="920" height="520"></canvas>
34-
<div class="graph-caption">2D plot — line is animated as it draws</div>
35-
</div>
36-
<button id="nextBtn" class="next-btn" type="button">Next</button>
37-
</section>
38-
39-
<!-- BACK -->
40-
<section class="paper-face paper-back" aria-label="Back of paper">
41-
<div class="back-top">
42-
<div class="back-title">I want to:</div>
43-
<div class="big-letters" aria-label="K I _ _">
44-
<span>K</span><span>I</span><span>_</span><span>_</span>
45-
</div>
46-
</div>
47-
48-
<div class="answers">
49-
<div class="answers-title">Alfreds answers:</div>
50-
<div class="choices" aria-label="Choices">
51-
<button id="choiceLL" class="choice choice-ll" type="button">LL</button>
52-
<button id="choiceSS" class="choice choice-ss" type="button">SS</button>
53-
</div>
26+
<section class="paper-face">
27+
<div class="letter-content">
28+
<h1>Alma,</h1>
29+
<p>
30+
Du är den mest omtenksamma och snällaste person jag har träffat. Du är så fantastisk. Man blir gång på gång
31+
överaskad hur jävla omtenksam och så fantastisk du är. Du är så himla rolig och den igenom tidernas bästa giffskapare.
32+
Jag gillar verkligen att vara med dig, och vill det mera.
33+
När jag läste ditt brev när jag kom hem så ångrade jag att jag inte läste det tidigare. Eller att jag inte
34+
hade skrivit det själv. Men better late then never?
35+
36+
</p>
37+
<p>
38+
Alma, Vill du bli min valentine?
39+
</p>
40+
<p>
41+
Säg Ja!
42+
</p>
5443
</div>
5544
</section>
5645
</div>
@@ -59,25 +48,7 @@
5948
</section>
6049
</main>
6150

62-
<div id="modal" class="modal is-hidden" role="dialog" aria-modal="true" aria-labelledby="modalTitle">
63-
<div class="modal-backdrop" data-close="true"></div>
64-
<div class="modal-card" role="document">
65-
<div id="modalTitle" class="modal-title">Incorrect</div>
66-
<div id="modalBody" class="modal-body">Incorrect</div>
67-
<div class="modal-actions">
68-
<button id="modalOk" class="modal-ok" type="button">OK</button>
69-
</div>
70-
</div>
71-
</div>
72-
73-
<div id="valentine" class="valentine is-hidden" aria-label="Valentine note">
74-
<div id="hearts" class="hearts" aria-hidden="true"></div>
75-
<img alt="gauss" src="/gauss.png"/>
76-
</div>
77-
</div>
78-
</div>
79-
8051
<script src="./script.js" defer></script>
8152
</body>
8253
</html>
83-
54+
#+end_

0 commit comments

Comments
 (0)