support for point of interest cropping

[cody0-0]

Issue: #10

Feature description

Point of Interest System for cropping images

Analysis and Design

Analyze and attach design documentation.

Solution description

• added support for poi-image cropping:

  • on any image a dataset of data-poi-x and data-poi-y can be used to define a relative position towards the image should crop
  • the cropping is handle via a mix of object-fit: cover and object-position: data-poi-x100% data-poi-y100%
  • this feature requires javascript -> no javascript defaults to the standard cropping

• found and fixed bug: header transparent on beitragsseite;

• added indicator for locally scoped variables;

Output Screenshots

before: crop-always centered

after: y:0.9

or: y: 0.3

reference:

Address affected and ensured

affects every image on the website commit affects the header

Was this feature tested on all browsers?

• [x] Chromium
• [ ] Firefox
• [ ] Edge
• [ ] Internet Explorer
• [x] Safari

[cody0-0]

Right now if only one of the dataset properties is set, the standard fallback is used. Should be changed.