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

site now uses dark theme when it is night for you when logged out

This commit is contained in:
Thomas G 2022-08-08 21:54:31 +10:00
parent 81dbfbd06d
commit 2d2a7beef5
3 changed files with 52 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/css/app.css
View File

@ -207,6 +207,10 @@
align-items: center; align-items: center;
} }
#navbarlogincontainer {
margin-left: auto;
}
#profilefriendscontainer p, #profilefriendscontainer p,
#profilefriendscontainer a { #profilefriendscontainer a {
display: inline; display: inline;

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

@ -41,6 +41,21 @@
@endswitch @endswitch
@else @else
<link href="{{ asset('css/app.css?id=' . Str::random(8)) }}" rel="stylesheet"> <link href="{{ asset('css/app.css?id=' . Str::random(8)) }}" rel="stylesheet">
<script>
function getStylesheet() {
var currentTime = new Date().getHours();
if (7 >= currentTime && currentTime > 18) {} else {
var li = document.createElement('link');
var href = "{{ asset('css/appdark.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);
}
}
getStylesheet()
</script>
@endauth @endauth
@yield('extras') @yield('extras')
</head> </head>

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

@ -17,21 +17,36 @@
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}"> <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}">
@auth @auth
@switch (Auth::user()->settings->theme) @switch (Auth::user()->settings->theme)
@case(3) @case(3)
<link href="{{ asset('css/app.css?id=' . Str::random(8)) }}" rel="stylesheet"> <link href="{{ asset('css/app.css?id=' . Str::random(8)) }}" rel="stylesheet">
<link href="{{ asset('css/appdark.css?id=' . Str::random(8)) }}" rel="stylesheet"> <link href="{{ asset('css/appdark.css?id=' . Str::random(8)) }}" rel="stylesheet">
@break @break
@case(2) @case(2)
<link href="{{ asset('css/app.css?id=' . Str::random(8)) }}" rel="stylesheet"> <link href="{{ asset('css/app.css?id=' . Str::random(8)) }}" rel="stylesheet">
<link href="{{ asset('css/2018.css?id=' . Str::random(8)) }}" rel="stylesheet"> <link href="{{ asset('css/2018.css?id=' . Str::random(8)) }}" rel="stylesheet">
@break @break
@default @default
<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"> <link href="{{ asset('css/app.css?id=' . Str::random(8)) }}" rel="stylesheet">
<script>
function getStylesheet() {
var currentTime = new Date().getHours();
if (7 >= currentTime && currentTime > 18) {} else {
var li = document.createElement('link');
var href = "{{ asset('css/appdark.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);
}
}
getStylesheet()
</script>
@endauth @endauth
@yield('extras') @yield('extras')
</head> </head>
@ -39,17 +54,18 @@
<body> <body>
<br> <br>
<div id="logo_signup"> <div id="logo_signup">
<a href="{{ route('index') }}"><img alt="ARCHBLOX Logo" src="{{ asset('img/ARCHBLOXarched.png') }}" <a href="{{ route('index') }}"><img alt="ARCHBLOX Logo" src="{{ asset('img/ARCHBLOXarched.png') }}" width="200"
width="200" height="40" /></a> height="40" /></a>
<p id="morbin">We're Still Morbin'</p> <p id="morbin">We're Still Morbin'</p>
</div> </div>
<div class="content_signup"> <div class="content_signup">
@yield('contentloggedout') @yield('contentloggedout')
</div> </div>
<div id="footer_signup"> <div id="footer_signup">
<p>ARCHBLOX is not affiliated with Roblox Corp, Lego, Sony, SEGA, Microsoft, Nintendo or any other company. We're still Morbin'!</p> <p>ARCHBLOX is not affiliated with Roblox Corp, Lego, Sony, SEGA, Microsoft, Nintendo or any other company.
We're still Morbin'!</p>
<p><a href="{{ route('privacy') }}">Privacy Policy</a> <a href="{{ route('tos') }}">Terms of Service</a></p> <p><a href="{{ route('privacy') }}">Privacy Policy</a> <a href="{{ route('tos') }}">Terms of Service</a></p>
</div> </div>
</body> </body>
</html> </html>