Start page, portfolio, privacy and 404: Linus's list of 2026-11-06, and Swedish/English on every page

- Start page: the text block ("Fotograf Linus Olofsson ..." and "Posters och samarbeten ...") is gone; the buttons
  Posters, Samarbeten, Mer om mig, Portfolio and Kontakt sit at the bottom as long, straight buttons (no round pills, no
  text links). The second scroll box is Linus's own from May again (Redo att samarbeta? -> Kontakta mig) instead of
  "Vill du ha en bild på väggen?".
- Portfolio: "Vill du ha en bild på väggen? Se posters." and every "Köp som poster" button are gone. Photos are
  protected like on Posters: no link to the large file (nothing to open in a new tab), a transparent layer over every
  photo, no context menu, no drag, no long-press save.
- SV/EN: SV/EN switch in the menu; every visible text in both languages (menu, footer, cookie box, start page,
  portfolio with dates and months, privacy page, 404). The choice uses the portal's key (ibo_lang), so all pages on
  imagesbyolofsson.se follow the same choice; it is set before the page is drawn.
- Privacy: the statistics count openings only (there are no downloads any more).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

src/pages/index.astro

@@ -3,7 +3,16 @@
 import MainLayout from '../layouts/MainLayout.astro';
 import ThreeDScroll from '../components/ThreeDScroll.astro';
 import WaveBackground from '../components/WaveBackground.astro';
+import T from '../components/T.astro';
 import { business, basedIn, genreList } from '../data/business';
+
+const footerButtons = [
+  { href: '/posters', sv: 'Posters', en: 'Posters' },
+  { href: '/contact', sv: 'Samarbeten', en: 'Collaborations' },
+  { href: '/about', sv: 'Mer om mig', en: 'More about me' },
+  { href: '/portfolio', sv: 'Portfolio', en: 'Portfolio' },
+  { href: '/contact', sv: 'Kontakt', en: 'Contact' },
+];
 ---
 
 <MainLayout
@@ -43,7 +52,7 @@ import { business, basedIn, genreList } from '../data/business';
 
       </div>
       
-      <p class="text-white/80 mt-4 text-base md:text-lg tracking-widest uppercase">Fotograf {business.person.name} &middot; {basedIn()}</p>
+      <p class="text-white/80 mt-4 text-base md:text-lg tracking-widest uppercase"><T sv={`Fotograf ${business.person.name} · ${basedIn()}`} en={`Photographer ${business.person.name} · Örebro, Sweden`} /></p>
       <p id="scroll-arrow" aria-hidden="true" class="text-white/70 mt-6 text-lg font-light tracking-widest uppercase transition-opacity duration-300">↓</p>
     </div>
 
@@ -58,9 +67,9 @@ import { business, basedIn, genreList } from '../data/business';
     <div class="flex flex-col md:flex-row gap-12 md:gap-24 items-center text-center">
       
       <div data-trail-box class="flex flex-col items-center px-6 py-4 rounded-2xl">
-        <h2 class="text-3xl md:text-4xl text-white font-bold mb-6">Letar du inspiration?</h2>
+        <h2 class="text-3xl md:text-4xl text-white font-bold mb-6"><T sv="Letar du inspiration?" en="Looking for inspiration?" /></h2>
         <a href="/portfolio" class="inline-block px-8 py-3 bg-white text-black font-bold rounded-full hover:bg-gray-200 transition transform hover:scale-105">
-          Se min portfolio
+          <T sv="Se min portfolio" en="See my portfolio" />
         </a>
       </div>
 
@@ -86,48 +95,23 @@ import { business, basedIn, genreList } from '../data/business';
       </div>
 
       <div data-trail-box class="flex flex-col items-center px-6 py-4 rounded-2xl">
-        <h2 class="text-3xl md:text-4xl text-white font-bold mb-6">Vill du ha en bild på väggen?</h2>
-        <a href="/posters" class="inline-block px-8 py-3 bg-white text-black font-bold rounded-full hover:bg-gray-200 transition transform hover:scale-105">
-          Se posters
+        <h2 class="text-3xl md:text-4xl text-white font-bold mb-6"><T sv="Redo att samarbeta?" en="Ready to collaborate?" /></h2>
+        <a href="/contact" class="inline-block px-8 py-3 bg-white text-black font-bold rounded-full hover:bg-gray-200 transition transform hover:scale-105">
+          <T sv="Kontakta mig" en="Contact me" />
         </a>
       </div>
 
     </div>
   </div>
 
-  <!-- Fakta om vem, vad och var: läsbar text för besökare, sökmotorer och AI-assistenter. -->
-  <section id="om-images-by-olofsson" class="relative z-30 bg-neutral-900 border-t border-white/10 py-16 md:py-24">
-    <div class="container mx-auto px-4 max-w-5xl grid gap-12 md:grid-cols-2">
-      <div class="space-y-5 text-gray-300 text-lg leading-relaxed">
-        <h2 class="text-3xl md:text-4xl font-bold text-white">Fotograf {business.person.name}</h2>
-        <p>
-          Jag heter {business.person.name} och fotograferar under namnet {business.brand}.
-          Jag är baserad i {basedIn()} och fotograferar {genreList()}.
-        </p>
-        <p>{business.recognition}</p>
-        <p>
-          Jag fotograferar med en {business.camera} och redigerar i {business.editing}, med fokus på naturliga toner och kontrast.
-        </p>
-        <p class="flex flex-wrap gap-x-6 gap-y-2 text-base">
-          <a href="/about" class="text-white underline underline-offset-4 hover:text-gray-300">Mer om mig</a>
-          <a href="/portfolio" class="text-white underline underline-offset-4 hover:text-gray-300">Portfolio</a>
-          <a href={`mailto:${business.email}`} class="text-white underline underline-offset-4 hover:text-gray-300">{business.email}</a>
-        </p>
-      </div>
-
-      <div class="space-y-5">
-        <h2 class="text-3xl md:text-4xl font-bold text-white">Posters och samarbeten</h2>
-        <p class="text-gray-300 text-lg leading-relaxed">
-          Fotografierna finns som posters: välj motiv, storlek och material. Vill du skapa något tillsammans,
-          eller synas genom reklam eller sponsring, hör av dig om ett samarbete.
-        </p>
-        <div class="flex flex-wrap gap-4 pt-2">
-          <a href="/posters" class="inline-block px-6 py-3 bg-white text-black font-bold rounded-full hover:bg-gray-200 transition">Se posters</a>
-          <a href="/contact" class="inline-block px-6 py-3 border border-white text-white font-bold rounded-full hover:bg-white/10 transition">Samarbeten</a>
-        </div>
-      </div>
-    </div>
-  </section>
+  <!-- Länkar längst ner (Linus 2026-11-06): bara knappar, avlånga och raka, ingen text och inga textlänkar. -->
+  <nav id="lankar" aria-label="Mer på sajten" data-aria-sv="Mer på sajten" data-aria-en="More on the site" class="relative z-30 bg-neutral-900 border-t border-white/10 py-12 md:py-16">
+    <ul class="container mx-auto px-4 flex flex-wrap justify-center gap-3 md:gap-4">
+      {footerButtons.map((b) => (
+        <li><a href={b.href} class="inline-flex min-w-[11rem] items-center justify-center rounded-md border border-white/20 bg-white/[0.03] px-8 py-3 text-xs md:text-sm font-semibold uppercase tracking-[0.2em] text-white transition-colors hover:border-white hover:bg-white hover:text-neutral-900"><T sv={b.sv} en={b.en} /></a></li>
+      ))}
+    </ul>
+  </nav>
 
   <script>
     // SVG Längd