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 {
title: string;
title: string;
}
const { title } = Astro.props;
@ -8,28 +8,29 @@ const { title } = Astro.props;
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="description" content="Astro description" />
<meta name="viewport" content="width=device-width" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="generator" content={Astro.generator} />
<title>{title}</title>
</head>
<body>
<slot />
</body>
<head>
<meta charset="UTF-8" />
<meta name="description" content="Astro description" />
<meta name="viewport" content="width=device-width" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="generator" content={Astro.generator} />
<title>{title}</title>
</head>
<body>
<slot />
</body>
</html>
<style is:global>
:root {
--h1-desktop: 3.815rem;
--h6-desktop: 1.25rem;
font-size: 18px;
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS',
sans-serif;
}
body {
display: flex;
justify-content: center;
}
:root {
--h1-desktop: 3.815rem;
--h6-desktop: 1.25rem;
--small-desktop: 0.8rem;
font-size: 18px;
font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS",
sans-serif;
}
body {
display: flex;
justify-content: center;
}
</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 "../styles/gol.css";
---
<Layout title="log101">
<div class="container">
<MainHeader />
<Header />
<Footer />
</div>
</Layout>

12
src/styles/gol.css
View File

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