Initial commit
This commit is contained in:
commit
493d1932f8
26
.eleventy.js
Normal file
26
.eleventy.js
Normal file
@ -0,0 +1,26 @@
|
||||
module.exports = function(eleventyConfig) {
|
||||
// Configure passthrough copies, file ops
|
||||
eleventyConfig.addPlugin(require('./config/files'));
|
||||
// Setup plugins
|
||||
eleventyConfig.addPlugin(require('./config/plugins'));
|
||||
// Custom filters and shortcodes
|
||||
eleventyConfig.addPlugin(require('./config/filters'));
|
||||
// Custom collections
|
||||
eleventyConfig.addPlugin(require('./config/collections'));
|
||||
|
||||
eleventyConfig.setServerPassthroughCopyBehavior("passthrough");
|
||||
|
||||
return {
|
||||
passthroughFileCopy: true,
|
||||
dataTemplateEngine: false,
|
||||
markdownTemplateEngine: "njk",
|
||||
|
||||
htmlTemplateEngine: "njk",
|
||||
dir: {
|
||||
input: "src",
|
||||
includes: "_includes",
|
||||
data: "_data",
|
||||
output: "_site"
|
||||
}
|
||||
};
|
||||
};
|
3
.gitignore
vendored
Normal file
3
.gitignore
vendored
Normal file
@ -0,0 +1,3 @@
|
||||
/node_modules/
|
||||
/_site/
|
||||
_notes.json
|
3
config/collections/index.js
Normal file
3
config/collections/index.js
Normal file
@ -0,0 +1,3 @@
|
||||
module.exports = function(eleventyConfig) {
|
||||
console.log(eleventyConfig);
|
||||
}
|
3
config/files/index.js
Normal file
3
config/files/index.js
Normal file
@ -0,0 +1,3 @@
|
||||
module.exports = function(eleventyConfig) {
|
||||
eleventyConfig.addPassthroughCopy("src/styles");
|
||||
}
|
10
config/filters/dates.js
Normal file
10
config/filters/dates.js
Normal file
@ -0,0 +1,10 @@
|
||||
module.exports = function (eleventyConfig) {
|
||||
eleventyConfig.addFilter('dateDisplay', date => new Date(date).toLocaleDateString('en-GB', {
|
||||
"dateStyle": "short"
|
||||
}));
|
||||
|
||||
eleventyConfig.addFilter('dateTimeDisplay', date => new Date(date).toLocaleString('en-GB', {
|
||||
'dateStyle': 'short',
|
||||
'timeStyle': 'short',
|
||||
}));
|
||||
}
|
3
config/filters/index.js
Normal file
3
config/filters/index.js
Normal file
@ -0,0 +1,3 @@
|
||||
module.exports = function(eleventyConfig) {
|
||||
eleventyConfig.addPlugin(require('./dates'));
|
||||
}
|
4
config/plugins/index.js
Normal file
4
config/plugins/index.js
Normal file
@ -0,0 +1,4 @@
|
||||
module.exports = function(eleventyConfig) {
|
||||
eleventyConfig.addPlugin(require('./markdown'));
|
||||
eleventyConfig.addPlugin(require('@11ty/eleventy-plugin-rss'));
|
||||
}
|
24
config/plugins/markdown.js
Normal file
24
config/plugins/markdown.js
Normal file
@ -0,0 +1,24 @@
|
||||
const markdownIt = require('markdown-it');
|
||||
const markdownItLinkAttributes = require('markdown-it-link-attributes');
|
||||
|
||||
const markdownLib = markdownIt({
|
||||
html: true,
|
||||
breaks: true,
|
||||
linkify: true,
|
||||
typographer: true
|
||||
}).use(markdownItLinkAttributes, [
|
||||
{
|
||||
// match external links
|
||||
matcher(href) {
|
||||
return href.match(/^https?:\/\//);
|
||||
},
|
||||
attrs: {
|
||||
target: '_blank',
|
||||
rel: 'noreferrer noopener'
|
||||
}
|
||||
}
|
||||
]);
|
||||
|
||||
module.exports = function (eleventyConfig) {
|
||||
eleventyConfig.setLibrary('md', markdownLib);
|
||||
}
|
2493
package-lock.json
generated
Normal file
2493
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
17
package.json
Normal file
17
package.json
Normal file
@ -0,0 +1,17 @@
|
||||
{
|
||||
"name": "firefish-archiver",
|
||||
"version": "1.0.0",
|
||||
"description": "",
|
||||
"main": "index.js",
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1"
|
||||
},
|
||||
"author": "",
|
||||
"license": "ISC",
|
||||
"devDependencies": {
|
||||
"@11ty/eleventy": "^2.0.1",
|
||||
"@11ty/eleventy-plugin-rss": "^1.2.0",
|
||||
"markdown-it": "^14.0.0",
|
||||
"markdown-it-link-attributes": "^4.0.1"
|
||||
}
|
||||
}
|
7
src/_data/metadata.json
Normal file
7
src/_data/metadata.json
Normal file
@ -0,0 +1,7 @@
|
||||
{
|
||||
"author": {
|
||||
"name": "Lewis Dale",
|
||||
"username": "lewis",
|
||||
"host": "social.lewisdale.dev"
|
||||
}
|
||||
}
|
21
src/_data/notes.js
Normal file
21
src/_data/notes.js
Normal file
@ -0,0 +1,21 @@
|
||||
const fs = require('node:fs');
|
||||
|
||||
const formatMentions = text => {
|
||||
const matcher = /@(\w+)@([a-zA-Z\-_0-9\.]+)/gm;
|
||||
return text.replace(matcher, (match, username, domain) => {
|
||||
return `[${match}](https://${domain}/@${username})`;
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
module.exports = function() {
|
||||
const notes = JSON.parse(fs.readFileSync('./src/_data/_notes.json', 'utf-8'))
|
||||
.filter(note => note.text !== null)
|
||||
.map(note => ({
|
||||
...note,
|
||||
text: formatMentions(note.text),
|
||||
createdAt: new Date(note.createdAt)
|
||||
}));
|
||||
|
||||
return notes;
|
||||
}
|
18
src/_includes/base.njk
Normal file
18
src/_includes/base.njk
Normal file
@ -0,0 +1,18 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<link rel="stylesheet" href="/styles/reset.css" />
|
||||
<link rel="stylesheet" href="/styles/main.css" />
|
||||
</head>
|
||||
<body>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="/">Home</a></li>
|
||||
<li><a href="/@{{ metadata.author.username }}">Profile</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
{{ content | safe }}
|
||||
</body>
|
||||
</html>
|
15
src/_includes/note.njk
Normal file
15
src/_includes/note.njk
Normal file
@ -0,0 +1,15 @@
|
||||
---
|
||||
layout: "base.njk"
|
||||
---
|
||||
|
||||
<main data-for="note">
|
||||
|
||||
<article class="h-entry">
|
||||
<div class="p-author h-card">
|
||||
<span class="p-name">{{ metadata.author.name }}</span>
|
||||
<span class="u-url"><a href="https://{{ metadata.author.host }}/@{{ metadata.author.username }}">@{{ metadata.author.username }}</a></span>
|
||||
<time class="dt-published" datetime="{{ note.createdAt | dateToRfc3339 }}">{{ note.createdAt | dateTimeDisplay }}</time>
|
||||
</div>
|
||||
{{ content | safe }}
|
||||
</article>
|
||||
</main>
|
0
src/index.html
Normal file
0
src/index.html
Normal file
11
src/note.md
Normal file
11
src/note.md
Normal file
@ -0,0 +1,11 @@
|
||||
---
|
||||
layout: "note.njk"
|
||||
pagination:
|
||||
data: notes
|
||||
size: 1
|
||||
alias: note
|
||||
eleventyComputed:
|
||||
permalink: "/notes/{{ note.id }}"
|
||||
---
|
||||
|
||||
{{ note.text }}
|
23
src/styles/main.css
Normal file
23
src/styles/main.css
Normal file
@ -0,0 +1,23 @@
|
||||
body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
main {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
main[data-for="note"] {
|
||||
flex-grow: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
}
|
||||
|
||||
article {
|
||||
max-width: 40rem;
|
||||
padding: 1rem;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
|
||||
}
|
74
src/styles/reset.css
Normal file
74
src/styles/reset.css
Normal file
@ -0,0 +1,74 @@
|
||||
/* https://piccalil.li/blog/a-more-modern-css-reset/ */
|
||||
|
||||
/* Box sizing rules */
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* Prevent font size inflation */
|
||||
html {
|
||||
-moz-text-size-adjust: none;
|
||||
-webkit-text-size-adjust: none;
|
||||
text-size-adjust: none;
|
||||
}
|
||||
|
||||
/* Remove default margin in favour of better control in authored CSS */
|
||||
body, h1, h2, h3, h4, p,
|
||||
figure, blockquote, dl, dd {
|
||||
margin-block-end: 0;
|
||||
}
|
||||
|
||||
/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
|
||||
ul[role='list'],
|
||||
ol[role='list'] {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
/* Set core body defaults */
|
||||
body {
|
||||
min-height: 100vh;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
/* Set shorter line heights on headings and interactive elements */
|
||||
h1, h2, h3, h4,
|
||||
button, input, label {
|
||||
line-height: 1.1;
|
||||
}
|
||||
|
||||
/* Balance text wrapping on headings */
|
||||
h1, h2,
|
||||
h3, h4 {
|
||||
text-wrap: balance;
|
||||
}
|
||||
|
||||
/* A elements that don't have a class get default styles */
|
||||
a:not([class]) {
|
||||
text-decoration-skip-ink: auto;
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
/* Make images easier to work with */
|
||||
img,
|
||||
picture {
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Inherit fonts for inputs and buttons */
|
||||
input, button,
|
||||
textarea, select {
|
||||
font: inherit;
|
||||
}
|
||||
|
||||
/* Make sure textareas without a rows attribute are not tiny */
|
||||
textarea:not([rows]) {
|
||||
min-height: 10em;
|
||||
}
|
||||
|
||||
/* Anything that has been anchored to should have extra scroll margin */
|
||||
:target {
|
||||
scroll-margin-block: 5ex;
|
||||
}
|
Loading…
Reference in New Issue
Block a user