format code
Starbeamrainbowlabs
parent
25448fd09f
commit
858238ff74
18
.eleventy.js
18
.eleventy.js
|
|
@ -6,7 +6,7 @@ const pluginNavigation = require("@11ty/eleventy-navigation");
|
|||
const markdownIt = require("markdown-it");
|
||||
const markdownItAnchor = require("markdown-it-anchor");
|
||||
|
||||
module.exports = function(eleventyConfig) {
|
||||
module.exports = function (eleventyConfig) {
|
||||
// Add plugins
|
||||
eleventyConfig.addPlugin(pluginRss);
|
||||
eleventyConfig.addPlugin(pluginSyntaxHighlight);
|
||||
|
|
@ -19,20 +19,20 @@ module.exports = function(eleventyConfig) {
|
|||
eleventyConfig.addLayoutAlias("post", "layouts/post.njk");
|
||||
|
||||
eleventyConfig.addFilter("readableDate", dateObj => {
|
||||
return DateTime.fromJSDate(dateObj, {zone: 'utc'}).toFormat("dd LLL yyyy");
|
||||
return DateTime.fromJSDate(dateObj, { zone: 'utc' }).toFormat("dd LLL yyyy");
|
||||
});
|
||||
|
||||
// https://html.spec.whatwg.org/multipage/common-microsyntaxes.html#valid-date-string
|
||||
eleventyConfig.addFilter('htmlDateString', (dateObj) => {
|
||||
return DateTime.fromJSDate(dateObj, {zone: 'utc'}).toFormat('yyyy-LL-dd');
|
||||
return DateTime.fromJSDate(dateObj, { zone: 'utc' }).toFormat('yyyy-LL-dd');
|
||||
});
|
||||
|
||||
// Get the first `n` elements of a collection.
|
||||
eleventyConfig.addFilter("head", (array, n) => {
|
||||
if(!Array.isArray(array) || array.length === 0) {
|
||||
if (!Array.isArray(array) || array.length === 0) {
|
||||
return [];
|
||||
}
|
||||
if( n < 0 ) {
|
||||
if (n < 0) {
|
||||
return array.slice(n);
|
||||
}
|
||||
|
||||
|
|
@ -51,7 +51,7 @@ module.exports = function(eleventyConfig) {
|
|||
eleventyConfig.addFilter("filterTagList", filterTagList)
|
||||
|
||||
// Create an array of all tags
|
||||
eleventyConfig.addCollection("tagList", function(collection) {
|
||||
eleventyConfig.addCollection("tagList", function (collection) {
|
||||
let tagSet = new Set();
|
||||
collection.getAll().forEach(item => {
|
||||
(item.data.tags || []).forEach(tag => tagSet.add(tag));
|
||||
|
|
@ -74,7 +74,7 @@ module.exports = function(eleventyConfig) {
|
|||
placement: "after",
|
||||
class: "direct-link",
|
||||
symbol: "#",
|
||||
level: [1,2,3,4],
|
||||
level: [1, 2, 3, 4],
|
||||
}),
|
||||
slugify: eleventyConfig.getFilter("slug")
|
||||
});
|
||||
|
|
@ -83,12 +83,12 @@ module.exports = function(eleventyConfig) {
|
|||
// Override Browsersync defaults (used only with --serve)
|
||||
eleventyConfig.setBrowserSyncConfig({
|
||||
callbacks: {
|
||||
ready: function(err, browserSync) {
|
||||
ready: function (err, browserSync) {
|
||||
const content_404 = fs.readFileSync('_site/404.html');
|
||||
|
||||
browserSync.addMiddleware("*", (req, res) => {
|
||||
// Provides the 404 content without redirect.
|
||||
res.writeHead(404, {"Content-Type": "text/html; charset=UTF-8"});
|
||||
res.writeHead(404, { "Content-Type": "text/html; charset=UTF-8" });
|
||||
res.write(content_404);
|
||||
res.end();
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,38 +1,37 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<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 }}">
|
||||
<link rel="stylesheet" href="{{ '/css/index.css' | url }}">
|
||||
<link rel="stylesheet" href="{{ '/css/prism-base16-monokai.dark.css' | url }}">
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
|
||||
/>
|
||||
<link rel="alternate" href="{{ metadata.feed.path | url }}" type="application/atom+xml" title="{{ metadata.title }}">
|
||||
<link rel="alternate" href="{{ metadata.jsonfeed.path | url }}" type="application/json" title="{{ metadata.title }}">
|
||||
<link rel="icon" href="/img/favicon.ico"/>
|
||||
</head>
|
||||
<body>
|
||||
<link rel="alternate" href="{{ metadata.feed.path | url }}" type="application/atom+xml"
|
||||
title="{{ metadata.title }}">
|
||||
<link rel="alternate" href="{{ metadata.jsonfeed.path | url }}" type="application/json"
|
||||
title="{{ metadata.title }}">
|
||||
<link rel="icon" href="/img/favicon.ico" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header>
|
||||
<h1 class="home"><a href="{{ '/' | url }}">{{ metadata.title }}</a></h1>
|
||||
|
||||
{#- Read more about `eleventy-navigation` at https://www.11ty.dev/docs/plugins/navigation/ #}
|
||||
|
||||
</header>
|
||||
|
||||
<main{% if templateClass %} class="{{ templateClass }}"{% endif %}>
|
||||
<main{% if templateClass %} class="{{ templateClass }}" {% endif %}>
|
||||
{{ content | safe }}
|
||||
</main>
|
||||
|
||||
<footer><ul class="nav">
|
||||
<nav>
|
||||
<ul class="nav">
|
||||
{%- for entry in collections.all | eleventyNavigation %}
|
||||
<li class="nav-item{% if entry.url == page.url %} nav-item-active{% endif %}"><a href="{{ entry.url | url }}">{{ entry.title }}</a></li>
|
||||
<li class="nav-item{% if entry.url == page.url %} nav-item-active{% endif %}"><a
|
||||
href="{{ entry.url | url }}">{{ entry.title }}</a></li>
|
||||
{%- endfor %}
|
||||
</ul></footer>
|
||||
|
||||
|
||||
</body>
|
||||
</ul>
|
||||
</nav>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -23,7 +23,7 @@ header {
|
|||
body {
|
||||
display: grid;
|
||||
text-align: justify;
|
||||
grid-template-rows: auto auto auto;
|
||||
grid-template-rows: auto;
|
||||
grid-template-columns: 25% 50% 25%;
|
||||
grid-template-areas:
|
||||
"left content right";
|
||||
|
|
@ -37,6 +37,16 @@ body {
|
|||
|
||||
}
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
body {
|
||||
grid-template-rows: auto auto auto;
|
||||
grid-template-columns: 1fr;
|
||||
grid-template-areas: "left""right""content";
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
p:last-child {
|
||||
margin-bottom: 0;
|
||||
|
|
@ -310,12 +320,18 @@ a[href].direct-link:focus:visited,
|
|||
color: #aaa;
|
||||
}
|
||||
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
text-align: center;
|
||||
}
|
||||
div.time-and-tags{
|
||||
|
||||
div.time-and-tags {
|
||||
align-content: center;
|
||||
grid-template-rows: auto ;
|
||||
grid-template-rows: auto;
|
||||
grid-template-columns: auto;
|
||||
grid-template-areas:
|
||||
"content";
|
||||
|
|
@ -332,6 +348,7 @@ div.time-and-tags{
|
|||
width: fit-content;
|
||||
height: fit-content;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
margin: auto;
|
||||
|
|
|
|||
Loading…
Reference in New Issue