LinkStack/resources/views/layouts/footer.blade.php
Julian Prieber 9d368ef9cb Switched to dark mode detection via CSS instead of JavaScript
Switched to dark mode detection via CSS instead of JavaScript on users LittleLink pages and the home page.

I decided to use this approach instead of the previous JavaScript version. This means that a manual switch to change between light and dark mode by user won't be added.
2022-05-12 20:17:48 +02:00

22 lines
1.2 KiB
PHP
Executable File

<div class="footer fadein" style="margin:5% 0px 35px 0px;">
@if(env('DISPLAY_FOOTER') === true)
<a class="hvr-float spacing" href="{{ url('') }}/">Home</a>
<a class="hvr-float spacing" href="{{ url('') }}/pages/terms">Terms</a>
<a class="hvr-float spacing" href="{{ url('') }}/pages/privacy">Privacy</a>
<a class="hvr-float spacing" href="{{ url('') }}/pages/contact">Contact</a>
@endif
</div>
@if(env('DISPLAY_CREDIT') === true)
<style>.txt{font-weight:700;font-size:15px}@media (prefers-color-scheme: dark){.txt-clr{color:#FFF!important;}}@media (prefers-color-scheme: light){.txt-clr{color:#100a26!important;}}</style>
<a class="spacing" 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 href="https://littlelink-custom.com" class="txt txt-clr">Powered by LittleLink Custom</a>
</section>
</a><br><br><br>
@endif