A simple example of using TailwindCSS, DaisyUI and Eleventy.

1. Clone repo

git clone https://github.com/semanticdata/ximena.git

2. Install dependencies

pnpm install

3. Run the project locally

pnpm start

• Wikilinks support ([[link|label]])
• Hero homepage
• Blog section
• Notes section
• Prettier config
• Sass support
• Syntax highlighting
• Darkmode
• Color theme toggle
• HTTP headers

• Wikilinks
• TailwindCSS
• Sass workflow. Independent of TailwindCSS.
• daisyUI
• Blog section
• Notes section
• Setup Prettier
• CSS/Sass post-processing with PostCSS (incl. Autoprefixer and cssnano)
• Syntax highlighting
• Backlinks
• Darkmode
• Theme toggle
• Fluid typography (w/ Utopia.fyi)
• Full-text Search
• robots.txt
• Table of Contents
• RSS feed
• Sitemap
• Tags
• Page template (e.g. About, Journal, Now, Uses, Meta)
• HTTP Headers (CSP, and others)

• Admonition-style Callouts
• Floating Link Previews
• Folders/Categories
• Graph view
• Notes explorer
• Recent notes

The site uses various technologies cobbled together. Here's some of them:

• 11ty
• Prettier
• Sass
• TailwindCSS
• daisyUI
• PostCSS
• Autoprefixer
• cssnano

Source code in this repository is available under the MIT License.