cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: clean up more styles

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

4
package-lock.json generated
View file

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

2
package.json
View file

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

1
src/assets/styles/index.css
View file

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

9
src/assets/styles/pages/404.css
View file

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

50
src/pages/errors/404.html
View file

@ -5,31 +5,29 @@ layout: default
permalink: /404.html permalink: /404.html
image: https://cdn.coryd.dev/assets/404.jpg image: https://cdn.coryd.dev/assets/404.jpg
--- ---
<div class="four-oh-four-wrapper"> <img
<img srcset="
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=256 256w, https://cdn.coryd.dev/assets/404.jpg?aspect_ratio=1:.5625&width=512 512w,
https://cdn.coryd.dev/assets/404.jpg?aspect_ratio=1:.5625&width=512 512w, https://cdn.coryd.dev/assets/404.jpg?aspect_ratio=1:.5625&width=1024 1024w,
https://cdn.coryd.dev/assets/404.jpg?aspect_ratio=1:.5625&width=1024 1024w, https://cdn.coryd.dev/assets/404.jpg?aspect_ratio=1:.5625&width=2048 2048w
https://cdn.coryd.dev/assets/404.jpg?aspect_ratio=1:.5625&width=2048 2048w "
" sizes="(max-width: 450px) 256px,
sizes="(max-width: 450px) 256px, (max-width: 850px) 512px,
(max-width: 850px) 512px, (max-width: 1000px) 1024px,
(max-width: 1000px) 1024px, 2048px"
2048px" src="https://cdn.coryd.dev/assets/404.jpg?aspect_ratio=1:.5625&width=2048"
src="https://cdn.coryd.dev/assets/404.jpg?aspect_ratio=1:.5625&width=2048" alt="{{ alt }}"
alt="{{ alt }}" class="image-banner"
class="image-banner" loading="eager"
loading="eager" decoding="async"
decoding="async" width="768"
width="768" height="432"
height="432" />
/> <div class="text-centered">
<div class="text-centered"> <h2>{{ title }}</h2>
<h2 class="page-header">{{ title }}</h2> What kind of idiots do you have working here? <a href="/">Hurry up and skip out on the room service bill!</a>
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> </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> <script>document.addEventListener('DOMContentLoaded', function () { plausible('404', { props: { path: document.location.pathname } }); });</script>