chore: clean up more styles

This commit is contained in:
Cory Dransfeldt 2024-06-14 16:06:18 -07:00
parent e49c99a3d8
commit 876d2a921f
No known key found for this signature in database
5 changed files with 27 additions and 39 deletions

4
package-lock.json generated
View file

@ -1,12 +1,12 @@
{
"name": "coryd.dev",
"version": "19.3.16",
"version": "19.3.17",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "coryd.dev",
"version": "19.3.16",
"version": "19.3.17",
"license": "MIT",
"dependencies": {
"@cdransf/api-text": "^1.4.0",

View file

@ -1,6 +1,6 @@
{
"name": "coryd.dev",
"version": "19.3.16",
"version": "19.3.17",
"description": "The source for my personal site. Built using 11ty.",
"type": "module",
"scripts": {

View file

@ -14,7 +14,6 @@
@import url('./plugins/prism.css') layer(plugins);
/* page styles */
@import url('./pages/404.css') layer(page);
@import url('./pages/about.css') layer(page);
@import url('./pages/books.css') layer(page);
@import url('./pages/blogroll.css') layer(page);

View file

@ -1,9 +0,0 @@
.four-oh-four-wrapper {
& .image-banner {
margin-bottom: var(--sizing-base);
}
& .page-header {
margin-bottom: var(--sizing-xs);
}
}

View file

@ -5,8 +5,7 @@ layout: default
permalink: /404.html
image: https://cdn.coryd.dev/assets/404.jpg
---
<div class="four-oh-four-wrapper">
<img
<img
srcset="
https://cdn.coryd.dev/assets/404.jpg?aspect_ratio=1:.5625&width=256 256w,
https://cdn.coryd.dev/assets/404.jpg?aspect_ratio=1:.5625&width=512 512w,
@ -24,12 +23,11 @@ image: https://cdn.coryd.dev/assets/404.jpg
decoding="async"
width="768"
height="432"
/>
<div class="text-centered">
<h2 class="page-header">{{ title }}</h2>
/>
<div class="text-centered">
<h2>{{ title }}</h2>
What kind of idiots do you have working here? <a href="/">Hurry up and skip out on the room service bill!</a>
</div>
<hr />
{% render "partials/widgets/addon-links.liquid", popularPosts:collections.popularPosts, links:links %}
</div>
<hr />
{% render "partials/widgets/addon-links.liquid", popularPosts:collections.popularPosts, links:links %}
<script>document.addEventListener('DOMContentLoaded', function () { plausible('404', { props: { path: document.location.pathname } }); });</script>