diff options
author | Zach Berwaldt <zberwaldt@tutamail.com> | 2023-10-03 23:44:31 -0400 |
---|---|---|
committer | Zach Berwaldt <zberwaldt@tutamail.com> | 2023-10-03 23:44:31 -0400 |
commit | 93a4ba55f2159e69aa1fcdaa1cf87c09e7455017 (patch) | |
tree | 1d5ccef993cfa21b1aaf0f4c28dd9994e111cbc3 /assets | |
parent | 81200fa6a598557f36593c950d7a63c52aa0b22f (diff) |
add changelog, assets, new partial
Diffstat (limited to 'assets')
-rw-r--r-- | assets/css/main.css | 6 | ||||
-rw-r--r-- | assets/js/fullscreen.js | 30 |
2 files changed, 35 insertions, 1 deletions
diff --git a/assets/css/main.css b/assets/css/main.css index 792f1f6..97d1f73 100644 --- a/assets/css/main.css +++ b/assets/css/main.css | |||
@@ -1,3 +1,7 @@ | |||
1 | :fullscreen { | ||
2 | color: blue; | ||
3 | } | ||
4 | |||
1 | body { | 5 | body { |
2 | min-height: 100vh; | 6 | min-height: 100vh; |
3 | } | 7 | } |
@@ -71,4 +75,4 @@ footer { | |||
71 | text-transform: uppercase; | 75 | text-transform: uppercase; |
72 | font-weight: 600; | 76 | font-weight: 600; |
73 | } | 77 | } |
74 | 78 | \ No newline at end of file | |
diff --git a/assets/js/fullscreen.js b/assets/js/fullscreen.js new file mode 100644 index 0000000..e191854 --- /dev/null +++ b/assets/js/fullscreen.js | |||
@@ -0,0 +1,30 @@ | |||
1 | // get with web apis #fullscren element and on click toggle fullscreen | ||
2 | const fullscreen = document.getElementById('fullscreen'); | ||
3 | const elem = document.documentElement; | ||
4 | fullscreen.addEventListener('click', () => { | ||
5 | if (document.fullscreenElement) { | ||
6 | closeFullscreen(); | ||
7 | } else { | ||
8 | openFullscreen(); | ||
9 | } | ||
10 | }); | ||
11 | |||
12 | function openFullscreen() { | ||
13 | if (elem.requestFullscreen) { | ||
14 | elem.requestFullscreen(); | ||
15 | } else if (elem.webkitRequestFullscreen) { /* Safari */ | ||
16 | elem.webkitRequestFullscreen(); | ||
17 | } else if (elem.msRequestFullscreen) { /* IE11 */ | ||
18 | elem.msRequestFullscreen(); | ||
19 | } | ||
20 | } | ||
21 | |||
22 | function closeFullscreen() { | ||
23 | if (document.exitFullscreen) { | ||
24 | document.exitFullscreen(); | ||
25 | } else if (document.webkitExitFullscreen) { /* Safari */ | ||
26 | document.webkitExitFullscreen(); | ||
27 | } else if (document.msExitFullscreen) { /* IE11 */ | ||
28 | document.msExitFullscreen(); | ||
29 | } | ||
30 | } \ No newline at end of file | ||