- Move game and intro to own collection - Add index - Add brand placeholder to shortcodes - Add variant of placeholder to menu
126 lines
3.3 KiB
JavaScript
126 lines
3.3 KiB
JavaScript
/* jshint strict: false */
|
|
|
|
import {HtmlBasePlugin} from "@11ty/eleventy";
|
|
|
|
// noinspection JSUnusedGlobalSymbols
|
|
export default async function (eleventyConfig) {
|
|
eleventyConfig.addPlugin(HtmlBasePlugin);
|
|
|
|
eleventyConfig.setLiquidOptions({
|
|
// greedy: false,
|
|
// trimOutputLeft: true,
|
|
// trimOutputRight: true,
|
|
// trimTagLeft: true,
|
|
// trimTagRight : true,
|
|
});
|
|
|
|
eleventyConfig.setNunjucksEnvironmentOptions({
|
|
// throwOnUndefined: true,
|
|
trimBlocks: true
|
|
});
|
|
|
|
eleventyConfig.addGlobalData('permalink', () => {
|
|
return (data) => `${data.page.filePathStem}.${data.page.outputFileExtension}`;
|
|
});
|
|
|
|
let demoMode = false;
|
|
let pageBase = demoMode ? './demo/' : './';
|
|
|
|
eleventyConfig.addGlobalData('hippie', {
|
|
pageBase: pageBase,
|
|
brand: 'hippie',
|
|
titlePrefix: '',
|
|
titlePostfix: ' - HIPPIE',
|
|
placeholders: {
|
|
name: 'Vorname Nachname',
|
|
address: 'Straße Nr., PLZ Ort',
|
|
phone: '+49 (0)101 1337 48',
|
|
mail: 'name@domain.tld'
|
|
},
|
|
debugMode: true,
|
|
legacyMode: false
|
|
});
|
|
|
|
eleventyConfig.addShortcode('text', function (text, attrId, attrClass) {
|
|
return `<span id="${attrId}" class="${attrClass}">${text}</span>`;
|
|
});
|
|
|
|
eleventyConfig.addShortcode('link', function (target, text, attrId, attrClass) {
|
|
if (text === '') {
|
|
text = target;
|
|
}
|
|
|
|
if (target.indexOf('@') !== -1) {
|
|
target = 'mailto:' + target;
|
|
}
|
|
|
|
return `<a id="${attrId}" class="${attrClass}" href="${target}">${text}</a>`;
|
|
});
|
|
|
|
eleventyConfig.addPairedShortcode("brand", function (content, attrClass = 'brand', direction = 'first') {
|
|
const logo = `
|
|
<svg
|
|
width="128"
|
|
height="128"
|
|
viewBox="0 0 128 128"
|
|
preserveAspectRatio="xMidYMid meet">
|
|
<g>
|
|
<rect
|
|
style="display:inline;fill:none;stroke:#ffffff;stroke-width:2;stroke-linecap:round;stroke-dasharray:none"
|
|
width="126"
|
|
height="126"
|
|
x="1"
|
|
y="1"/>
|
|
<circle
|
|
style="fill:none;stroke:#ffffff;stroke-width:2;stroke-linecap:round;stroke-linejoin:bevel;stroke-dasharray:none"
|
|
cx="64"
|
|
cy="64"
|
|
r="63"/>
|
|
<path
|
|
style="fill:none;stroke:#ffffff;stroke-width:2;stroke-linecap:round;stroke-linejoin:bevel;stroke-dasharray:none"
|
|
d="m 9.3926879,32.472455 109.2146221,-2e-6 -54.607309,94.582637 z"/>
|
|
</g>
|
|
</svg>
|
|
`;
|
|
let output = '';
|
|
switch (direction) {
|
|
case 'first':
|
|
output = logo + `${content}`;
|
|
break;
|
|
case 'last':
|
|
output = `${content}` + logo;
|
|
break;
|
|
}
|
|
|
|
return `<div class="${attrClass}">` + output + `</div>`;
|
|
});
|
|
|
|
eleventyConfig.addPassthroughCopy({'source/art/images': 'art'});
|
|
|
|
eleventyConfig.addPassthroughCopy({'source/art/favicons/**/*.+(ico|png|svg)': '.'});
|
|
|
|
eleventyConfig.addPassthroughCopy({'source/code/**/*.js': 'js'});
|
|
|
|
eleventyConfig.addPassthroughCopy({'source/data/**/*.json': 'json'});
|
|
|
|
eleventyConfig.addPassthroughCopy('vendor');
|
|
eleventyConfig.addPassthroughCopy({'node_modules/bootstrap-icons': 'vendor/bootstrap-icons'});
|
|
eleventyConfig.addPassthroughCopy({
|
|
'node_modules/jquery/dist/jquery.min.js': 'vendor/jquery.min.js',
|
|
'node_modules/jquery/dist/jquery.min.map': 'vendor/jquery.min.map'
|
|
});
|
|
eleventyConfig.addPassthroughCopy({'node_modules/hippie-script/index.js': 'vendor/hippie-script.js'});
|
|
|
|
eleventyConfig.addWatchTarget('./source/style/');
|
|
|
|
return {
|
|
dir: {
|
|
input: 'source/screens',
|
|
output: 'build',
|
|
includes: '../templates',
|
|
data: '../data'
|
|
},
|
|
templateFormats: ['html', 'liquid', 'njk', 'md']
|
|
// pathPrefix: './demo/'
|
|
};
|
|
}
|