https://github.com/geauxweisbeck4/net

https://github.com/geauxweisbeck4/net

Last synced: 3 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/geauxweisbeck4/net
• Owner: GeauxWeisbeck4
• License: mit
• Created: 2022-07-12T07:57:13.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-12-15T05:20:51.000Z (11 months ago)
• Last Synced: 2024-04-13T15:53:24.742Z (7 months ago)
• Language: JavaScript
• Size: 692 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 11ty-landing-page

A simple landing page built with 11ty and Tailwind CSS.

> Port of the [Hugo Version](https://github.com/ttntm/hugo-landing-page)

## How to use this template

**Requirements:**

1. Eleventy (developed and tested with version 0.12.1)

2. Tailwind CSS (@2.0.4 - see [#2](https://github.com/ttntm/11ty-landing-page/issues/2))

All other dependencies are either linked from a CDN or included in this repository.

**Setup:**

1. Fork, clone or download

2. `cd` into the root folder

3. run `npm install`

4. run `npm run serve`

5. open a browser and go to `http://localhost:8080`

**Basic configuration:**

1. Eleventy -> `./.eleventy.js`

2. Tailwind -> `./tailwind.config.js`

3. Netlify -> `./netlify.toml`

CSS is built via PostCSS and based on `./src/_includes/css/_page.css`. Building CSS gets triggered by `./src/css/page.11ty.js`.

Please note that this CSS build _does not_ include the `normalize.css` file used for the 2 regular pages (imprint, privacy) - a minified production version is stored in `./src/static/css` and gets included in the build by default.

**Change Content:**

Page content is stored in

- `./src/`

  - `imprint.md`

  - `privacy.md`

- `./src/sections/`

- `./src/_data/features.json`

**Change Templates/Layout:**

Page structure and templates are stored in `./src/_layouts/` and can be edited there.

Best have a look at `./layouts/base.njk` first to understand how it all comes together - the page itself is constructed from partial templates stored in `./src/includes/` and each section has a corresponding template file (`section.**.njk`) stored there.

`index.njk` in `./src/` arranges everything, meaning that sections can be added/re-ordered/removed/... there.

**Change images:**

Images are stored in `./static/img/`; everything in there can be considered a placeholder that should eventually be replaced with your actual production images.