Repository files navigation

My personal website, built fromeleventy-base-blog v9.

IncorporatesCSSBox for the Gallery page.

• Make 'notes' and 'links' tag icons for home/archives post listings.
• Change Home to have blog post exerpts + notes
• Integrate music/spotify api for currently listening
• Redesign Home to be more minimal/typographic
  • add color with paint covering background
  • Add sections for blog, gallery, notes
• Make notes section browsable by tags

1. Clone this Repository

git clone https://github.com/dapierce/dapierce.github.io.git

2. Navigate to the directory and install packages

npm install

3. Run Eleventy

Generate a production-ready build to the_site folder:

npx @11ty/eleventy

Or build and host on a local development server:

npx @11ty/eleventy --serve

Or you can rundebug mode to see all the internals.

The rest is fromeleventy-base-blog v9README.md

• UsingEleventy v3 with zero-JavaScript output.
  • Content is exclusively pre-rendered (this is a static site).
  • Can easilydeploy to a subfolder without changing any content
  • All URLs are decoupled from the content’s location on the file system.
  • Configure templates via theEleventy Data Cascade
• Performance focused: four-hundos Lighthouse score out of the box!
  • 0 Cumulative Layout Shift
  • 0ms Total Blocking Time
• Local development live reload provided byEleventy Dev Server.
• Content-drivennavigation menu
• Fully automatedImage optimization
  • Zero-JavaScript output.
  • Support for modern image formats automatically (e.g. AVIF and WebP)
  • Processes images on-request during--serve for speedy local builds.
  • Prefers<img> markup if possible (single image format) but switches automatically to<picture> for multiple image formats.
  • Automated<picture> syntax markup withsrcset and optionalsizes
  • Includeswidth/height attributes to avoidcontent layout shift.
  • Includesloading="lazy" for native lazy loading without JavaScript.
  • Includesdecoding="async"
  • Images can be co-located with blog post files.
• Per page CSS bundlesviaeleventy-plugin-bundle.
• Built-insyntax highlighter (zero-JavaScript output).
• Draft content: usedraft: true to mark any template as a draft. Drafts areonly included during--serve/--watch and are excluded from full builds. This is driven by theaddPreprocessor configuration API ineleventy.config.js. Schema validator will show an error if non-boolean value is set in data cascade.
• Blog Posts
  • Automated next/previous links
  • Accessible deep links to headings
• Generated Pages
  • Home, Archive, and About pages.
  • Atom feed included (with easy one-line swap to use RSS or JSON
  • sitemap.xml
  • Zero-maintenance tag pages (View on the Demo)
  • Content not found (404) page