-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
110 lines (100 loc) · 4.95 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Emojivination: Emoji Divination</title>
<!--PWA Begin-->
<link rel="stylesheet" href="./styles.css">
<link rel="icon" type="image/png" sizes="192x192" href="./icon-192x192.png">
<link rel="icon" type="image/png" sizes="256x256" href="./icon-256x256.png">
<link rel="icon" type="image/png" sizes="384x384" href="./icon-384x384.png">
<link rel="icon" type="image/png" sizes="512x512" href="./icon-512x512.png">
<link rel="manifest" href="./app.webmanifest">
<script>
if ('serviceWorker' in navigator) {
window.addEventListener('load', () => {
navigator.serviceWorker.register('./sw.js')
.then(registration => {
console.log('Service Worker registered with scope:', registration.scope);
})
.catch(error => {
console.error('Service Worker registration failed:', error);
});
});
}
</script>
<!--PWA End-->
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="Emojivination: Emoji Divination">
<meta property="og:description" content="Seek guidance and insight with Emojivination using mystical emojis.">
<meta property="og:image" content="https://juliusthejules.github.io/emojivination/social.png">
<meta property="og:url" content="https://juliusthejules.github.io/emojivination/">
<meta property="og:type" content="website">
<!-- Twitter Card Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Emojivination: Emoji Divination">
<meta name="twitter:description" content="Seek guidance and insight with Emojivination using mystical emojis.">
<meta name="twitter:image" content="https://juliusthejules.github.io/emojivination/social.png">
</head>
<body>
<div class="container">
<h1>Emojivination™: Emoji Divination</h1>
<div id="emoji-display">🔮</div>
<div class="buttons">
<button id="ask-btn">Ask</button>
<button id="clear-btn">Clear</button>
<button id="help-btn">Help</button>
</div>
</div>
<div class="extra-buttons-container">
<!-- Tip Jar Button -->
<a href="https://paylinkz.app/juliusthejules" class="tip-jar-btn" target="_blank">Tip Jar</a>
<!-- Disclaimer Button -->
<button id="disclaimer-btn" class="disclaimer-btn">Disclaimer</button>
</div>
<!-- Help Modal -->
<div id="help-modal" class="modal">
<div class="modal-content">
<span class="close">×</span>
<h2>Emojis and their Meanings</h2>
<p><strong>💁</strong> - Guidance and assistance</p>
<p><strong>🙆</strong> - Acceptance and openness</p>
<p><strong>🙇</strong> - Humility and respect</p>
<p><strong>🙋</strong> - Initiative and curiosity</p>
<p><strong>🙍</strong> - Sadness and introspection</p>
<p><strong>🙎</strong> - Frustration and conflict</p>
<p><strong>🙅</strong> - Rejection and protection</p>
<p><strong>🤦</strong> - Regret and mistake</p>
<p><strong>🧘</strong> - Meditation and balance</p>
<p><strong>🤷</strong> - Uncertainty and neutrality</p>
<p><strong>💃</strong> - Celebration and joy</p>
<p><strong>🕺</strong> - Fun and enthusiasm</p>
<p><strong>🧑🎓</strong> - Achievement and learning</p>
<p><strong>👩🏫</strong> - Teaching and guidance</p>
<p><strong>👨🏫</strong> - Teaching and guidance</p>
<p><strong>🧑💼</strong> - Professionalism and leadership</p>
<p><strong>👩🔬</strong> - Science and discovery</p>
<p><strong>👨🔬</strong> - Science and discovery</p>
</div>
</div>
<!-- Disclaimer Modal -->
<div id="disclaimer-modal" class="modal">
<div class="modal-content">
<span class="close-disclaimer">×</span>
<h2>Disclaimer</h2>
<p>
By using this Emoji Divination service, you acknowledge that it is for entertainment purposes only.
The interpretations and guidance provided by the emojis are not to be taken as professional advice
or a substitute for professional services. You should always seek the advice of a qualified professional
regarding any specific questions or concerns you may have. The creators of this service assume no
responsibility or liability for any actions taken based on the content of this service.
</p>
</div>
</div>
<div class="container">
<p><strong>Emojivination™. Copyright © 2024. Joseph D. Smith. All Rights Reserved.</strong></p>
</div>
<script src="./script.js"></script>
</body>
</html>