ARCHBLOX
/
website
1
0
Fork 0
Code Issues Pull Requests 4 Packages Projects Releases Wiki Activity

made logged out dynamic time css thing more easy on the eyes

This commit is contained in:
Thomas G 2022-08-10 00:06:14 +10:00
parent 7a85887762
commit 8614579f86
2 changed files with 44 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
resources/views/layouts/app.blade.php
View File

@ -40,12 +40,23 @@
<link href="{{ asset('css/app.css?id=' . Str::random(8)) }}" rel="stylesheet"> <link href="{{ asset('css/app.css?id=' . Str::random(8)) }}" rel="stylesheet">
@endswitch @endswitch
@else @else
<link href="{{ asset('css/app.css?id=' . Str::random(8)) }}" rel="stylesheet"> <style>
html {
// do this to prevent hurting of the eyes while the js loads
background: black;
}
</style>
<script> <script>
function getDarkMode() { function getDarkMode() {
var currentTime = new Date().getHours(); var currentTime = new Date().getHours();
if (6 >= currentTime || currentTime > 18) { if (6 >= currentTime || currentTime > 18) {
// it is night time for the user, let's force dark mode. var li = document.createElement('link');
var href = "{{ asset('css/app.css?id='.Str::random(8)) }}";
var rel = 'stylesheet';
li.setAttribute('href', href);
li.setAttribute('rel', rel);
var s = document.getElementsByTagName('head')[0];
s.appendChild(li, s);
var li = document.createElement('link'); var li = document.createElement('link');
var href = "{{ asset('css/appdark.css?id='.Str::random(8)) }}"; var href = "{{ asset('css/appdark.css?id='.Str::random(8)) }}";
var rel = 'stylesheet'; var rel = 'stylesheet';
@ -53,6 +64,14 @@
li.setAttribute('rel', rel); li.setAttribute('rel', rel);
var s = document.getElementsByTagName('head')[0]; var s = document.getElementsByTagName('head')[0];
s.appendChild(li, s); s.appendChild(li, s);
} else {
var li = document.createElement('link');
var href = "{{ asset('css/app.css?id='.Str::random(8)) }}";
var rel = 'stylesheet';
li.setAttribute('href', href);
li.setAttribute('rel', rel);
var s = document.getElementsByTagName('head')[0];
s.appendChild(li, s);
} }
} }
getDarkMode() getDarkMode()

23
resources/views/layouts/loggedout.blade.php
View File

@ -37,12 +37,23 @@
<link href="{{ asset('css/app.css?id=' . Str::random(8)) }}" rel="stylesheet"> <link href="{{ asset('css/app.css?id=' . Str::random(8)) }}" rel="stylesheet">
@endswitch @endswitch
@else @else
<link href="{{ asset('css/app.css?id=' . Str::random(8)) }}" rel="stylesheet"> <style>
html {
// do this to prevent hurting of the eyes while the js loads
background: black;
}
</style>
<script> <script>
function getDarkMode() { function getDarkMode() {
var currentTime = new Date().getHours(); var currentTime = new Date().getHours();
if (6 >= currentTime || currentTime > 18) { if (6 >= currentTime || currentTime > 18) {
// it is night time for the user, let's force dark mode. var li = document.createElement('link');
var href = "{{ asset('css/app.css?id='.Str::random(8)) }}";
var rel = 'stylesheet';
li.setAttribute('href', href);
li.setAttribute('rel', rel);
var s = document.getElementsByTagName('head')[0];
s.appendChild(li, s);
var li = document.createElement('link'); var li = document.createElement('link');
var href = "{{ asset('css/appdark.css?id='.Str::random(8)) }}"; var href = "{{ asset('css/appdark.css?id='.Str::random(8)) }}";
var rel = 'stylesheet'; var rel = 'stylesheet';
@ -50,6 +61,14 @@
li.setAttribute('rel', rel); li.setAttribute('rel', rel);
var s = document.getElementsByTagName('head')[0]; var s = document.getElementsByTagName('head')[0];
s.appendChild(li, s); s.appendChild(li, s);
} else {
var li = document.createElement('link');
var href = "{{ asset('css/app.css?id='.Str::random(8)) }}";
var rel = 'stylesheet';
li.setAttribute('href', href);
li.setAttribute('rel', rel);
var s = document.getElementsByTagName('head')[0];
s.appendChild(li, s);
} }
} }
getDarkMode() getDarkMode()