Added footer / credit option

Added a footer and a credit options. Both can be turned off in the config.

Author: JulianPrieber

.env

@@ -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.

littlelink/css/animate.css

@@ -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; 
+}

resources/views/layouts/footer.blade.php

@@ -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

resources/views/layouts/sidebar.blade.php

@@ -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,15 +110,29 @@ function update_color_scheme() {
              <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> .
                <a href="{{ url('') }}/pages/terms" target="_blank">Terms</a> .
                <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>

storage/backups/default_settings

@@ -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.