-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
90 lines (73 loc) · 4.11 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<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=Nunito:wght@200&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<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=Manrope:wght@600&display=swap" rel="stylesheet">
<link rel="shortcut icon" href="assets\favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" sizes="180x180" href="assets/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets\favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets\favicon-16x16.png">
<link rel="manifest" href="site.webmanifest">
<link rel="stylesheet" id="stylesheet" href="styles/style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/default.min.css">
<script src="https://cdn.onesignal.com/sdks/web/v16/OneSignalSDK.page.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/dompurify/3.0.11/purify.min.js" integrity="sha512-ce0fmuEgWrpnIXWKQrSgJ5FsBsr/hnOsxdWvk5lu1GThckasLwc+TAFERLNIwWnWqBoWV4GPDJiz2PSPntinVA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script>
window.OneSignalDeferred = window.OneSignalDeferred || [];
OneSignalDeferred.push(function (OneSignal) {
OneSignal.init({
appId: "1887defe-92db-40f9-ac70-acf691f30cfe",
});
});
</script>
<title>Not So Secret Diary</title>
</head>
<body>
<div class="container">
<h1 class="special">Not So Secret Diary</h1>
<div class="icons">
<i class="fa-solid fa-circle-info fa-2xl" id="info"></i>
<i class="fa-solid fa-moon fa-2xl moonIcon"></i>
<i class="fa-solid fa-sun fa-2xl sunIcon"></i>
</div>
<div class="popup-container" id="popupContainer">
<div class="popup-content">
<i class="fa-solid fa-square-xmark fa-2xl" id="close"></i>
<p>This is a secret diary created by me. Here anyone can
add anything, it does not have to be in sequence or make sense just write anything you feel like.
Few things to note: <br>
1. No one will know who is writing what(not even the developer). <br>
2. You can write anything you want. <br>
3. There's no time limit for your diary entry. <br>
4. You cannot edit the entry. <br>
5. You can reveal your name if you wish to do so.
</p>
</div>
</div>
<textarea name="text-area" id="message-el" class="text-area" cols="30" rows="10"></textarea>
<script src="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.js"></script>
<input type="text" id="name-input" placeholder="Your Name (Optional)">
<h1 id="total-entries"></h1>
<button type="button" id="enter-el">Enter ↵</button>
<div class="scrollable-container">
<div class="markdown-container"></div>
<ul id="container-el">
<!-- List of diaries will be dynamically generated here -->
</ul>
</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
<script src="script.js" type="module"></script>
</body>
</html>