zepp
/
emmas.place
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

header and footer addition, placement in index.php and styling

This commit is contained in:
emma 2024-12-11 22:41:32 -05:00
parent 9b9c975727
commit 6ca51ca6df
4 changed files with 23 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
includes/footer.php Normal file
View File

@ -0,0 +1,3 @@
<footer>
made with love and tender care by emma. get in <a href="../site/contact.php" target="_blank">touch</a>
</footer>

3
includes/header.php Normal file
View File

@ -0,0 +1,3 @@
<header>
emma's place - a celebration of self-expression through the personal web
</header>

2
index.php
View File

@ -9,6 +9,7 @@
<body> <body>
<main> <main>
<?php include "./includes/header.php" ?>
<?php include "./includes/nav.php" ?> <?php include "./includes/nav.php" ?>
<section> <section>
<h1>welcome to emma's place</h1> <h1>welcome to emma's place</h1>
@ -61,6 +62,7 @@
<li><a href="https://blog.hypertext.city" target="_blank">walk with me for a moment</a></li> <li><a href="https://blog.hypertext.city" target="_blank">walk with me for a moment</a></li>
</ul> </ul>
</section> </section>
<?php include "./includes/footer.php" ?>
</main> </main>
</body> </body>
</html> </html>

15
style/style.css
View File

@ -19,6 +19,21 @@ body {
main { main {
display: grid; display: grid;
grid-template-columns: 1fr 2fr; grid-template-columns: 1fr 2fr;
grid-template-rows: 1fr 2fr 1fr;
}
header {
grid-column: 1/3;
grid-row: 1/2;
}
footer {
grid-column: 1/3;
grid-row: 4/5;
}
nav {
grid-column: 1/2;
} }
section { section {