Website Info

This is demo site. It's derived from the "Intrinsic Framework".

For more information watch the videos on building a bistro site at the No Script Show's YouTube channel. You can download the site from Github.

Overview

• This is unfinished. Changes are on-going.
• CSS Approach borrowed from CUBE CSS.
• Logical properties used for internationalization.
• Outlines added for high contrast themes.
• Accessibility to WCAG 2.1 AA or above.
• HTML should validate on all pages.
• Skip to content links.
• A top Google page speed score on mobile testing.
• Change Open Graph image.

Noteworthy

• Dark and light mode switch explained here.
• Weird bug with "the reel" (easier to find with this CSS structure).
• Font preloaded
• Wakamai Fondue used.
• Use of object-fit: cover and the picture tag.
• Creating the"L" angles.
• Use of CSS columns for the food menu items.
• Use of gradients (light mode logo and nav hover).

Things to improve

There are many. I may add to the Github version later.

• Chark board texture for dark mode BG.
• Menu photo to be expanded with CSS only.
• Only need a few tweeks for WCAG 2.2 AAA.
• More rationallsation with spacing.
• Retina images.
• Review links to Google reviews.