Skip to content

Commit a8cdc6c

Browse files
committed
restartucture
1 parent 11130a6 commit a8cdc6c

File tree

7 files changed

+49
-8
lines changed

7 files changed

+49
-8
lines changed
Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
# Reference Links
2+
3+
- MDN: [Notification API](https://developer.mozilla.org/en-US/docs/Web/API/Notifications_API/Using_the_Notifications_API)
4+
5+
- [medium.com (levelup) Blog](https://levelup.gitconnected.com/creating-browser-notification-in-javascript-79e91bfb76c8)
File renamed without changes.
File renamed without changes.
File renamed without changes.

Notification API/README.md

Lines changed: 0 additions & 7 deletions
This file was deleted.

Notification API/index.html

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>Notification API</title>
8+
<style>
9+
* {
10+
padding: 0;
11+
margin: 0;
12+
box-sizing: border-box;
13+
}
14+
15+
body {
16+
padding: 1rem;
17+
display: flex;
18+
flex-wrap: wrap;
19+
gap: 1.2rem;
20+
background-color: black;
21+
}
22+
23+
a {
24+
color: white;
25+
padding: 1.2rem;
26+
font-size: 1.2rem;
27+
border-radius: 10px;
28+
text-decoration: none;
29+
border: 2px solid gray;
30+
background-color: rgba(123, 255, 0, 0.3);
31+
}
32+
33+
a:hover {
34+
border-color: white;
35+
background-color: rgba(123, 255, 0, 0.6);
36+
}
37+
</style>
38+
</head>
39+
40+
<body>
41+
<a href="./Levelup Blog/demo.html">Levelup Blog</a>
42+
</body>
43+
</html>

index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -52,7 +52,7 @@
5252
<a href="./Get select2 selected value on change using jquery/demo.html"
5353
>Get select2 selected value on change using jquery</a
5454
>
55-
<a href="./Notification API/demo.html">Notification API</a>
55+
<a href="./Notification API/index.html">Notification API</a>
5656
<a href="./Debouncing/demo.html">Debouncing</a>
5757
<a href="./Long Press Event/demo.html">Long Press Event</a>
5858
<a href="./Highlight Search Result Text/demo.html"

0 commit comments

Comments
 (0)