nycki/nycki.net
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

remove a bunch of css I wasn't using anyway

Browse source
This commit is contained in:
Nycki 2024-09-13 21:35:39 -07:00
parent e6ca567597
commit 8720664d10
3 changed files with 26 additions and 79 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
_includes/layouts/base.njk
View file

@ -5,47 +5,19 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{ title or metadata.title }}</title> <title>{{ title or metadata.title }}</title>
<meta name="description" content="{{ description or metadata.description }}"> <meta name="description" content="{{ description or metadata.description }}">
{#- Atom and JSON feeds included by default #}
<link rel="alternate" href="/blog/feed.xml" type="application/atom+xml" title="{{ metadata.title }}"> <link rel="alternate" href="/blog/feed.xml" type="application/atom+xml" title="{{ metadata.title }}">
<link rel="alternate" href="/blog/feed.json" type="application/json" title="{{ metadata.title }}"> <link rel="alternate" href="/blog/feed.json" type="application/json" title="{{ metadata.title }}">
{#- Uncomment this if you’d like folks to know that you used Eleventy to build your site! #}
<meta name="generator" content="{{ eleventy.generator }}"> <meta name="generator" content="{{ eleventy.generator }}">
<link rel="stylesheet" href="/css/index.css">
{#-
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 <script>{% getBundle "js" %}</script>
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) #}
<style>{% getBundle "css" %}</style>
{#- Renders the CSS bundle using a separate file, if you can't set CSP directive style-src: 'unsafe-inline' #}
{#- <link rel="stylesheet" href="{% getBundleFileUrl "css" %}"> #}
</head> </head>
<body> <body>
<a href="#skip" class="visually-hidden">Skip to main content</a> <a href="#skip" class="visually-hidden">Skip to main content</a>
<header> <header>
<a href="/" class="home-link">{{ metadata.title }}</a>
{#- Read more about `eleventy-navigation` at https://www.11ty.dev/docs/plugins/navigation/ #}
<nav> <nav>
<h2 class="visually-hidden">Top level navigation menu</h2> <ul>
<ul class="nav"> <li><a href="/">home</a></li>
{%- for entry in collections.all | eleventyNavigation %} <li><a href="/blog">blog</a></li>
<li class="nav-item"><a href="{{ entry.url }}"{% if entry.url == page.url %} aria-current="page"{% endif %}>{{ entry.title }}</a></li>
{%- endfor %}
</ul> </ul>
</nav> </nav>
</header> </header>

2
eleventy.config.js
View file

@ -17,7 +17,7 @@ module.exports = function(eleventyConfig) {
"./public/": "/", "./public/": "/",
"./node_modules/prismjs/themes/prism-okaidia.css": "/css/prism-okaidia.css" "./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: // Run Eleventy when these files change:
// https://www.11ty.dev/docs/watch-serve/#add-your-own-watch-targets // https://www.11ty.dev/docs/watch-serve/#add-your-own-watch-targets

67
public/css/index.css
View file

@ -24,7 +24,7 @@
html, html,
body { body {
padding: 0; padding: 1rem;
margin: 0 auto; margin: 0 auto;
font-family: var(--font-family); font-family: var(--font-family);
color: var(--text-color); color: var(--text-color);
@ -34,7 +34,7 @@ html {
overflow-y: scroll; overflow-y: scroll;
} }
body { body {
max-width: 40em; max-width: 60em;
} }
/* https://www.a11yproject.com/posts/how-to-hide-content/ */ /* https://www.a11yproject.com/posts/how-to-hide-content/ */
@ -70,18 +70,9 @@ main :first-child {
margin-top: 0; margin-top: 0;
} }
header {
border-bottom: 1.5ch double var(--xkcd-magenta);
}
header:after {
content: "";
display: table;
clear: both;
}
.links-nextprev { .links-nextprev {
list-style: none; list-style: none;
border-top: 1.5ch double var(--xkcd-magenta); border-top: 1rem double var(--xkcd-magenta);
padding: 1em 0; padding: 1em 0;
} }
@ -116,39 +107,18 @@ code {
word-break: break-all; word-break: break-all;
} }
/* Header */ /* Nav */
header { nav ul {
display: flex; list-style: none;
gap: 1em .5em; padding-left: 0;
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 li {
.nav { display: inline;
display: flex;
padding: 0;
margin: 0;
list-style: none;
} }
.nav-item {
display: inline-block; nav li + li::before {
margin-right: 1em; content: ' | ';
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
} }
/* Posts list */ /* Posts list */
@ -242,8 +212,13 @@ h2 + .header-anchor {
} }
img { img {
max-width: 100%; max-width: 100%;
max-height: 100%; max-height: 80vh;
width: auto; width: auto;
height: auto; height: auto;
}
h1 {
padding-bottom: 1rem;
border-bottom: 1rem double var(--xkcd-magenta);
} }