Madmin
/
old-portfolio-site
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

footer fixes, should be responsive

This commit is contained in:
matthieu42morin 2024-04-29 05:09:16 +02:00
parent b219773768
commit 000948bc8a
1 changed files with 20 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
src/lib/components/main/footer.svelte
View File

@ -14,7 +14,7 @@
class="footer footer-center bg-base-300 text-base-content shadow-inner p-8 {rounded
? 'rounded-box'
: 'md:rounded-box'} {sticky ? 'sticky bottom-0 z-0 md:static' : ''} {className ?? ''}">
<div class="prose">
<div class="prose flex">
<p>
{#if footerConfig.nav}
{#each footerConfig.nav as { text, link }, i}
@ -30,20 +30,24 @@
: new Date().toJSON().substring(0, 4)}
{site.author.name}
<br />
<br />The code of this site is
<a
class="font-bold anchor"
href="https://git.mattmor.in/Madmin/its-personal/src/branch/master/LICENSE"
>MIT Licensed</a
>.
Powered by
<span class="sm:pl-4 text-base sm:py-2 sm:mt-0 mt-4 text-center">
All content by me, the Author, unless otherwise stated, is permissively licensed under
<a
rel="noopener noreferrer external"
target="_blank"
class="tooltip tooltip-secondary hover:text-secondary"
data-tip="🌸 [δ] - Based on MDsveX & SvelteKit 🌸"
href="https://github.com/importantimport/urara">
Urara
class="tooltip tooltip-secondary link-primary font-bold hover:text-secondary"
href="https://creativecommons.org/licenses/by-sa/4.0/deed.en">CC BY-SA 4.0</a
>.
</span>
The code of this site is
<a
rel="noopener noreferrer external"
target="_blank"
class="tooltip tooltip-secondary link-primary font-bold hover:text-secondary"
data-tip="🌸 See the license [δ] - Based on MDsveX & SvelteKit 🌸"
href="https://git.mattmor.in/Madmin/its-personal/src/branch/master/LICENSE">
MIT licensed, Powered by my code & Urara
</a>
{#if footerConfig.html}
<br />
@ -51,26 +55,20 @@
{/if}
</p>
</div>
<SocialsCloud />
</footer>
<script lang="ts">
import GiteaLogo from '$lib/assets/logos/GiteaLogo.svelte';
const year = new Date().getFullYear();
</script>
<footer
<!-- <footer
class="page-footer bg-surface-50 dark:bg-surface-900 border-t border-surface-500/10 text-xs mt-4 md:text-base"
>
<SocialsCloud />
<hr class="opacity-20" />
<div class="w-full max-w-7xl mx-auto p-4 md:py-8 flex items-center justify-center">
<!-- <div class="container px-5 py-8 mx-auto flex items-center sm:flex-row flex-col"> -->
<div class="container px-5 py-8 mx-auto flex items-center sm:flex-row flex-col">
<a class="items-center md:justify-start justify-center" href="/">
<p class="sm:pl-4 text-base sm:py-2 sm:mt-0 mt-4 text-center">
All content, unless otherwise stated,
<br />by Matthieu Morin, is under copyright © {year},
<br />by Matthieu Morin, is under copyright © ,
<br />all of it licensed under
<a
class="anchor font-bold"
@ -80,4 +78,4 @@
</p>
</a>
</div>
</footer>
</footer> -->