Skip to content

admin/dorfarchiv

PublicMirror
Clone

Mirror of https://forge.levinkeller.de/levin/dorfarchiv.git

bd225e933c1f28bd85a32be696e358f5701c6c97

Branches

    copilot-swe-agent[bot]fix: OCR-Artefakte und Tippfehler in historischen Artikeln behobenbd225e9History
    104 lines · 4.4 KB
    Raw
    1import Link from '@docusaurus/Link';
    2import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
    3import Heading from '@theme/Heading';
    4import Layout from '@theme/Layout';
    5import clsx from 'clsx';
    6import styles from './index.module.css';
    7function HomepageHeader() {
    8 const { siteConfig } = useDocusaurusContext();
    9 return (<header className={clsx('hero hero--primary', styles.heroBanner)}>
    10 <div className="container">
    11 <Heading as="h1" className="hero__title">
    12 {siteConfig.title}
    13 </Heading>
    14 <p className="hero__subtitle">{siteConfig.tagline}</p>
    15 <div className={styles.buttons}>
    16 <Link className="button button--secondary button--lg" to="/unterlagen/intro">
    17 Zu den Unterlagen
    18 </Link>
    19 <Link className="button button--primary button--lg" to="/berichte" style={{ marginLeft: '1rem' }}>
    20 Berichte lesen
    21 </Link>
    22 </div>
    23 </div>
    24 </header>);
    25}
    26function FeatureCard({ title, description, icon, }) {
    27 return (<div className="col col--4">
    28 <div className="card shadow--md margin-bottom--lg padding--lg" style={{ height: '100%' }}>
    29 <div className="text--center">
    30 <div style={{ fontSize: '3rem' }}>{icon}</div>
    31 </div>
    32 <div className="text--center margin-top--md">
    33 <h3>{title}</h3>
    34 <p>{description}</p>
    35 </div>
    36 </div>
    37 </div>);
    38}
    39function HomepageContent() {
    40 return (<>
    41 <section className="padding-vert--xl" style={{ backgroundColor: 'var(--ifm-color-emphasis-100)' }}>
    42 <div className="container">
    43 <div className="row">
    44 <div className="col col--8 col--offset-2 text--center">
    45 <Heading as="h2" className="margin-bottom--md">
    46 Willkommen im digitalen Dorfarchiv Rössing
    47 </Heading>
    48 <p className="hero__subtitle">
    49 Rössing ist ein Dorf in der Gemeinde Nordstemmen im Landkreis
    50 Hildesheim. Dieses digitale Archiv bewahrt die Geschichte und
    51 Geschichten unseres Dorfes für kommende Generationen.
    52 </p>
    53 </div>
    54 </div>
    55 </div>
    56 </section>
    57
    58 <section className="padding-vert--xl">
    59 <div className="container">
    60 <div className="row">
    61 <FeatureCard icon="📚" title="Unterlagen durchstöbern" description="Historische Dokumente, Fotografien und Materialien zur Dorfgeschichte digital aufbereitet und leicht zugänglich."/>
    62 <FeatureCard icon="📝" title="Berichte lesen" description="Geschichten, Chroniken und Berichte über das Leben im Dorf – von historischen Ereignissen bis zu aktuellen Entwicklungen."/>
    63 <FeatureCard icon="🤝" title="Erinnerungen teilen" description="Tragen Sie eigene Beiträge zur Dorfgeschichte bei und helfen Sie mit, unser kollektives Gedächtnis zu bewahren."/>
    64 </div>
    65 </div>
    66 </section>
    67
    68 <section className="padding-vert--xl" style={{ backgroundColor: 'var(--ifm-color-emphasis-100)' }}>
    69 <div className="container">
    70 <div className="row">
    71 <div className="col col--10 col--offset-1 text--center">
    72 <Heading as="h2" className="margin-bottom--lg">
    73 Ziel des Archivs
    74 </Heading>
    75 <div className="avatar avatar--vertical margin-bottom--lg">
    76 <div className="avatar__intro">
    77 <p className="hero__subtitle">
    78 Unser Ziel ist es, die reichhaltige Geschichte Rössings zu
    79 dokumentieren und zugänglich zu machen. Von alten
    80 Fotografien über Zeitungsartikel bis hin zu persönlichen
    81 Erinnerungen – jedes Dokument trägt dazu bei, das kollektive
    82 Gedächtnis unseres Dorfes zu bewahren.
    83 </p>
    84 </div>
    85 </div>
    86 <div className="margin-top--lg">
    87 <Link className="button button--primary button--lg" to="/unterlagen/intro">
    88 Mehr erfahren
    89 </Link>
    90 </div>
    91 </div>
    92 </div>
    93 </div>
    94 </section>
    95 </>);
    96}
    97export default function Home() {
    98 return (<Layout title={`Willkommen`} description="Digitales Dorfarchiv Rössing - Geschichte und Geschichten aus Rössing bewahren">
    99 <HomepageHeader />
    100 <main>
    101 <HomepageContent />
    102 </main>
    103 </Layout>);
    104}