feat: footer improvements
This commit is contained in:
parent
f512731cab
commit
c7e48939c4
1 changed files with 21 additions and 6 deletions
|
@ -1,30 +1,45 @@
|
|||
---
|
||||
import Icon from 'astro-iconify'
|
||||
---
|
||||
|
||||
<footer class="footer">
|
||||
|
||||
<p>Remove distractions. Save for later.</p>
|
||||
<p>No sign-ups. No setups. It just works.</p>
|
||||
<p>
|
||||
<a href="https://github.com/ayoayco/cozy" target="_blank">Star on GitHub to support!</a>
|
||||
</p>
|
||||
|
||||
<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
|
||||
>
|
||||
</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">
|
||||
.footer {
|
||||
width: 100%;
|
||||
max-width: 350px;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
color: #555;
|
||||
color: #333;
|
||||
font-size: small;
|
||||
padding-bottom: 1rem;
|
||||
|
||||
svg {
|
||||
width: 1.25rem;
|
||||
height: 1.25rem;
|
||||
vertical-align: bottom;
|
||||
display: inline;
|
||||
border: 0px;
|
||||
color: red;
|
||||
}
|
||||
|
||||
&__disclaimer, &__attribution {
|
||||
font-style: italic;
|
||||
padding-top: 1rem;
|
||||
padding: 1rem 0 0;
|
||||
}
|
||||
|
||||
&__title {
|
||||
|
|
Loading…
Reference in a new issue