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

View File

@ -8,8 +8,8 @@
</head>
<body>
<main>
<?php include "./includes/header.php" ?>
<main>
<?php include "./includes/nav.php" ?>
<section>
<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
</li>
</ul>
</section>
<section>
<h2>other things of mine you might like</h2>
<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>
</ul>
</section>
<?php include "./includes/footer.php" ?>
</main>
<?php include "./includes/footer.php" ?>
</body>
</html>

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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