Cutlery/moodist
1
0
Fork 0
mirror of https://github.com/remvze/moodist.git synced 2025-09-29 15:30:49 -04:00
Code Issues Packages Projects Releases Wiki Activity

refactor: turn footer into Astro component

Browse Source
This commit is contained in:
MAZE 2023-12-09 16:19:46 +03:30
parent 72fa516316
commit a67083c0e9
5 changed files with 40 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
src/components/footer.astro Normal file
View File

@ -0,0 +1,38 @@
---
import { Container } from '@/components/container';
---
<footer class="footer">
<Container>
<p>
Created by{' '}
<a href="https://twitter.com/remvze">
Maze <span>✦</span>
</a>
</p>
</Container>
</footer>
<style>
.footer {
display: flex;
height: 100px;
align-items: center;
& p {
color: var(--color-foreground-subtle);
font-size: var(--font-sm);
text-align: center;
& a {
color: var(--color-foreground);
font-weight: 500;
text-decoration: none;
& span {
color: #c0eb75;
}
}
}
}
</style>

21
src/components/footer/footer.module.css
View File

@ -1,21 +0,0 @@
.footer {
display: flex;
height: 100px;
align-items: center;
& p {
color: var(--color-foreground-subtle);
font-size: var(--font-sm);
text-align: center;
& a {
color: var(--color-foreground);
font-weight: 500;
text-decoration: none;
& span {
color: #c0eb75;
}
}
}
}

18
src/components/footer/footer.tsx
View File

@ -1,18 +0,0 @@
import { Container } from '@/components/container';
import styles from './footer.module.css';
export function Footer() {
return (
<footer className={styles.footer}>
<Container>
<p>
Created by{' '}
<a href="https://twitter.com/remvze">
Maze <span>✦</span>
</a>
</p>
</Container>
</footer>
);
}

1
src/components/footer/index.ts
View File

@ -1 +0,0 @@
export { Footer } from './footer';

3
src/pages/index.astro
View File

@ -3,8 +3,9 @@ import Layout from '@/layouts/layout.astro';
import { Hero } from '@/components/hero';
import { App } from '@/components/app';
import { Footer } from '@/components/footer';
import { AboutSection, WhySection, ReadySection } from '@/components/sections';
import Footer from '@/components/footer.astro';
---
<Layout title="Moodist: Ambient Sounds for Focus and Calm">