-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
114 lines (93 loc) · 3.91 KB
/
index.html
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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
<!DOCTYPE html>
<html lang="en">
<head>
<title>What We Were Never Able To Tell Our Parents</title>
<link rel="stylesheet" href="style.css" />
<link href="https://fonts.googleapis.com/css2?family=Coda+Caption:wght@800&display=swap" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.1.9/p5.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.ripples/0.5.3/jquery.ripples.min.js"></script>
<!-- <script src="background.js"></script> -->
<script src="main.js"></script>
</head>
<body>
<div class="fill-img" id="ripple"></div>
<div id="super">
<!-- <div id="nav">
<ul>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div> -->
<div id="content">
<!-- <div id="banner">
<h1 class="border">
<a id="title-link" href="page-1.html">unsent messages.</a>
</h1>
</div> -->
<div id="clicker">
<h1 class="border">
<a id="title-link" href="page-1.html">unsent messages.</a>
</h1>
</div>
<div id="letter1">
<p>
words of affirmation:
<div>
This language uses words to affirm other people.
</div>
</p>
</div>
<div id="letter2">
<p>
acts of service:
<div>
For these people, actions speak louder than words.
</div>
</p>
</div>
<div id="letter3">
<p>
receiving gifts:
<div>
For some people, what makes them feel most loved is to receive to a gift. </div>
</p>
</div>
<div id="letter4">
<p>
quality time:
<div>
This language is all about giving the other person your attention. </div>
</p>
</div>
<div id="letter5">
<p>
physical touch:
<div>
To this person, nothing speaks more deeply than appropriate touch. </div>
</p>
</div>
<!-- <div id="about">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus molestie aliquet purus eget viverra. Donec sodales quis leo venenatis consequat. Quisque in sapien rhoncus, lacinia ex ut, feugiat erat. Donec eget sodales metus. Curabitur bibendum nulla nec erat vestibulum tempus. Etiam vestibulum facilisis turpis scelerisque suscipit. Praesent hendrerit eleifend auctor.
Praesent sodales massa at ante vehicula suscipit. Donec a urna nec urna viverra gravida sit amet eget neque. Donec at interdum nisi, in varius dolor. Mauris quis convallis lorem. Aenean mattis in urna in porta. Nunc sit amet ipsum dui. Aliquam sagittis feugiat enim id vestibulum. Nulla eu dictum orci. Interdum et malesuada fames ac ante ipsum primis in faucibus. Morbi at est sed dui lacinia aliquam non ut nisl. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque efficitur tellus vitae orci aliquam aliquet.
</p>
<img src="https://cdn.glitch.com/ff93f986-3124-4c34-b3c3-da1541b75113%2F2.jpg?v=1617912343009">
</div>
<div id="contact">
<span>
Email: Mauris a augue non magna maximus semper<br>
Phone: Mauris a augue non magna maximus semper<br>
Address: Mauris a augue non magna maximus semper
</span>
</div>
<div id="footer">
<p>
Copyright
</p>
</div> -->
</div>
</div>
</body>
</html>