Skip to content
Grav 2.0 is officially stable. Read the announcement →

Community guidelines

Please keep discussions civil and on-topic. Repeated violations may lead to a temporary ban.

Showcase

A Quark based multilingual site

Started by Harald Schneider 6 years ago · 2 replies · 760 views
6 years ago

This project consists of 53 pages in 3 languages, in total 159 pages:

https://rehazentrum.de/de

All data has been moved from a 15 year old, static, non-responsive site to Grav, which was a breeze, compared to other systems.

The layout is based on the Quark theme with the following highlights:

  • Fully responsive across all devices.
  • A slider with ultrasharp SVG graphics.
  • Full-width header images.
  • Responsive, multi column layout on most pages.
  • Integrated language switcher.
  • Integrated TNT Search.
  • The user can edit some of the pages directly in the frontend.

-- Harald

last edited 04/20/20 by Harald Schneider
6 years ago

@hschneider, Congrats, looks like a successful conversion.

Question:
The 'slider with ultrasharp SVG graphics', is that the slider on the homepage? Aren't the images just raster images embedded inside a svg? The size of one of the images is 580 KB... By using embedded inline images, you loose the option of downloading different sized images for mobile. So what is the benefit of the svg images?

Areas of improvement:

  • The header images may benefit from a 'srcset', to save download time and costs on mobile.
👍 1
6 years ago

Yes, the slider on the homepage. The images are SVG embedded. The sharpness is more an issue with the scalable font beside the image. Thanks for the hint with the srcset!

Suggested topics

Topic Participants Replies Views Activity
Showcase · by Julien Perret, 3 months ago
3 134 1 month ago
Showcase · by Julien Perret, 2 months ago
4 143 2 months ago
Showcase · by Stuart, 5 months ago
1 125 5 months ago
Showcase · by Gez, 8 months ago
4 256 8 months ago
Showcase · by Roger Parkinson, 10 months ago
0 110 10 months ago