sako/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

make content a component

Browse source
This commit is contained in:
Sakooooo 2024-12-19 22:19:47 +04:00
parent d3298121f9
commit fe5648b95e
Signed by: sako
GPG key ID: 3FD715D87D7725E0
2 changed files with 26 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
src/components/content.astro Normal file
View file

@ -0,0 +1,21 @@
---
import Footer from "../components/footer.astro";
---
<!doctype html>
<div class="content">
<slot />
</div>
<Footer/>
<style>
.content {
background-color: #222222;
margin: auto;
max-width: 90vw;
min-height: 80vh;
padding-left: 1vw;
padding-right: 1vw;
padding-top: 0.1vh;
}
</style>

25
src/pages/home.astro
View file

@ -1,36 +1,21 @@
---
import Nav from "../components/nav.astro";
import Footer from "../components/footer.astro"
import Layout from "../layouts/Layout.astro";
import Content from "../components/content.astro";
---
<Layout title="sako.lol - home">
<div class="top">
<Nav/>
</div>
<div class="content">
<h1>placeholder</h1>
<p> yap yap yap </p>
<p> yap yap yap </p>
<p> yap yap yap </p>
<p> yap yap yap </p>
<p> todo make this extend to the bottom regardless if theres nothing</p>
</div>
<Footer/>
<Content>
<h1> hi i am a component </h1>
<p> (i'm still too lazy to do this) </p>
</Content>
</Layout>
<style>
.top {
text-align: center;
align-items: center;
}
.content {
background-color: #222222;
margin: auto;
max-width: 90vw;
min-height: 80vh;
padding-left: 1vw;
padding-right: 1vw;
padding-top: 0.1vh;
}
</style>