https://github.com/waynevanson/11ty-template

A simple 11ty template with some sick tools preconfigured
https://github.com/waynevanson/11ty-template

Last synced: about 1 month ago
JSON representation

A simple 11ty template with some sick tools preconfigured

• Host: GitHub
• URL: https://github.com/waynevanson/11ty-template
• Owner: waynevanson
• Created: 2024-02-21T10:25:15.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-02-22T08:51:16.000Z (11 months ago)
• Last Synced: 2024-11-30T16:41:42.118Z (about 1 month ago)
• Language: CSS
• Size: 51.8 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 11TY Starter

This starter is bootstrapped with the following tools:

- `11ty` for the static site generated (SSG) framework.

- `tailwindcss via postcss` for styling.

- `liquid` for the templating language.

## Prerequisites

- NodeJS

- Linux (WSL or a UNIX based system)

## Quickstart

1. Fork this repository.

2. Clone it to your computer.

3. `cd` into it.

4. Run `npm install`

5. Run `npm run develop`

These steps will make your website available at http://localhost:8080, which will auto reload when a change is made.

## HTML

To add HTML, we will instead use the extension `.liquid`.

When running the server, it will transform the liquid file into a HTML file out into the `_site/` directory.

## Data

Data comes from `_data`. To access this in the liquid template, we reference it using the object name.

Check `src/_data/menu.yaml` and `src/menu.liquid` for its application.

## Styling

To add styling, use the tailwind classes.

```html

Hello


  .p-2 {

    padding: 0.5rem;

  }

  .ml-1 {

    margin-left: 0.25rem;

  }

```