airkit2's Introduction

Grow.dev

Grow is a declarative tool for rapidly building, launching, and maintaining high-quality static HTML.

Easy installation
Jinja template engine
Content managed in YAML and JSON files
Data-binding between content and templates
Configuration-based site architecture
Easy URL changes
Flexible internationalization and translation
Integration with external CMSes
Integration with Google Sheets
Fast builds

Quick start

One time only: install Pipenv and libyaml.

# On Mac with Homebrew (https://brew.sh/).
brew install pipenv libyaml

# On Ubuntu.
sudo apt install -y pipenv libyaml-dev

# On other distributions.
sudo apt install python-pip; pip install pipenv

Next: install and run Grow using a starter.

git clone https://github.com/grow/starter
cd starter
pipenv install
pipenv run grow install
pipenv run grow run

Documentation

Visit https://grow.dev to read the documentation.

airkit2's People

Contributors

Watchers

airkit2's Issues

Accessibility improvements for YouTube modal and modal

It should be possible to trigger the modal by hitting "enter" on the button/triggering element
The overlay/modal should use the <dialog> element which has many built-in a11y features: https://www.w3.org/TR/wai-aria-practices/examples/dialog-modal/dialog.html
Ensure the dialog can be dismissed by keyboard navigation as well

Progressive image loading

Within the lazyimage component, we should have an option to specify a tiny placeholder image that eventually gets replaced with the lazily-loaded image.

Example about how Medium does it:
https://jmperezperez.com/medium-image-progressive-loading-placeholder/

Lightweight tween scroll animations

There should be a lightweight tween animation component that responds to scroll events. An example of the data configuration from a well-known site:

data-anim-tween="{"relativeTo":".section-cameras .hero-container", "start":"15rh", "end":"30rh", "opacity":[1, 0.35], "disabledWhen": ["no-sticky","reduced-motion"]}"