Apply client design feedback on the parking copy, icons and barber layout

Four items from the salon, all three languages where applicable.

Massage section icon
- The icon above Om oss (and above Behandlinger, Priser and Åpningstider -
  it is the same image in all four) was beauty's makeup icon, copied in as
  a placeholder before massage had any assets of its own. Replaced with the
  herbal-compress icon tinted to the massage sage, mirroring how beauty's
  is tinted to its rose. beauty/ollo_rose.png is untouched; the copy under
  assets/img/massage/ is removed, and the one dead template rule that still
  pointed at it (.box-heading:before, which renders on no page) repointed.

Parking copy, barber + beauty + massage, no/en/hu
- Dropped the "park free of charge during the treatments" clause from the
  owner bio and replaced it with the new two-space wording.
- Replaced the note under Åpningstider. The Norwegian original was
  misspelled differently in each vertical ("kundeprarking" on barber,
  "kunderparking" on beauty); both are gone.
- massage picks both up automatically: its owner block is extracted from
  beauty-form-<lang>.php at generation time, and the hours note comes from
  the generator.

Barber treatments grid: level the six icons
- .service-text reserves padding-bottom for the 80px floated icon but has
  no height, so every block sizes to its own text. Measured on the live
  page the left column ran 155/155px against the right column's 185/206px,
  because its titles wrap to two lines - so the icons drifted further apart
  with each row (0, 30, 81px).
- Trimmed the reserved padding and gave every block the same floor, so all
  six are identical and the rows line up. 195px clears the tallest block
  and leaves room for a three-line title at the narrow end of the desktop
  range. Desktop only: below 981px the columns stack full width, where a
  floor would only add dead space.
- beauty drifts 20px and massage 0px, so both are left alone.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Ubuntu
2026-08-15 09:00:25 +00:00
co-authored by Claude Opus 5
parent d8fe7724a2
commit de38aae8d5
13 changed files with 65 additions and 39 deletions
@@ -34,7 +34,7 @@
<div class="container">
<div class="inner">
<header class="major">
<img src="<?php echo base_url();?>assets/img/massage/ollo_rose.png">
<img src="<?php echo base_url();?>assets/img/massage/section-icon.png">
<h2>About us</h2>
</header>
@@ -64,8 +64,8 @@
<p>
With nearly 10 years of experience in the beauty industry, including many years
of international experience, I thought it was time to open my own studio here in
Trondheim at Innheredsveien 92, where guests can park free of charge during
the treatments.
Trondheim at Innheredsveien 92. We have two private parking spaces that our
guests can use free of charge during their treatment, subject to availability.
</p>
<p>
It is an extra pleasure for me that I managed to find a traditional place where
@@ -112,7 +112,7 @@
<div class="container">
<div class="inner">
<header class="major">
<img src="<?php echo base_url();?>assets/img/massage/ollo_rose.png">
<img src="<?php echo base_url();?>assets/img/massage/section-icon.png">
<h2 class="nyitva">Treatments</h2>
</header>
</div>
@@ -189,7 +189,7 @@
<div class="container">
<div class="inner">
<header class="major">
<img src="<?php echo SITEURL;?>assets/img/massage/ollo_rose.png">
<img src="<?php echo SITEURL;?>assets/img/massage/section-icon.png">
<h2>Prices</h2>
<h4 class="prices-note">The stated treatment time is hands-on treatment time. The appointment reserved for you is slightly longer, allowing time to change and to pay.</h4>
</header>
@@ -258,9 +258,9 @@
<div class="container">
<div class="inner">
<header class="major">
<img src="<?php echo SITEURL;?>assets/img/massage/ollo_rose.png">
<img src="<?php echo SITEURL;?>assets/img/massage/section-icon.png">
<h2 class="nyitva">Opening Hours</h2>
<h4>Free customer parking during your treatment</h4>
<h4>2 free customer parking spaces – subject to availability</h4>
</header>
</div>
<div class="nyitvatartas">