Envelope/index.html at main · Java-Game-Maker/Envelope · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Envelope</title>
    <link rel="stylesheet" href="./styles.css" />
  </head>
  <body>
    <div class="bg" aria-hidden="true"></div>

    <main class="stage" aria-label="Envelope Animation">
      <section class="scene">
        <div id="envelopeWrap" class="envelope-wrap is-falling">
          <div class="shadow" aria-hidden="true"></div>

          <div id="envelope" class="envelope" aria-hidden="true">
            <div class="env-back"></div>
            <div class="env-letter-slot"></div>
            <div id="envFlap" class="env-flap"></div>
            <div class="env-front"></div>
          </div>

          <div id="paper" class="paper is-hidden">
            <div class="paper-inner" id="paperInner">
              <section class="paper-face">
                <div class="letter-content">
                  <h1>Alma,</h1>
                  <p>
                    Du är den mest omtenksamma och snällaste person jag har träffat. Du är så fantastisk. Man blir gång på gång
										överaskad hur jävla omtenksam och så fantastisk du är. Du är så himla rolig och den igenom tidernas bästa giffskapare.
										Jag gillar verkligen att vara med dig, och vill det mera. Jag har tyckt om dig väldigt länge men inte vågat säga något kanske.
										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
										hade skrivit det själv. Men better late then never?

                  </p>
                  <p>
										Alma, Vill du bli min valentine?
									</p>
                </div>
              </section>
            </div>
          </div>
        </div>
      </section>
    </main>

    <script src="./script.js" defer></script>
  </body>
</html>
#+end_