log101/log101-dot-dev
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add footer

Browse Source
This commit is contained in:
log101 2024-05-04 10:34:55 +03:00
parent 345d0bed05
commit 229d29a882
5 changed files with 48 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/Footer.astro Normal file
View File

@ -0,0 +1,8 @@
---
---
<div class="footer">
<p class="copyright">© 2024 Furkan Erdem</p>
<a class="about-me" href="#">Hakkımda</a>
</div>

0
src/components/MainHeader.astro → src/components/Header.astro
View File

47
src/layouts/Layout.astro
View File

@ -1,6 +1,6 @@
--- ---
interface Props { interface Props {
title: string; title: string;
} }
const { title } = Astro.props; const { title } = Astro.props;
@ -8,28 +8,29 @@ const { title } = Astro.props;
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="description" content="Astro description" /> <meta name="description" content="Astro description" />
<meta name="viewport" content="width=device-width" /> <meta name="viewport" content="width=device-width" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" /> <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="generator" content={Astro.generator} /> <meta name="generator" content={Astro.generator} />
<title>{title}</title> <title>{title}</title>
</head> </head>
<body> <body>
<slot /> <slot />
</body> </body>
</html> </html>
<style is:global> <style is:global>
:root { :root {
--h1-desktop: 3.815rem; --h1-desktop: 3.815rem;
--h6-desktop: 1.25rem; --h6-desktop: 1.25rem;
font-size: 18px; --small-desktop: 0.8rem;
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', font-size: 18px;
sans-serif; font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS",
} sans-serif;
body { }
display: flex; body {
justify-content: center; display: flex;
} justify-content: center;
}
</style> </style>

6
src/pages/index.astro
View File

@ -1,11 +1,13 @@
--- ---
import MainHeader from "../components/MainHeader.astro"; import Header from "../components/Header.astro";
import Footer from "../components/Footer.astro";
import Layout from "../layouts/Layout.astro"; import Layout from "../layouts/Layout.astro";
import "../styles/gol.css"; import "../styles/gol.css";
--- ---
<Layout title="log101"> <Layout title="log101">
<div class="container"> <div class="container">
<MainHeader /> <Header />
<Footer />
</div> </div>
</Layout> </Layout>

12
src/styles/gol.css
View File

@ -63,3 +63,15 @@
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
.footer {
display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
color: gray;
}
.footer a {
color: inherit;
}