hosted-by-chobble/vegan-prestwich
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

buimp node, create image thumbnails

Browse source
This commit is contained in:
Stefan 2024-04-14 23:13:53 +01:00
parent 5625b2eb87
commit e8ec49a810
7 changed files with 1995 additions and 3650 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

80
.eleventy.js
View file

@ -1,69 +1,99 @@
const fg = require('fast-glob');
const fg = require("fast-glob");
const placeImages = fg.sync(['place/*/*.jpg', '!**/_site']);
const placeImages = fg.sync([
"place/*/*.jpg",
"!**/_site",
"!place/*/*-thumb.jpg",
]);
const Image = require("@11ty/eleventy-img");
module.exports = function (config) {
config.addShortcode("image", async (src, alt, sizes) => {
let metadata = await Image(src, {
widths: [150, 300],
formats: ["webp", "jpeg"],
outputDir: "./_site/img/"
});
let imageAttributes = {
alt,
sizes,
loading: "lazy",
decoding: "async",
};
// You bet we throw an error on a missing alt (alt="" works okay)
return Image.generateHTML(metadata, imageAttributes);
});
// Aliases are in relation to the _includes folder
config.addLayoutAlias('default', 'layouts/default.liquid');
config.addLayoutAlias('home', 'layouts/home.liquid');
config.addLayoutAlias('page', 'layouts/page.liquid');
config.addLayoutAlias('place', 'layouts/place.liquid');
config.addLayoutAlias('tag', 'layouts/tag.liquid');
config.addLayoutAlias('tags', 'layouts/tags.liquid');
config.addLayoutAlias("default", "layouts/default.liquid");
config.addLayoutAlias("home", "layouts/home.liquid");
config.addLayoutAlias("page", "layouts/page.liquid");
config.addLayoutAlias("place", "layouts/place.liquid");
config.addLayoutAlias("tag", "layouts/tag.liquid");
config.addLayoutAlias("tags", "layouts/tags.liquid");
let sortedPlaces = (api) => {
return api.getAll().filter((a) => {
return api
.getAll()
.filter((a) => {
return a.data.tags && a.data.tags.indexOf("places") != -1;
}).sort((a, b) => {
})
.sort((a, b) => {
return a.data.name.localeCompare(b.data.name);
});
}
};
config.addCollection("sorted_places", (api) => sortedPlaces(api));
config.addCollection("shops", (api) =>
sortedPlaces(api).filter((a) => a.data.permalink && a.data.shop));
sortedPlaces(api).filter((a) => a.data.permalink && a.data.shop)
);
config.addCollection("restaurants", (api) =>
sortedPlaces(api).filter((a) => a.data.permalink && a.data.restaurant));
sortedPlaces(api).filter((a) => a.data.permalink && a.data.restaurant)
);
config.addCollection("deliveries", (api) =>
sortedPlaces(api).filter((a) => a.data.permalink && a.data.delivery));
sortedPlaces(api).filter((a) => a.data.permalink && a.data.delivery)
);
config.addWatchTarget("./style/style.scss");
config.addCollection("place_images", (collection) => placeImages);;
config.addCollection("place_images", (collection) => placeImages);
config.addPassthroughCopy("place/*/*.jpg");
config.addPassthroughCopy({ "static/robots.txt": "/robots.txt" });
config.addPassthroughCopy({ "static/not_found.html": "/not_found.html" });
config.addPassthroughCopy({ "static/favicon.ico": "/favicon.ico" });
config.addFilter('where', (array, key, value) => {
return (array || []).filter(item => {
const keys = key.split('.');
config.addFilter("where", (array, key, value) => {
return (array || []).filter((item) => {
const keys = key.split(".");
const reducedKey = keys.reduce((object, key) => {
return object[key];
}, item);
return (reducedKey == value ? item : false);
return reducedKey == value ? item : false;
});
});
config.addFilter('where_includes', (array, key, value) => {
return (array || []).filter(item => {
const keys = key.split('.');
config.addFilter("where_includes", (array, key, value) => {
return (array || []).filter((item) => {
const keys = key.split(".");
const reducedKey = keys.reduce((object, key) => {
return object[key];
}, item);
return (reducedKey && reducedKey.indexOf(value) != -1 ? item : false);
return reducedKey && reducedKey.indexOf(value) != -1 ? item : false;
});
});
return {
dir: {
input: "./",
output: "./_site"
}
output: "./_site",
},
};
};

3
_includes/layouts/place.liquid
View file

@ -23,12 +23,13 @@ layout: default
{% capture absolute_url %}/{{image}}{% endcapture %}
{% assign folder_size = absolute_url.size | minus: 6 %}
{% capture absolute_folder %}{{ absolute_url | slice: 0, folder_size }}{% endcapture %}
{% capture filename %}{{ absolute_url | slice: 1, 999 }}{% endcapture %}
{% if absolute_folder == page.url %}
<a
href="{{ absolute_url }}"
title="{{ title }}"
>
<img src="{{ absolute_url }}" alt="{{ title }}">
{% image filename, name, "150px" %}
</a>
{% endif %}
{% endfor %}

2
_includes/place-json-ld.liquid
View file

@ -6,7 +6,7 @@
{%- if email -%}"email": "{{ email }}",{%- endif -%}
{%- if phone -%}"telephone": "{{ phone }}",{%- endif -%}
{%- if web -%}"url": "{{ web }}",{%- endif -%}
{%- if facebook || instagram -%} "sameAs": [
{%- if facebook or instagram -%} "sameAs": [
{%- if facebook -%}"{{ facebook }}"{%- endif -%}
{%- if facebook and instagram -%},{%- endif -%}
{%- if instagram -%}"{{ instagram }}"{%- endif -%}

5332
package-lock.json generated
View file

File diff suppressed because it is too large Load diff

19
package.json
View file

@ -1,15 +1,16 @@
{
"devDependencies": {
"@11ty/eleventy": "^2.0.0-beta.1"
"@11ty/eleventy": "^3.0.0-alpha"
},
"dependencies": {
"cross-env": "^7.0.3",
"fast-glob": "^3.2.12",
"html-minifier": "^4.0.0",
"lightningcss": "^1.22.0",
"lightningcss-cli": "^1.15.1",
"npm-run-all": "^4.1.5",
"sass": "^1.54.9"
"@11ty/eleventy-img": "*",
"cross-env": "*",
"fast-glob": "*",
"html-minifier": "*",
"lightningcss": "*",
"lightningcss-cli": "*",
"npm-run-all": "*",
"sass": "*"
},
"scripts": {
"watch:sass": "sass --no-source-map --watch style:_site/style",
@ -20,7 +21,7 @@
"build:minify_css": "lightningcss --minify --targets '> 0.25%, not IE 11' _site/style/*.css -o _site/style/*.css",
"build:minify_html": "html-minifier --input-dir _site --output-dir _site --collapse-whitespace --file-ext html",
"build:jampack": "npx --yes @divriots/jampack ./_site",
"start": "npm-run-all build:sass --parallel watch:*",
"start": "npm-run-all build:rm build:sass --parallel watch:*",
"build": "npm-run-all build:rm build:sass build:minify_css build:eleventy build:minify_html",
"build_pt1": "npm-run-all build:rm build:sass",
"build_pt2": "npm-run-all build:eleventy build:minify_html build:jampack"

2
sitemap.liquid
View file

@ -7,7 +7,7 @@ eleventyExcludeFromCollections: true
{% for page in collections.all %}
<url>
<loc>{{ site.url }}{{ page.url | url }}</loc>
{%- assign date = page.data.last_modified_at || page.date %}
{%- assign date = page.data.last_modified_at or page.date %}
<lastmod>{{ date }}</lastmod>
</url>
{% endfor %}

5
style/style.scss
View file

@ -11,9 +11,9 @@ $spacing-unit: 30px;
$text-color: #111;
$background-color: #fdfdfd;
$brand-color: #20399D;
$brand-color: #20399d;
$green: #00D13D;
$green: #00d13d;
$grey-color: #828282;
$grey-color-light: lighten($grey-color, 40%);
$grey-color-dark: darken($grey-color, 25%);
@ -111,7 +111,6 @@ ul {
border: 2px solid white;
overflow: hidden;
margin: 0 10px 10px 0;
background-size: cover;
&:hover {
border: 2px solid $green;