remove a bunch of css I wasn't using anyway
This commit is contained in:
parent
e6ca567597
commit
8720664d10
3 changed files with 26 additions and 79 deletions
|
|
@ -5,47 +5,19 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>{{ title or metadata.title }}</title>
|
||||
<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.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 }}">
|
||||
|
||||
{#-
|
||||
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" %}"> #}
|
||||
<link rel="stylesheet" href="/css/index.css">
|
||||
</head>
|
||||
<body>
|
||||
<a href="#skip" class="visually-hidden">Skip to main content</a>
|
||||
|
||||
<header>
|
||||
<a href="/" class="home-link">{{ metadata.title }}</a>
|
||||
|
||||
{#- Read more about `eleventy-navigation` at https://www.11ty.dev/docs/plugins/navigation/ #}
|
||||
<nav>
|
||||
<h2 class="visually-hidden">Top level navigation menu</h2>
|
||||
<ul class="nav">
|
||||
{%- for entry in collections.all | eleventyNavigation %}
|
||||
<li class="nav-item"><a href="{{ entry.url }}"{% if entry.url == page.url %} aria-current="page"{% endif %}>{{ entry.title }}</a></li>
|
||||
{%- endfor %}
|
||||
<ul>
|
||||
<li><a href="/">home</a></li>
|
||||
<li><a href="/blog">blog</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue