diff --git a/_includes/layouts/base.njk b/_includes/layouts/base.njk
index 84f7449..f2c4cfb 100644
--- a/_includes/layouts/base.njk
+++ b/_includes/layouts/base.njk
@@ -5,47 +5,19 @@
{{ title or metadata.title }}
-
- {#- Atom and JSON feeds included by default #}
-
- {#- Uncomment this if you’d like folks to know that you used Eleventy to build your site! #}
-
- {#-
- CSS bundles are provided via the `eleventy-plugin-bundle` plugin:
- 1. You can add to them using `{% css %}`
- 2. You can get from them using `{% getBundle "css" %}` or `{% getBundleFileUrl "css" %}`
- 3. You can do the same for JS: {% js %}{% endjs %} and
- 4. Learn more: https://github.com/11ty/eleventy-plugin-bundle
- #}
-
- {#- Add an arbitrary string to the bundle #}
- {%- css %}* { box-sizing: border-box; }{% endcss %}
- {#- Add the contents of a file to the bundle #}
- {%- css %}{% include "public/css/index.css" %}{% endcss %}
- {#- Or add from node_modules #}
- {# {%- css %}{% include "node_modules/prismjs/themes/prism-okaidia.css" %}{% endcss %} #}
-
- {#- Render the CSS bundle using Inlined CSS (for the fastest site performance in production) #}
-
- {#- Renders the CSS bundle using a separate file, if you can't set CSP directive style-src: 'unsafe-inline' #}
- {#- #}
+
Skip to main content
- {{ metadata.title }}
-
- {#- Read more about `eleventy-navigation` at https://www.11ty.dev/docs/plugins/navigation/ #}
diff --git a/eleventy.config.js b/eleventy.config.js
index 9849b97..ed9f9fb 100644
--- a/eleventy.config.js
+++ b/eleventy.config.js
@@ -17,7 +17,7 @@ module.exports = function(eleventyConfig) {
"./public/": "/",
"./node_modules/prismjs/themes/prism-okaidia.css": "/css/prism-okaidia.css"
});
- eleventyConfig.addPassthroughCopy("src/**/*.png");
+ eleventyConfig.addPassthroughCopy("content/**/*.png");
// Run Eleventy when these files change:
// https://www.11ty.dev/docs/watch-serve/#add-your-own-watch-targets
diff --git a/public/css/index.css b/public/css/index.css
index b624f51..2605574 100644
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -24,7 +24,7 @@
html,
body {
- padding: 0;
+ padding: 1rem;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
@@ -34,7 +34,7 @@ html {
overflow-y: scroll;
}
body {
- max-width: 40em;
+ max-width: 60em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
@@ -70,18 +70,9 @@ main :first-child {
margin-top: 0;
}
-header {
- border-bottom: 1.5ch double var(--xkcd-magenta);
-}
-header:after {
- content: "";
- display: table;
- clear: both;
-}
-
.links-nextprev {
list-style: none;
- border-top: 1.5ch double var(--xkcd-magenta);
+ border-top: 1rem double var(--xkcd-magenta);
padding: 1em 0;
}
@@ -116,39 +107,18 @@ code {
word-break: break-all;
}
-/* Header */
-header {
- display: flex;
- gap: 1em .5em;
- flex-wrap: wrap;
- align-items: center;
- padding: 1em;
-}
-.home-link {
- font-size: 1em; /* 16px /16 */
- font-weight: 700;
- margin-right: 2em;
-}
-.home-link:link:not(:hover) {
- text-decoration: none;
+/* Nav */
+nav ul {
+ list-style: none;
+ padding-left: 0;
}
-/* Nav */
-.nav {
- display: flex;
- padding: 0;
- margin: 0;
- list-style: none;
+nav li {
+ display: inline;
}
-.nav-item {
- display: inline-block;
- margin-right: 1em;
-}
-.nav-item a[href]:not(:hover) {
- text-decoration: none;
-}
-.nav a[href][aria-current="page"] {
- text-decoration: underline;
+
+nav li + li::before {
+ content: ' | ';
}
/* Posts list */
@@ -242,8 +212,13 @@ h2 + .header-anchor {
}
img {
- max-width: 100%;
- max-height: 100%;
- width: auto;
- height: auto;
+ max-width: 100%;
+ max-height: 80vh;
+ width: auto;
+ height: auto;
+}
+
+h1 {
+ padding-bottom: 1rem;
+ border-bottom: 1rem double var(--xkcd-magenta);
}