Added footer to Admin Panel
I re-enabled the footer disabled by Latuminggi's LittleLink Admin fork. This footer adds a Home button which brings you to the landing page, in addition to Terms, Privacy and Contact buttons. I also edited the policy pages for the buttons named above to include the new logo as well as the dark mode detection.
This commit is contained in:
Julian Prieber
parent
5751dbce12
commit
1d2df13b0f
|
|
@ -26,7 +26,7 @@ class PageSeeder extends Seeder
|
||||||
',
|
',
|
||||||
|
|
||||||
'contact' => '
|
'contact' => '
|
||||||
Send your suggestions and criticisms to khashayar.zavosh@gmail.com
|
Send your suggestions and criticisms to info@littlelink-custom.com
|
||||||
',
|
',
|
||||||
|
|
||||||
'home_message' => '
|
'home_message' => '
|
||||||
|
|
|
||||||
|
|
@ -109,10 +109,10 @@
|
||||||
</form>
|
</form>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<div class="footer" style="display:none">
|
<div class="footer">
|
||||||
<p>
|
<p>
|
||||||
Copyright © @php echo date('Y'); @endphp <i class="icon-heart" aria-hidden="true"></i> </br>
|
Copyright © @php echo date('Y'); @endphp {{ config('app.name') }}<i class="icon-heart" aria-hidden="true"></i> </br>
|
||||||
<a href="/" target="_blank">Home</a> .
|
<a href="{{ url('') }}/">Home</a> .
|
||||||
<a href="{{ url('') }}/pages/terms" target="_blank">Terms</a> .
|
<a href="{{ url('') }}/pages/terms" target="_blank">Terms</a> .
|
||||||
<a href="{{ url('') }}/pages/privacy" target="_blank">Privacy</a> .
|
<a href="{{ url('') }}/pages/privacy" target="_blank">Privacy</a> .
|
||||||
<a href="{{ url('') }}/pages/contact" target="_blank">Contact</a>
|
<a href="{{ url('') }}/pages/contact" target="_blank">Contact</a>
|
||||||
|
|
|
||||||
|
|
@ -1,36 +1,55 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
|
|
||||||
<!-- Page Information
|
|
||||||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<title>{{ config('app.name' )}}</title>
|
<title>{{ config('app.name') }}</title>
|
||||||
<meta name="description" content="Find us online!">
|
|
||||||
<meta name="author" content="Seth Cottle">
|
|
||||||
|
|
||||||
<!-- Mobile Specific Metas
|
|
||||||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<link href="//fonts.googleapis.com/css?family=Open+Sans:400,600,800&display=swap" rel="stylesheet">
|
||||||
<!-- FONT
|
|
||||||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
|
||||||
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,800&display=swap" rel="stylesheet">
|
|
||||||
|
|
||||||
<!-- CSS
|
|
||||||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
|
||||||
<link rel="stylesheet" href="{{ asset('littlelink/css/normalize.css') }}">
|
<link rel="stylesheet" href="{{ asset('littlelink/css/normalize.css') }}">
|
||||||
<link rel="stylesheet" href="{{ asset('littlelink/css/skeleton-light.css') }}">
|
<link rel="stylesheet" href="{{ asset('littlelink/css/skeleton-light.css') }}">
|
||||||
<link rel="stylesheet" href="{{ asset('littlelink/css/brands.css') }}">
|
<link rel="stylesheet" href="{{ asset('littlelink/css/brands.css') }}">
|
||||||
|
<link rel="stylesheet" href="{{ asset('littlelink/css/hover-min.css') }}">
|
||||||
<!-- Favicon
|
<link rel="stylesheet" href="{{ asset('littlelink/css/animate.css') }}">
|
||||||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
|
||||||
@if(file_exists(base_path("littlelink/images/avatar.png" )))
|
@if(file_exists(base_path("littlelink/images/avatar.png" )))
|
||||||
<link rel="icon" type="image/png" href="{{ asset('littlelink/images/avatar.png') }}">
|
<link rel="icon" type="image/png" href="{{ asset('littlelink/images/avatar.png') }}">
|
||||||
@else
|
@else
|
||||||
<link rel="icon" type="image/svg+xml" href="{{ asset('littlelink/images/logo.svg') }}">
|
<link rel="icon" type="image/svg+xml" href="{{ asset('littlelink/images/logo.svg') }}">
|
||||||
@endif
|
@endif
|
||||||
|
|
||||||
|
<!-- begin dark mode detection -->
|
||||||
|
<script src="{{ asset('littlelink/js/js.cookie.min.js') }}"></script>
|
||||||
|
<script>
|
||||||
|
// code to set the `color_scheme` cookie
|
||||||
|
var $color_scheme = Cookies.get("color_scheme");
|
||||||
|
function get_color_scheme() {
|
||||||
|
return (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) ? "dark" : "light";
|
||||||
|
}
|
||||||
|
function update_color_scheme() {
|
||||||
|
Cookies.set("color_scheme", get_color_scheme());
|
||||||
|
}
|
||||||
|
// read & compare cookie `color-scheme`
|
||||||
|
if ((typeof $color_scheme === "undefined") || (get_color_scheme() != $color_scheme))
|
||||||
|
update_color_scheme();
|
||||||
|
// detect changes and change the cookie
|
||||||
|
if (window.matchMedia)
|
||||||
|
window.matchMedia("(prefers-color-scheme: dark)").addListener( update_color_scheme );
|
||||||
|
// reloads page to apply the dark mode cookie
|
||||||
|
window.onload = function() {
|
||||||
|
if(!window.location.hash && get_color_scheme() == "dark" && (get_color_scheme() != $color_scheme)) {
|
||||||
|
window.location = window.location + '#dark';
|
||||||
|
window.location.reload();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<?php // loads dark mode CSS if dark mode detected
|
||||||
|
$color_scheme = isset($_COOKIE["color_scheme"]) ? $_COOKIE["color_scheme"] : false; ?>
|
||||||
|
@if ($color_scheme == 'dark')
|
||||||
|
<!-- switch the two <link> Tags below to default to dark mode if cookie detection fails -->
|
||||||
|
<link rel="stylesheet" href="{{ asset('littlelink/css/skeleton-dark.css') }}">
|
||||||
|
@else
|
||||||
|
<link rel="stylesheet" href="{{ asset('littlelink/css/skeleton-light.css') }}">
|
||||||
|
@endif
|
||||||
|
<!-- end dark mode detection -->
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
|
|
@ -42,13 +61,15 @@
|
||||||
<div class="column" style="margin-top: 10%">
|
<div class="column" style="margin-top: 10%">
|
||||||
<!-- Your Image Here -->
|
<!-- Your Image Here -->
|
||||||
@if(file_exists(base_path("littlelink/images/avatar.png" )))
|
@if(file_exists(base_path("littlelink/images/avatar.png" )))
|
||||||
<img src="{{ asset('littlelink/images/logo.svg') }}" srcset="{{ asset('littlelink/images/avatar@2x.png 2x') }}">
|
<img src="{{ asset('littlelink/images/avatar.png') }}" srcset="{{ asset('littlelink/images/avatar@2x.png 2x') }}" width="100px" height="100px">
|
||||||
@else
|
@else
|
||||||
<img src="https://prieber.com/social/littlelink/images/logo.svg" alt="Logo"></img>
|
<div class="parent fadein" >
|
||||||
|
<img class="image1 rotate" src="{{ asset('littlelink/images/just-gear.svg') }}" alt="Logo"></img>
|
||||||
|
<img class="image2" src="{{ asset('littlelink/images/just-ll.svg') }}" alt="Logo"></img>
|
||||||
|
</div>
|
||||||
@endif
|
@endif
|
||||||
<br>
|
|
||||||
|
|
||||||
<div class="jumbotron">
|
<div class="jumbotron" style="margin-top: 10%">
|
||||||
<h1 class="display-4">{{ $name }}</h1>
|
<h1 class="display-4">{{ $name }}</h1>
|
||||||
<hr class="my-4">
|
<hr class="my-4">
|
||||||
<p>
|
<p>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue