harbor9.github.io

Harbor9 Appartment Page https://harbor9.github.io/

TODO

• internationalization ✓
• menu on the top ✓
• section: ✗
  • about
  • google maps
  • form/contact
  • galerry
  • calendar
  • urls to airbnb & booking (widgets)
• switching between images in gallery (left,right) ✗

How page was created

• These pages were very helpful:
  • https://www.webcomponents.org/
  • https://scrimba.com/p/pvwkvhx/czk8deu9
  • https://www.w3schools.com/css/tryit.asp?filename=trycss_ima3ge_modal_js
  • https://css-tricks.com/zooming-images-in-a-grid-layout/
  • https://codepen.io/prathkum/pen/qBqGepq
  • https://codepen.io/prathkum/pen/QWpKJPz

What was used

• icons are from: https://tabler-icons.io/

Local development

  # Actually any npm should work here
  nvm use v10.16.3
  # Optional if not already installed
  npm install -g browser-sync
  browser-sync --server . --files . --no-ui --no-notify

Deployment

• Since Github Pages are used, once merged to master it should be available relatively immediately.