ABC Company
Test local CSS file
<pre><ref *1> {
data: { companyName: 'ABC Company', year: 2025 },
pressReleases: [
{
title: 'Press release 1',
slug: 'press-release-1',
body: 'This is the body of the press release 1.'
},
{
title: 'Press release 2',
slug: 'press-release-2',
body: 'This is the body of the press release 2.'
},
{
title: 'Press release 3',
slug: 'press-release-3',
body: 'This is the body of the press release 3.'
},
{
title: 'Press release 4',
slug: 'press-release-4',
body: 'This is the body of the press release 4.'
}
],
site: { name: 'ABC Company', url: 'https://www.abc.com' },
eleventy: {
version: '3.0.0',
generator: 'Eleventy v3.0.0',
env: {
source: 'cli',
runMode: 'build',
config: '/opt/build/repo/.eleventy.js',
root: '/opt/build/repo'
},
directories: {
input: './src/',
inputFile: undefined,
inputGlob: undefined,
data: './src/_data/',
includes: './src/_includes/',
layouts: './src/_layouts/',
output: './dist/'
}
},
pkg: {
name: '11ty-json',
version: '1.0.0',
main: 'index.js',
scripts: {
test: 'echo "Error: no test specified" && exit 1',
start: 'eleventy --serve',
build: 'eleventy',
dev: 'eleventy --serve'
},
keywords: [],
author: '',
license: 'ISC',
description: '',
dependencies: { '@11ty/eleventy': '^3.0.0' }
},
section1: { title: 'This is the product 1 support page.' },
section2: { textColor: 'red', features: [ [Object], [Object], [Object] ] },
variable1: 'value1',
eleventyComputed: { datum: [Function: datum] },
page: {
inputPath: './src/product1/support/index.njk',
fileSlug: 'support',
filePathStem: '/product1/support/index',
outputFileExtension: 'html',
templateSyntax: 'njk',
date: 2025-03-06T21:59:13.184Z,
rawInput: '\n' +
'<html>\n' +
'<head>\n' +
' <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/modern-normalize/3.0.1/modern-normalize.min.css" integrity="sha512-q6WgHqiHlKyOqslT/lgBgodhd03Wp4BEqKeW6nNtlOY4quzyG3VoQKFrieaCeSnuVseNKRGpGeDU3qPmabCANg==" crossorigin="anonymous" referrerpolicy="no-referrer" />\n' +
' <link rel="stylesheet" href="/css/global.css" />\n' +
' <link rel="stylesheet" href="/css/header.css" />\n' +
' <link rel="stylesheet" href="/css/footer.css" />\n' +
' <link rel="stylesheet" href="/css/section1.css" />\n' +
' <link rel="stylesheet" href="/css/section2.css" />\n' +
' <link rel="stylesheet" href="/product1/support/index.css" />\n' +
'</head>\n' +
'<body>\n' +
' {% include "header.njk" %}\n' +
'\n' +
' {% include "section1.njk" %}\n' +
'\n' +
' {% include "section2.njk" %}\n' +
'\n' +
' <section>\n' +
' <p class="localCss">Test local CSS file</p>\n' +
' </section>\n' +
' \n' +
' {% include "footer.njk" %}\n' +
'\n' +
' <script src="/js/global.js"></script>\n' +
' <script src="/js/header.js"></script>\n' +
' <script src="/js/footer.js"></script>\n' +
' <script src="/js/section1.js"></script>\n' +
' <script src="/js/section2.js"></script>\n' +
' <script src="/product1/support/index.js"></script>\n' +
'</body>\n' +
'</html>\n' +
'\n' +
'<!-- for debugging data -->\n' +
'<div style="padding: 1em;">\n' +
'<h2>Dump of all data</h2>\n' +
'<pre style="white-space: pre-wrap; word-wrap: break-word;"><code>{{ datum | debug }}</code></pre>\n' +
'</div>',
url: '/product1/support/',
outputPath: './dist/product1/support/index.html'
},
collections: {
all: [
[Object], [Object],
[Object], [Object],
[Object], [Object],
[Object], [Object]
]
},
datum: [Circular *1]
}</pre>