Added footer / credit option

Added a footer and a credit options. Both can be turned off in the config.
This commit is contained in:
Julian Prieber 2022-03-21 23:11:49 +01:00
parent b1b7f34555
commit a290e78000
5 changed files with 105 additions and 7 deletions

2
.env
View File

@ -5,6 +5,8 @@ REGISTER_AUTH=verified
#Internal notifications=Notify if update is available or and event is happening such as a poll about the future of this project.
NOTIFY_EVENTS=true
NOTIFY_UPDATES=true
DISPLAY_FOOTER=true
DISPLAY_CREDIT=true
#App Settings=Changes settings regarding your LittleLink Custom installation. You probably only want to change the App Name setting.
#=App_Name changes the displayed name for the App in the title, for example.

View File

@ -6,7 +6,7 @@
* Copyright (c) 2022 Animate.css
*/
.button-entrance {
.button-entrance {
animation-name: zoomIn;
animation-duration: 1s;
animation-fill-mode: both;
@ -80,3 +80,66 @@
min-width: 55px;
height: auto;
}
.parent-footer {
margin: auto;
top: 35px;
position: relative;
right: 123px;
}
.image-footer1 {
position: relative;
width: 32px !important;
min-width:32px;
}
.image-footer2 {
position: relative;
bottom: 7px;
right: 27px;
width: 12px !important;
min-width: 13px;
height: auto;
}
.parent-footers {
margin: auto;
top: 39px;
position: relative;
right: 12px;
}
.image-footers1 {
position: relative;
width: 32px !important;
min-width:32px;
}
.image-footers2 {
position: relative;
bottom: 0px;
right: 26px;
width: 12px !important;
min-width: 13px;
height: auto;
}
.text-footers {
padding-left: 22px;
}
.sections {
padding-left: 50px;
}
@keyframes spin {
100% {transform: rotate(1turn); }
}
section:hover #footer_spin{
animation-play-state: running;
}
section #footer_spin{
animation: spin 4s linear infinite;
animation-play-state: paused;
}

View File

@ -1,6 +1,21 @@
<div class="footer" style="margin:5% 0px 35px 0px;">
<!--<a href="/">Home</a>
<a href="{{ url('') }}/pages/terms">Terms</a>
<a href="{{ url('') }}/pages/privacy">Privacy</a>
<a href="{{ url('') }}/pages/contact">Contact</a>-->
<div class="footer fadein" style="margin:5% 0px 35px 0px;">
@if(env('DISPLAY_FOOTER') === true)
<a class="hvr-float" href="{{ url('') }}/">Home</a>
<a class="hvr-float" href="{{ url('') }}/pages/terms">Terms</a>
<a class="hvr-float" href="{{ url('') }}/pages/privacy">Privacy</a>
<a class="hvr-float" href="{{ url('') }}/pages/contact">Contact</a>
@endif
</div>
@if(env('DISPLAY_CREDIT') === true)
<a href="https://littlelink-custom.com" target="_blank" title="Learn more">
<section class="hvr-grow fadein">
<div class="parent-footer" >
<img id="footer_spin" class="footer_spin image-footer1 generic" src="{{ asset('littlelink/images/just-gear.svg') }}" alt="LittleLink Custom"></img>
<img class="image-footer2" src="{{ asset('littlelink/images/just-ll.svg') }}" alt="LittleLink Custom"></img>
</div>
<a style="color: #FFFFFF; font-weight: 700; font-size: 15px;">Powered by LittleLink Custom</a>
</section>
</a><br><br><br>
@endif

View File

@ -4,6 +4,8 @@
<title>Studio ⚙️ {{ config('app.name') }}</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="{{ asset('littlelink/css/hover-min.css') }}">
<link rel="stylesheet" href="{{ asset('littlelink/css/animate.css') }}">
<link href="//fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.0/font/bootstrap-icons.css">
@ -108,8 +110,8 @@
<button type="submit" class="buttonLogout">Logout</button>
</form>
</ul>
<div class="footer">
@if(env('DISPLAY_FOOTER') === true)
<p>
Copyright &copy; @php echo date('Y'); @endphp {{ config('app.name') }}<i class="icon-heart" aria-hidden="true"></i> </br>
<a href="{{ url('') }}/">Home</a> .
@ -117,6 +119,20 @@
<a href="{{ url('') }}/pages/privacy" target="_blank">Privacy</a> .
<a href="{{ url('') }}/pages/contact" target="_blank">Contact</a>
</p>
@endif
@if(env('DISPLAY_CREDIT') === true)
<a href="https://littlelink-custom.com" target="_blank" title="Learn more">
<section class="hvr-grow fadein sections">
<div class="parent-footers" >
<img id="footer_spin" class="footer_spin image-footers1" src="{{ asset('littlelink/images/just-gear.svg') }}" alt="LittleLink Custom"></img>
<img class="image-footers2" src="{{ asset('littlelink/images/just-ll.svg') }}" alt="LittleLink Custom"></img>
</div>
<a class="text-footers" style="color: #FFFFFF; font-weight: 700; font-size: 15px;">&nbsp;&nbsp;Powered by</a><br>
<a class="text-footers" style="color: #FFFFFF; font-weight: 700; font-size: 15px;">LittleLink Custom</a>
</section>
</a>
@endif
</div>
</div>
</nav>

View File

@ -5,6 +5,8 @@ REGISTER_AUTH=verified
#Internal notifications=Notify if update is available or and event is happening such as a poll about the future of this project.
NOTIFY_EVENTS=true
NOTIFY_UPDATES=true
DISPLAY_FOOTER=true
DISPLAY_CREDIT=true
#App Settings=Changes settings regarding your LittleLink Custom installation. You probably only want to change the App Name setting.
#=App_Name changes the displayed name for the App in the title, for example.