gnovotny / anahair

A website for a hair salon in Zurich Seefeld

Home Page:https://www.ananovotny.ch

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Ana Hair

Description

A website for a hair salon in Zurich Seefeld

Composition

Employed libraries include:

Features

  • custom WebGL frag shader
  • sporadic use of pure CSS for non-trivial animations
  • tracks DOM elements and draws Three.js objects in their place using r3f-scroll-rig
  • Opinionated lint config:
    • no semicolons
    • jsx: single attribute per line

TODO

  • portal element: fix faux-3d effect on pointer move
  • footer element: mobile browser navigation bars scrolling issue
  • performance improvements
  • refactor frag shader

Running Locally

This application requires Node.js v16.13+.

git clone https://github.com/gnovotny/anahair.git
cd anahair
yarn install
yarn dev

Related

Acknowledgements

Authors

This project was developed – and is curated and maintained – by:

License

The MIT License

  1. You are free to use this code but please don't just copy it blindly
  2. Remove all personal information and commercial fonts
  3. Crediting the author is appreciated
  4. Be kind and help others learn

About

A website for a hair salon in Zurich Seefeld

https://www.ananovotny.ch


Languages

Language:TypeScript 85.2%Language:CSS 10.3%Language:JavaScript 3.1%Language:GLSL 1.5%