Welcome. This is the home page.

Features

Test local CSS file

Dump of all data

<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 home page.' },
  section2: { textColor: 'red', features: [ [Object], [Object], [Object] ] },
  variable1: 'value1',
  eleventyComputed: { datum: [Function: datum] },
  page: {
    inputPath: './src/index.njk',
    fileSlug: '',
    filePathStem: '/index',
    outputFileExtension: 'html',
    templateSyntax: 'njk',
    date: 2025-03-06T21:59:13.180Z,
    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="/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="/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: '/',
    outputPath: './dist/index.html'
  },
  collections: {
    all: [
      [Object], [Object],
      [Object], [Object],
      [Object], [Object],
      [Object], [Object]
    ]
  },
  datum: [Circular *1]
}</pre>