-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
118 lines (110 loc) · 5.55 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
115
116
117
118
<!DOCTYPE html>
<head>
<link rel="stylesheet" href="./tarotmvp.css">
<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=Almendra&family=Arimo&family=Nanum+Brush+Script&family=Questrial&display=swap"
rel="stylesheet">
<title>Morning Tarot</title>
</head>
<html>
<body>
<div class="title">
<h1>Morning Tarot</h1>
<div class="content">
<h2>Card of the Day</h2>
<button class="button">Select my Card</button>
<p>or</p>
<select id="mycard" class="mycard">
<option class="select"> Pick my own Card</option>
<option value="fool"> The Fool</option>
<option value="magician"> The Magician</option>
<option value="priestess"> The High Priestess</option>
<option value="empress"> The Empress</option>
<option value="emperor"> The Emperor</option>
<option value="heirophant"> The Heirophant</option>
<option value="lovers"> The Lovers</option>
<option value="chariot"> The Chariot</option>
<option value="strength"> Strength</option>
<option value="hermit"> The Hermit</option>
<option value="wheel"> The Wheel of Fortune</option>
<option value="justice"> Justice</option>
<option value="hanged"> The Hanged Man</option>
<option value="death"> Death</option>
<option value="devil"> The Devil</option>
<option value="tower"> The Tower</option>
<option value="star"> The Star</option>
<option value="moon"> The Moon</option>
<option value="sun"> The Sun</option>
<option value="judgement"> Judgement</option>
<option value="world"> The World</option>
<option value="as"> The Ace of Swords</option>
<option value="2s"> Two of Swords</option>
<option value="3s"> Three of Swords</option>
<option value="4s"> Four of Swords</option>
<option value="5s"> Five of Swords</option>
<option value="6s"> Six of Swords</option>
<option value="7s"> Seven of Swords</option>
<option value="8s"> Eight of Swords</option>
<option value="9s"> Nine of Swords</option>
<option value="10s"> Ten of Swords</option>
<option value="ps"> Page of Swords</option>
<option value="kns"> Knight of Swords</option>
<option value="qs"> Queen of Swords</option>
<option value="ks"> King of Swords</option>
<option value="aw"> The Ace of Wands</option>
<option value="2w"> Two of Wands</option>
<option value="3w"> Three of Wands</option>
<option value="4w"> Four of Wands</option>
<option value="5w"> Five of Wands</option>
<option value="6w"> Six of Wands</option>
<option value="7w"> Seven of Wands</option>
<option value="8w"> Eight of Wands</option>
<option value="9w"> Nine of Wands</option>
<option value="10w"> Ten of Wands</option>
<option value="pw"> Page of Wands</option>
<option value="knw"> Knight of Wands</option>
<option value="qw"> Queen of Wands</option>
<option value="kw"> King of Wands</option>
<option value="ap"> The Ace of Pentacles</option>
<option value="2p"> Two of Pentacles</option>
<option value="3p"> Three of Pentacles</option>
<option value="4p"> Four of Pentacles</option>
<option value="5p"> Five of Pentacles</option>
<option value="6p"> Six of Pentacles</option>
<option value="7p"> Seven of Pentacles</option>
<option value="8p"> Eight of Pentacles</option>
<option value="9p"> Nine of Pentacles</option>
<option value="10p"> Ten of Pentacles</option>
<option value="pp"> Page of Pentacles</option>
<option value="knp"> Knight of Pentacles</option>
<option value="qp"> Queen of Pentacles</option>
<option value="kp"> King of Pentacles</option>
<option value="ac"> The Ace of Cups</option>
<option value="2c"> Two of Cups</option>
<option value="3c"> Three of Cups</option>
<option value="4c"> Four of Cups</option>
<option value="5c"> Five of Cups</option>
<option value="6c"> Six of Cups</option>
<option value="7c"> Seven of Cups</option>
<option value="8c"> Eight of Cups</option>
<option value="9c"> Nine of Cups</option>
<option value="10c"> Ten of Cups</option>
<option value="pc"> Page of Cups</option>
<option value="knc"> Knight of Cups</option>
<option value="qc"> Queen of Cups</option>
<option value="kc"> King of Cups</option>
</select>
</div>
</div>
<div>
<h3 class="card-choice">
</h3>
<div id="card-meaning" class="card-meaning">
</div>
</div>
</div>
</body>
<script type="module" src="script.js"></script>
</html>