ayo/cozy
ayo/cozy
1
Fork 0
Code Issues 2 Pull requests 1 Projects Releases Packages Wiki Activity Actions

feat: footer improvements

Browse source
This commit is contained in:
Ayo 2023-06-15 17:01:30 +02:00
parent f512731cab
commit c7e48939c4
1 changed files with 21 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
src/components/Footer.astro
View file

@ -1,30 +1,45 @@
---
import Icon from 'astro-iconify'
---
<footer class="footer"> <footer class="footer">
<p>Remove distractions. Save for later.</p> <p>Remove distractions. Save for later.</p>
<p>No sign-ups. No setups. It just works.</p> <p>No sign-ups. No setups. It just works.</p>
<p> <p>
<a href="https://github.com/ayoayco/cozy" target="_blank">Star on GitHub to support!</a> <a href="https://github.com/ayoayco/cozy" target="_blank">Star on GitHub to support!</a>
</p> </p>
<p class="footer__attribution"> <p class="footer__attribution">
Hand-crafted with ❤️ by <a href="https://ayo.ayco.io" target="_blank" Hand-crafted with <Icon name="line-md:heart" /> by <a href="https://ayo.ayco.io" target="_blank"
>Ayo Ayco</a >Ayo Ayco</a
> >
</p> </p>
<p class="footer__disclaimer">All content rights and credits are reserved to their respective owners.</p>
</footer>
<p class="footer__disclaimer">All content rights and credits are reserved to their respective owners.</p>
</footer>
<style lang="scss"> <style lang="scss">
.footer { .footer {
width: 100%; width: 100%;
max-width: 350px; max-width: 350px;
margin: 0 auto; margin: 0 auto;
text-align: center; text-align: center;
color: #555; color: #333;
font-size: small; font-size: small;
padding-bottom: 1rem; padding-bottom: 1rem;
svg {
width: 1.25rem;
height: 1.25rem;
vertical-align: bottom;
display: inline;
border: 0px;
color: red;
}
&__disclaimer, &__attribution { &__disclaimer, &__attribution {
font-style: italic; padding: 1rem 0 0;
padding-top: 1rem;
} }
&__title { &__title {