-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
159 lines (150 loc) · 4.79 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
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- <script src="script.js"></script> -->
<link rel="stylesheet" href="global.css" />
<link rel="stylesheet" href="index.css" />
<style></style>
<title>Widgets for Notion</title>
</head>
<body>
<h1>Widgets for Notion</h1>
<div class="info_widget">
<p>
widgets give you <a href="javascript:void();">wholesome insights</a> at
a glance
</p>
<img src="assets/art.svg" alt="Thinking Girl" />
</div>
<main class="gallery">
<iframe style="height: 10rem" class="embed" src="quote.html"></iframe>
<iframe style="height: 14rem" class="embed" src="weather.html"></iframe>
<iframe
class="embed"
src="countdown.html?title=Joey's DOOD Party&date=2024-02-24"
></iframe>
<p class="highlighted_para">
Watch the days tick down to your next big event, whether it's a
birthday, deadline, or dream vacation.
</p>
<iframe class="embed" src="clock.html"></iframe>
<iframe class="embed" src="lofi.html"></iframe>
<p class="highlighted_para">
Immerse yourself in soothing lofi beats to boost your concentration and
make work feel more enjoyable.
</p>
<iframe class="embed" src="stopwatch.html"></iframe>
<iframe
class="embed"
src="streak.html?title=purple&date=2024-01-03"
></iframe>
<p class="highlighted_para">Let your streaks, MOTIVATE you!</p>
<table>
<tr>
<th>Lofi</th>
<td>
<a href="https://nw.dewsverse.space/lofi"
>https://nw.dewsverse.space/lofi</a
>
</td>
</tr>
<tr>
<th>Quote</th>
<td>
<a href="https://nw.dewsverse.space/quote"
>https://nw.dewsverse.space/quote</a
>
</td>
</tr>
<tr>
<th>Countdown</th>
<td>
<a
href="https://nw.dewsverse.space/countdown?title=YOUR_TITLE_HERE&date=2024-02-14"
>https://nw.dewsverse.space/countdown?title=YOUR_TITLE_HERE&date=2024-02-14</a
>
</td>
</tr>
<tr>
<th>Weather</th>
<td>
<a href="https://nw.dewsverse.space/weather"
>https://nw.dewsverse.space/weather</a
>
</td>
</tr>
<tr>
<th>Stopwatch</th>
<td>
<a href="https://nw.dewsverse.space/stopwatch"
>https://nw.dewsverse.space/stopwatch</a
>
</td>
</tr>
<tr>
<th>Streak</th>
<td>
<a
href="https://nw.dewsverse.space/streak?title=TASK&date=2024-01-01"
>https://nw.dewsverse.space/streak?title=TASK&date=2024-01-01</a
>
</td>
</tr>
<tr>
<th>Clock</th>
<td>
<a href="https://nw.dewsverse.space/clock"
>https://nw.dewsverse.space/clock</a
>
</td>
</tr>
</table>
<h2>No Account Needed. It's All Free!!!</h2>
</main>
<!-- FAQS -->
<div class="faq_div">
<details open>
<summary>What are Notion Widgets?</summary>
<div>
Notion widgets are small applications that can be integrated into a
Notion dashboard or page. They can add information and functionality
from other apps to a Notion document.
</div>
</details>
<details>
<summary>How to add widgets in Notion?</summary>
<div>
1. Click the + that appears to the left when you hover over a new
line. Choose Embed or one of the common embed types listed above.
Press enter.
<br />2. In the menu that appears, paste the content's URL or embed
link.
<br />
3. You can also use /embed to upload and display your own image,
audio, video, or file. Just select Upload and choose the file from
your computer.
<a
href="https://www.notion.so/help/embed-and-connect-other-apps"
target="_blank"
rel="noopener noreferrer"
>Find official Notion docs</a
>
</div>
</details>
</div>
<div class="info_widget">
<img src="assets/Thinking_face.svg" alt="" />
<p>The widgets that <a href="javascript:void();">powers</a> you up!</p>
</div>
<p>crafting with passion 💓</p>
<p>© 2024 dewsverse.space</p>
</body>
<script>
function copyEmbedCode(embedUrl) {
navigator.clipboard.writeText(embedUrl);
alert("Embed code copied to clipboard!");
}
</script>
</html>