Garage website including blog system and documentation using Zola https://garagehq.deuxfleurs.fr
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.
 
 
 
Alex 3d1f809621
More updates to S3 compatibility
3 days ago
content Move images & fix english in blog post 2 months ago
garage@93eab8eaa3 More updates to S3 compatibility 3 days ago
src Style for <hr> element on blog posts 4 months ago
static Move images & fix english in blog post 2 months ago
templates Merge pull request 'html width attributes have no width' (#5) from pic-width into master 2 months ago
.drone.yml Publish to garagehq.deuxfleurs.fr 4 months ago
.gitignore update doc and add min-h-screen 4 months ago
.gitmodules Documentation from garage submodule 4 months ago
README.md update readme 4 months ago
config.toml Small changes to front page 4 months ago
package-lock.json First commit 4 months ago
package.json First commit 4 months ago
tailwind.config.js Beautify download button 4 months ago

README.md

Garage Website

¡ Work in progress (almost done) !


Setup

  • Install Zola with pacman -S zola
  • Clone this repo
  • Run npm install to get the dev dependencies
  • Run zola build to get the public directory
  • Run npm start to compile styles and scripts
  • Run zola serve

Build

CSS : 28.4 kB

JS : 6.8 kB (app) + 1.2 MB (search)*

*The search index in loaded only when the user opens the search modal

Images + Icons : 1.1 MB

Fonctions & utilities

JavaScript can be disabled and the website will still run nicely. It only brings QoL advantages for the user.

The function is [x] if it still runs without JavaScript enabled.

  • Responsive main navigation menu (toggle)
  • Documentation : user can deploy or reploy ToC submenus
  • Documentation : deploy only the current ToC submenu after a page change
  • Documentation : sidebar focus effect on current section anchor when user scrolls
  • Documentation : ToC that follows the user's scroll
  • Global search

Screenshots

480px

768px

1280px