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

layout and initial design work done

This commit is contained in:
emma 2024-12-12 08:06:46 -05:00
parent f454c16bc3
commit b2f7cc084b
8 changed files with 64 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
index.php
View File

@ -8,8 +8,8 @@
</head> </head>
<body> <body>
<main>
<?php include "./includes/header.php" ?> <?php include "./includes/header.php" ?>
<main>
<?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>
@ -36,9 +36,7 @@
12-05-2024 - i've begun using picrew to explore my identity and sense of self. while creating this site i added a picrew page with a few images of how i see myself. with time i will certainly add more 12-05-2024 - i've begun using picrew to explore my identity and sense of self. while creating this site i added a picrew page with a few images of how i see myself. with time i will certainly add more
</li> </li>
</ul> </ul>
</section>
<section>
<h2>other things of mine you might like</h2> <h2>other things of mine you might like</h2>
<h3>cat-related website projects</h3> <h3>cat-related website projects</h3>
@ -62,7 +60,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>
<?php include "./includes/footer.php" ?>
</body> </body>
</html> </html>

2
life/music.php
View File

@ -8,8 +8,8 @@
</head> </head>
<body> <body>
<main>
<?php include "../includes/header.php" ?> <?php include "../includes/header.php" ?>
<main>
<?php include "../includes/nav.php" ?> <?php include "../includes/nav.php" ?>
<section> <section>

2
life/pets.php
View File

@ -8,8 +8,8 @@
</head> </head>
<body> <body>
<main>
<?php include "../includes/header.php" ?> <?php include "../includes/header.php" ?>
<main>
<?php include "../includes/nav.php" ?> <?php include "../includes/nav.php" ?>
<section> <section>

2
life/photography.php
View File

@ -8,8 +8,8 @@
</head> </head>
<body> <body>
<main>
<?php include "../includes/header.php" ?> <?php include "../includes/header.php" ?>
<main>
<?php include "../includes/nav.php" ?> <?php include "../includes/nav.php" ?>
<section> <section>

3
life/picrew.php
View File

@ -8,8 +8,8 @@
</head> </head>
<body> <body>
<main>
<?php include "../includes/header.php" ?> <?php include "../includes/header.php" ?>
<main>
<?php include "../includes/nav.php" ?> <?php include "../includes/nav.php" ?>
<section> <section>
<h1>a gallery of emma</h1> <h1>a gallery of emma</h1>
@ -48,6 +48,7 @@
</div> </div>
</section> </section>
<script src="../script/image-enlarger.js"></script> <script src="../script/image-enlarger.js"></script>
</main>
<?php include "../includes/footer.php" ?> <?php include "../includes/footer.php" ?>
</body> </body>
</html> </html>

2
life/postroll.php
View File

@ -8,8 +8,8 @@
</head> </head>
<body> <body>
<main>
<?php include "../includes/header.php" ?> <?php include "../includes/header.php" ?>
<main>
<?php include "../includes/nav.php" ?> <?php include "../includes/nav.php" ?>
<section> <section>

2
life/technology.php
View File

@ -8,8 +8,8 @@
</head> </head>
<body> <body>
<main>
<?php include "../includes/header.php" ?> <?php include "../includes/header.php" ?>
<main>
<?php include "../includes/nav.php" ?> <?php include "../includes/nav.php" ?>
<section> <section>

28
style/style.css
View File

@ -12,30 +12,44 @@ html {
} }
body { body {
height: 100vh; display: grid;
width: auto; grid-template-rows: 5vh 2fr 5vh;
justify-content: center;
align-content: space-evenly;
} }
main { main {
height: auto;
width: 70vw;
display: grid; display: grid;
grid-template-columns: 1fr 2fr; grid-template-columns: 1fr 2fr;
grid-template-rows: 1fr 2fr 1fr; gap: 2rem;
} }
header { header {
grid-column: 1/3;
grid-row: 1/2; grid-row: 1/2;
height: 5vh;
width: auto;
text-align: center;
} }
footer { footer {
grid-column: 1/3; grid-row: 3/4;
grid-row: 4/5; height: 5vh;
width: auto;
text-align: center;
align-self: end;
} }
nav { nav {
grid-column: 1/2; grid-row: 2/3;
width: 10vw;
height: auto;
justify-self: end;
} }
section { section {
grid-column: 2/3; grid-column: 2/3;
grid-row: 2/3;
width: 55vw;
} }