Schurkenliga

Projektbeschreibung

Die Schurkenliga ist ein Community-Projekt mit eigener Webseite.
Ich war verantwortlich für die technische Umsetzung und Pflege.

Meine Rolle im Projekt

• Technische Umsetzung der Webseite
• Strukturierung von Inhalten
• Pflege der Webpräsenz
• Technische Unterstützung der Community

Projektstruktur

/schurkenliga
├── .htaccess
├── index.html
├── img/
│   └── logo.webp
├── Regel/
│   ├── rules.html
│   ├── script.js
│   └── style.css
├── infos/
│   └── wartung.html
├── contact/
│   ├── contact.html
│   ├── css/
│   │   └── contact-style.css
│   ├── js/
│       └── contact.js
└── rechtliches/
    ├── datenschutz/
    │   └── datenschutz.html
    └── impressum/
        └── impressum.html
    

Code-Ausschnitt

<section id="home" class="active"> 
    <div class="kontakt-box">
        <h1>Hier sind die Kontaktmöglichkeiten für jeden Teamler</h1>
        <button onclick="location.href='https://schurkenliga.asuna8911.de';">zurück:</button>
    </div>
</section>

<section id="Founder">
    <h1>Unsere Founder:</h1>
    <div class="page-content">
        <div class="contact-box">
            <img class="profile-box" src="/kontakt/img/kirito.gif">
            <div class="profile-data">
                <h3 class="profile-name">Kirito</h3>
                <p>@: <a href="mailto:asuna8911@ligaderschurken.de">asuna8911@ligaderschurken.de</a></p>
                <p>DC: @asuna8911</p>
            </div>
        </div>
        <div class="contact-box">
            <img class="profile-box" src="/kontakt/img/quark.webp">
            <div class="profile-data">
                <h3 class="profile-name">Quark</h3>
                <p>@: <a href="mailto:quark@ligaderschurken.de">quark@ligaderschurken.de</a></p>
                <p>DC: @quarkii_</p>
            </div>
        </div>
        <div class="contact-box">
            <img class="profile-box" src="/kontakt/img/exma.webp">
            <div class="profile-data">
                <h3 class="profile-name">Exma</h3>
                <p>@: <a href="mailto:exma@ligaderschurken.de">exma@ligaderschurken.de</a></p>
                <p>DC: @.exma.</p>
            </div>
        </div>
    </div>
</section>    

Der Code-Ausschnitt zeigt beispielhaft meine Herangehensweise bei der Umsetzung von Webprojekten, inklusive strukturierter Dateien, sicherer Verarbeitung von Eingaben und klarer Organisation, um Wartbarkeit und Übersichtlichkeit zu gewährleisten.

Technologien

• HTML
• CSS
• SQL
• Community-Management