index2: show correct counter values when JS is disabled

The bottom "trusted by" counters held each animation's *starting*
value in the visible markup (0+, 0%, 7) and relied on JS to count them
to the real values. With JS disabled they showed those wrong start
values.

Put the correct final values (10+, 100%, 0) in the markup and carry the
animation start in a new data-count-from attribute. JS now reads that
attribute to set the start before animating, replacing the brittle
textContent === '7' check. Correct with and without JS, and under
prefers-reduced-motion.

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

Author: ThomasWaldmann

index2.html

@@ -1125,9 +1125,9 @@ <h2>Trusted by sysadmins, hoarders and the merely paranoid.</h2>
   <p class="lead">Borg has protected production servers, research data and family photo
      archives for a decade. It is boring, in the best possible way.</p>
   <div class="counters">
-    <div class="counter"><div class="num"><span aria-hidden="true"><span data-count="10">0</span>+</span><span class="sr-only">10+</span></div><div class="what">years of development</div></div>
-    <div class="counter"><div class="num"><span aria-hidden="true"><span data-count="100">0</span>%</span><span class="sr-only">100%</span></div><div class="what">free software, BSD licensed</div></div>
-    <div class="counter"><div class="num"><span aria-hidden="true"><span data-count="0">7</span></span><span class="sr-only">0</span></div><div class="what">trust required in your server</div></div>
+    <div class="counter"><div class="num"><span aria-hidden="true"><span data-count="10" data-count-from="0">10</span>+</span><span class="sr-only">10+</span></div><div class="what">years of development</div></div>
+    <div class="counter"><div class="num"><span aria-hidden="true"><span data-count="100" data-count-from="0">100</span>%</span><span class="sr-only">100%</span></div><div class="what">free software, BSD licensed</div></div>
+    <div class="counter"><div class="num"><span aria-hidden="true"><span data-count="0" data-count-from="7">0</span></span><span class="sr-only">0</span></div><div class="what">trust required in your server</div></div>
   </div>
 </section>
 
@@ -1508,7 +1508,9 @@ <h2>Trusted by sysadmins, hoarders and the merely paranoid.</h2>
   // counters
   document.querySelectorAll('[data-count]').forEach((el) => {
     const target = parseInt(el.dataset.count, 10);
-    const obj = { v: el.textContent === '7' ? 7 : 0 };
+    const from = parseInt(el.dataset.countFrom, 10);
+    const obj = { v: from };
+    el.textContent = from;
     gsap.to(obj, {
       v: target, duration: 1.6, ease: 'power1.out',
       scrollTrigger: { trigger: el, start: 'top 85%' },