alwaysdata static landing pages
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
m4dz 6814aa74e3 Add inactive menu layout 3 months ago
src Add inactive menu layout 3 months ago
.editorconfig Adding base templates structure 3 months ago
.eleventy.js Add ErrorOverlay in dev mode 3 months ago
.eslintrc.js Initial commit 3 months ago
.gitignore Import normalize.css through snowpack 3 months ago
.htmlminrc Add common used scripts 3 months ago
.prettierrc.js Initial commit 3 months ago
README.md Add README with dev instruction 3 months ago
package-lock.json Add inactive menu layout 3 months ago
package.json Add inactive menu layout 3 months ago
snowpack.config.js Add inactive menu layout 3 months ago

README.md

allandings

alwaysdata static landing pages.

This repository contains alwaysdata's landing pages, hosted behind /[locale]/landings/. They're generated statically (JAM) using Eleventy.

Pre-requisites

You need a regular Node.js/NPM setup.

Development

  1. Clone the repository and enter it
  2. Launch npm install to install dependencies
  3. use npx start to launch the watched developer environment
  4. Point your browser to http://localhost:8080/[locale]/landings/[pagename]/

Architecture

Pages are located in the landings directory, in markdown format. They extends the landing.njk template. They is 3 zones you can put your blocks in:

  • cover ^*^
  • s_before ^*^ (before the starter block)
  • s_after (after the starter block)

^*^ mandatory

You should wrap all content in s_* blocks with el or media macros under the blk namespace, e.g.:

{% call blk.media('/static/[path/img.ext]') %}
## Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in elit vel turpis auctor dictum in eu diam. Nunc porta ligula at dui tempus sagittis. Interdum et malesuada fames ac ante ipsum primis in faucibus.
{% endcall %}

{% call blk.el() %}
## Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in elit vel turpis auctor dictum in eu diam. Nunc porta ligula at dui tempus sagittis. Interdum et malesuada fames ac ante ipsum primis in faucibus.
{% endcall %}