kevindelord / lepenon-surfhouse

LePenon-SurfHouse Website

Localization

The entire website is localized and translated into few languages. The default language is French.

The enabled languages and all static texts are listed and translated in the _translations.yml.

To add a new language support:

1. Add a new language-short-name.html file at the root of the repository (ex: en.html), within set the correct lang variable.
2. Add and translate all entries in the _translations.yml file.

Pros

• All translations and available languages are contained within 1 config file.

Cons

• You need to restart the website after editing the _translations.yml file.

Deployment

Netlify has been configured to deploy the website at every git commit/push on the master branch.

Dependencies

Plugin	Version	URL
Animate	3.7.2	https://daneden.github.io/animate.css/
WOW	1.1.3	https://wowjs.uk/
Flickity	2.2.1	https://flickity.metafizzy.co/
FontAwesome	5.12.1	https://fontawesome.com/
Fittext	1.2.0	http://fittextjs.com/
Vanilla Lazyload	15.1.1	https://github.com/verlok/lazyload
jQuery	3.4.1	https://jquery.com/
jQuery-Easing	1.4.1	https://github.com/gdsmith/jquery.easing
Bootstrap	4.4.1	https://getbootstrap.com/
creative	n/a	https://github.com/BlackrockDigital/startbootstrap-creative

TODO

General

• Update old/deprecated packages.
• Activities: style should be calculated, not imported from markdown
• Update Bootstrap / Creative
• Create favicon

SEO

• Generate a sitemap.xml for better indexing
• Add google analytics
• Only one h1 element
• Create a 404 page
• Google Search Console: secure domain name
• Add localized meta description
• Make sure all images have a verbose file name.
  • Booking (x3)
  • Activities (x6)
  • Gallery (x9?)
• Add an alt-tag to all pictures
  • Booking (x3)
  • Activities (x6)
  • Gallery (x9?)

Navigation Bar

• Navigation bar: too wide
• Navigation bar: Animation glitch when clicking nav-link
• Navigation bar: current index not visible

Booking

• Rename About section into Booking with lower part with a calendar (or 'coming soon').
• Prepare booking area with a coming soon.
• Find out how to integrate booking info to a gmaps POI.

Map

• Add a new section to show a map location
• Mobile: Add link to map application
• Add POI to google maps

Slideshow

• Responsive design for mobile devices
• Add lazy loading of all images using dedicated library
• Start slideshow at index

Gallery

• Disable overlay for mobile devices
• Fix images with weird ratio
• Grid: enforce 2 columns on xs devices
• Disable overlay also for ipad (large screen but not mousepad and no hover)
• Add floating button 'show all pictures'

User Review

• Add entry in Trip Advisor

Contact

• Fix design with vertical aligned elements, smaller call/email icons.
• Add GitHub link

Description on Partner's websites.

• Check for those information:
  • Non-smoker property
  • Smoke detector
  • Bedsheets handling
  • Heating

Feedbacks

Jannis (06.04.2020)

Gallery

• Title was missing
• Slideshow: navigation with the keyboard was expected
• Slideshow not clicked: "had the feeling all the pictures were already shown - that there was only 6 pictures available"
• Prefetch images in Slideshow

Language Switcher

• Text is too big (won't do - too complex)