+9
-17
@@ -3,22 +3,14 @@
|
|||||||
import { useEffect, useRef } from "react";
|
import { useEffect, useRef } from "react";
|
||||||
|
|
||||||
const sections = [
|
const sections = [
|
||||||
{ year: "2017", text: "HEWUhueh<euwhuheruhru" },
|
{ year: "26.10.1966", text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ullamcorper in ultricies vivamus nulla posuere elit tortor diam curabitur nec mattis commodo malesuada. Adipiscing pellentesque dapibus mattis dictumst dapibus ullamcorper elementum placerat ultricies quis bibendum aenean non." },
|
||||||
{ year: "2019", text: "HEWUeo338934u89432u43j34iu2j23" },
|
{ year: "1972", text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ullamcorper in ultricies vivamus nulla posuere elit tortor diam curabitur nec mattis commodo malesuada. Adipiscing pellentesque dapibus mattis dictumst dapibus ullamcorper elementum placerat ultricies quis bibendum aenean non." },
|
||||||
{ year: "2021", text: "HrterreEWUhueh<euwhuheruhru" },
|
{ year: "1972", text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ullamcorper in ultricies vivamus nulla posuere elit tortor diam curabitur nec mattis commodo malesuada. Adipiscing pellentesque dapibus mattis dictumst dapibus ullamcorper elementum placerat ultricies quis bibendum aenean non." },
|
||||||
{ year: "2026", text: "HEWUfiriejrieuwhuheruhru" },
|
{ year: "1990", text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ullamcorper in ultricies vivamus nulla posuere elit tortor diam curabitur nec mattis commodo malesuada. Adipiscing pellentesque dapibus mattis dictumst dapibus ullamcorper elementum placerat ultricies quis bibendum aenean non." },
|
||||||
{ year: "2017", text: "HEWUhueh<euwhuheruhru" },
|
{ year: "1994", text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ullamcorper in ultricies vivamus nulla posuere elit tortor diam curabitur nec mattis commodo malesuada. Adipiscing pellentesque dapibus mattis dictumst dapibus ullamcorper elementum placerat ultricies quis bibendum aenean non." },
|
||||||
{ year: "2019", text: "HEWUeo338934u89432u43j34iu2j23" },
|
{ year: "1996", text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ullamcorper in ultricies vivamus nulla posuere elit tortor diam curabitur nec mattis commodo malesuada. Adipiscing pellentesque dapibus mattis dictumst dapibus ullamcorper elementum placerat ultricies quis bibendum aenean non." },
|
||||||
{ year: "2021", text: "HrterreEWUhueh<euwhuheruhru" },
|
{ year: "31.10.2019", text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ullamcorper in ultricies vivamus nulla posuere elit tortor diam curabitur nec mattis commodo malesuada. Adipiscing pellentesque dapibus mattis dictumst dapibus ullamcorper elementum placerat ultricies quis bibendum aenean non." },
|
||||||
{ year: "2026", text: "HEWUfiriejrieuwhuheruhru" },
|
{ year: "01.11.2019", text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ullamcorper in ultricies vivamus nulla posuere elit tortor diam curabitur nec mattis commodo malesuada. Adipiscing pellentesque dapibus mattis dictumst dapibus ullamcorper elementum placerat ultricies quis bibendum aenean non." }
|
||||||
{ year: "2017", text: "HEWUhueh<euwhuheruhru" },
|
|
||||||
{ year: "2019", text: "HEWUeo338934u89432u43j34iu2j23" },
|
|
||||||
{ year: "2021", text: "HrterreEWUhueh<euwhuheruhru" },
|
|
||||||
{ year: "2026", text: "HEWUfiriejrieuwhuheruhru" },
|
|
||||||
{ year: "2017", text: "HEWUhueh<euwhuheruhru" },
|
|
||||||
{ year: "2019", text: "HEWUeo338934u89432u43j34iu2j23" },
|
|
||||||
{ year: "2021", text: "HrterreEWUhueh<euwhuheruhru" },
|
|
||||||
{ year: "2026", text: "HEWUfiriejrieuwhuheruhru" },
|
|
||||||
];
|
];
|
||||||
|
|
||||||
export default function Page() {
|
export default function Page() {
|
||||||
@@ -63,7 +55,7 @@ export default function Page() {
|
|||||||
className="relative mb-20 opacity-0 translate-y-10 transition-all duration-700"
|
className="relative mb-20 opacity-0 translate-y-10 transition-all duration-700"
|
||||||
>
|
>
|
||||||
{/* Jahr */}
|
{/* Jahr */}
|
||||||
<div className="absolute left-1/2 -translate-x-1/2 -translate-y-1/2 bg-white text-blue-700 px-6 py-2 text-3xl font-bold shadow z-10">
|
<div className="absolute left-1/2 -translate-x-1/2 -translate-y-1/2 bg-white text-[var(--color-primary)] px-6 py-2 text-3xl font-bold shadow z-10">
|
||||||
{section.year}
|
{section.year}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@@ -0,0 +1,3 @@
|
|||||||
|
export default function Page() {
|
||||||
|
return <></>
|
||||||
|
}
|
||||||
@@ -0,0 +1,3 @@
|
|||||||
|
export default function Page() {
|
||||||
|
return <></>
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user