</head>
<body>
- <header>
- <p>Find me <a href="https://mastodon.gamedev.place/@btsherratt" rel="me">@btsherratt</a> or on <a href="https://bts.itch.io/">itch.io</a></p>
- </header>
+ <div class="container">
+ <header>
+ <p>Find me <a href="https://mastodon.gamedev.place/@btsherratt" rel="me">@btsherratt</a> or on <a href="https://bts.itch.io/">itch.io</a></p>
+ </header>
- <nav>
- <ul>
- <?php foreach($categorised_items as $category_name => $category_items): ?>
- <?php if ($category_name != ''): ?>
- <li>
- <?= $category_name ?>
- <ul>
+ <nav>
+ <ul>
+ <?php foreach($categorised_items as $category_name => $category_items): ?>
+ <?php if ($category_name != ''): ?>
+ <li>
+ <?= $category_name ?>
+ <ul>
+ <?php foreach($category_items as $category_item): ?>
+ <li><a href="<?= $category_item->url ?>"><?= $category_item->title ?></a></li>
+ <?php endforeach; ?>
+ </ul>
+ </li>
+ <?php else: ?>
<?php foreach($category_items as $category_item): ?>
<li><a href="<?= $category_item->url ?>"><?= $category_item->title ?></a></li>
<?php endforeach; ?>
- </ul>
- </li>
- <?php else: ?>
- <?php foreach($category_items as $category_item): ?>
- <li><a href="<?= $category_item->url ?>"><?= $category_item->title ?></a></li>
- <?php endforeach; ?>
- <?php endif ?>
- <?php endforeach ?>
- </ul>
- </nav>
+ <?php endif ?>
+ <?php endforeach ?>
+ </ul>
+ </nav>
- <?= garden_template_content(); ?>
+ <?= garden_template_content(); ?>
- <footer>
- <div>
- Content by Ben Sherratt 2025
- </div>
- </footer>
+ <footer>
+ <div>
+ Content by Ben Sherratt 2025
+ </div>
+ </footer>
+ </div>
</body>
</html>
body {
background: #5fcde4;
background-image: url(../assets/bg.png);
+}
+
+.container {
display: grid;
- width: 100%;
grid-template:
[header-left] "head head" auto [header-right]
[main-left] "nav main" auto [main-right]
[footer-left] "foot foot" auto [footer-right]
/ 300px auto;
+
+ padding: 0 30px;
+ background-color: rgba(255.0, 255.0, 255.0, 0.8);
}
header {
grid-area: foot;
}
-body > * {
+.container > * {
padding: 0 30px;
margin: 10px;
- background-color: rgba(255.0, 255.0, 255.0, 0.8);
- border-radius: 7px;
}
git.bts.cx / garden.git / commitdiff