2026-03-25 20:36:46 -03:00
<!DOCTYPE html>
< html lang = "de" >
< head >
< meta charset = "UTF-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< title > Mitmachen · wireguard_webadmin< / title >
< meta name = "description" content = "Möglichkeiten, zu wireguard_webadmin beizutragen: Fehler melden, Code schreiben oder das Projekt einfach weiterempfehlen." >
< link rel = "alternate" hreflang = "en-us" href = "https://wireguard-webadmin.com/get-involved/" >
< link rel = "alternate" hreflang = "pt-BR" href = "https://wireguard-webadmin.com/pt-br/get-involved/" >
< link rel = "alternate" hreflang = "es" href = "https://wireguard-webadmin.com/es/get-involved/" >
< link rel = "alternate" hreflang = "fr" href = "https://wireguard-webadmin.com/fr/get-involved/" >
< link rel = "alternate" hreflang = "de" href = "https://wireguard-webadmin.com/de/get-involved/" >
< link rel = "alternate" hreflang = "x-default" href = "https://wireguard-webadmin.com/" >
< meta property = "og:type" content = "website" >
< meta property = "og:url" content = "https://wireguard-webadmin.com/de/get-involved/" >
< meta property = "og:title" content = "Mitmachen · wireguard_webadmin" >
< meta property = "og:description" content = "Möglichkeiten, zu wireguard_webadmin beizutragen: Fehler melden, Code schreiben oder das Projekt einfach weiterempfehlen." >
< meta property = "og:image" content = "https://wireguard-webadmin.com/og-image.png" >
< meta property = "og:image:width" content = "1280" >
< meta property = "og:image:height" content = "800" >
< meta name = "twitter:card" content = "summary_large_image" >
< meta name = "twitter:title" content = "Mitmachen · wireguard_webadmin" >
< meta name = "twitter:description" content = "Möglichkeiten, zu wireguard_webadmin beizutragen: Fehler melden, Code schreiben oder das Projekt einfach weiterempfehlen." >
< meta name = "twitter:image" content = "https://wireguard-webadmin.com/og-image.png" >
< link rel = "icon" type = "image/svg+xml" href = "/favicon.svg" >
< link rel = "preconnect" href = "https://fonts.googleapis.com" >
< link rel = "preconnect" href = "https://fonts.gstatic.com" crossorigin >
< link href = "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap" rel = "stylesheet" >
< link rel = "stylesheet" href = "/css/main.min.css" >
< / head >
< body >
< header class = "site-header" >
< div class = "container" >
< nav class = "nav-inner" >
< a href = "/de/" class = "nav-logo" > wireguard_< span > webadmin< / span > < / a >
< button class = "hamburger" aria-label = "Toggle menu" aria-expanded = "false" >
< span > < / span > < span > < / span > < span > < / span >
< / button >
< ul class = "nav-links" >
< li >
< a href = "/de/"
>
Start
< / a >
< / li >
< li >
< a href = "/de/zero-trust/"
>
Zero Trust
< / a >
< / li >
< li >
< a href = "/de/deployment/"
>
Installation
< / a >
< / li >
< li >
< a href = "/de/get-involved/"
aria-current="page"
>
Mitmachen
< / a >
< / li >
< li >
< a href = "https://github.com/eduardogsilva/wireguard_webadmin"
target="_blank" rel="noopener"
class="nav-github">
< svg width = "16" height = "16" viewBox = "0 0 24 24" fill = "currentColor" > < path d = "M12 0C5.374 0 0 5.373 0 12c0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.509 11.509 0 0 1 12 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12z" / > < / svg >
GitHub
< / a >
< / li >
< li class = "nav-lang-sep" > < / li >
< li class = "lang-dropdown" >
< button class = "lang-btn" aria-expanded = "false" >
🇩🇪 DE
< svg width = "10" height = "10" viewBox = "0 0 10 10" fill = "currentColor" > < path d = "M2 3.5L5 6.5L8 3.5" stroke = "currentColor" stroke-width = "1.5" stroke-linecap = "round" stroke-linejoin = "round" fill = "none" / > < / svg >
< / button >
< ul class = "lang-menu" >
< li >
< a href = "/get-involved/"
hreflang="en"
class="">
< span class = "lang-flag" > 🇬🇧< / span >
< span > English< / span >
< / a >
< / li >
< li >
< a href = "/pt-br/get-involved/"
hreflang="pt-br"
class="">
< span class = "lang-flag" > 🇧🇷< / span >
< span > Português< / span >
< / a >
< / li >
< li >
< a href = "/es/get-involved/"
hreflang="es"
class="">
< span class = "lang-flag" > 🇪🇸< / span >
< span > Español< / span >
< / a >
< / li >
< li >
< a href = "/fr/get-involved/"
hreflang="fr"
class="">
< span class = "lang-flag" > 🇫🇷< / span >
< span > Français< / span >
< / a >
< / li >
< li >
< a href = "/de/get-involved/"
hreflang="de"
class="lang-active">
< span class = "lang-flag" > 🇩🇪< / span >
< span > Deutsch< / span >
< / a >
< / li >
< / ul >
< / li >
< / ul >
< / nav >
< / div >
< / header >
< main >
< section class = "page-hero" >
< div class = "container" >
< div class = "section-label" > Open Source< / div >
< h1 > Mitmachen< / h1 >
< p class = "section-sub" style = "margin-top:1rem" > wireguard_webadmin wird offen entwickelt. Jeder Beitrag hilft, egal wie groß oder klein er ist.< / p >
< / div >
< / section >
< div class = "page-content" >
< div class = "container" >
< div class = "involve-grid" >
< div class = "involve-card involve-card--highlight" >
< div class = "involve-card-icon" > ⭐< / div >
< h3 > Repository mit einem Stern markieren< / h3 >
< p > Das Einfachste, was Sie tun können. Es hilft dem Projekt, von anderen Sysadmins entdeckt zu werden, die genau nach so etwas suchen.< / p >
< a href = "https://github.com/eduardogsilva/wireguard_webadmin" target = "_blank" rel = "noopener" class = "btn btn-primary" > Auf GitHub markieren< / a >
< / div >
< div class = "involve-card" >
< div class = "involve-card-icon" > 🐛< / div >
< h3 > Fehler melden< / h3 >
< p > Etwas funktioniert nicht? Öffnen Sie ein Issue auf GitHub. Kein Template nötig, beschreiben Sie einfach, was Sie gesehen haben und wie man es reproduzieren kann.< / p >
< a href = "https://github.com/eduardogsilva/wireguard_webadmin/issues" target = "_blank" rel = "noopener" class = "btn btn-outline" > Issue öffnen< / a >
< / div >
< div class = "involve-card" >
< div class = "involve-card-icon" > 🔧< / div >
< h3 > Code beitragen< / h3 >
< p > Pull Requests sind willkommen. Bei allem, was nicht ganz trivial ist, öffnen Sie bitte zuerst ein Issue, damit wir uns abstimmen können, bevor Sie Zeit in Code investieren. Gute Einstiege sind mit < code > good first issue< / code > markierte Tickets, Bugfixes mit klarer Reproduktion und zusätzliche Tests.< / p >
< a href = "https://github.com/eduardogsilva/wireguard_webadmin/pulls" target = "_blank" rel = "noopener" class = "btn btn-outline" > Offene PRs ansehen< / a >
< / div >
< div class = "involve-card" >
< div class = "involve-card-icon" > 💬< / div >
< h3 > An der Diskussion teilnehmen< / h3 >
< p > Sie betreiben ein interessantes Setup? Sind auf einen Sonderfall gestoßen? GitHub Discussions ist der richtige Ort für Fragen, Ideen und Anwendungsfälle, die nicht sauber in ein Issue passen.< / p >
< a href = "https://github.com/eduardogsilva/wireguard_webadmin/discussions" target = "_blank" rel = "noopener" class = "btn btn-outline" > Zu Discussions< / a >
< / div >
< / div >
< div class = "involve-footer" >
< h4 > Erzählen Sie anderen davon< / h4 >
< p > Schreiben Sie einen Blogbeitrag. Teilen Sie es mit Ihrem Team. Erwähnen Sie das Projekt dort, wo jemand fragt, wie man WireGuard verwalten kann. Solche organische Reichweite ist wertvoller als jede Werbekampagne.< / p >
< / div >
< / div >
< / div >
< / main >
< footer class = "site-footer" >
< div class = "container" >
< div class = "footer-inner" >
< div class = "footer-logo" > wireguard_< span > webadmin< / span > < / div >
< ul class = "footer-links" >
< li > < a href = "https://github.com/eduardogsilva/wireguard_webadmin" target = "_blank" rel = "noopener" > GitHub< / a > < / li >
< li > < a href = "https://github.com/eduardogsilva/wireguard_webadmin/discussions" target = "_blank" rel = "noopener" > Discussions< / a > < / li >
< li > < a href = "/de/zero-trust/" > Zero Trust< / a > < / li >
< li > < a href = "/de/deployment/" > Deployment< / a > < / li >
< li > < a href = "/de/get-involved/" > Get Involved< / a > < / li >
< / ul >
< div class = "footer-built" >
entwickelt von < a href = "https://github.com/eduardogsilva" target = "_blank" rel = "noopener" > @eduardogsilva< / a >
< / div >
< / div >
< / div >
< / footer >
< script >
document.querySelectorAll('.tab-btn').forEach(btn => {
btn.addEventListener('click', () => {
const group = btn.closest('.tab-group');
group.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));
group.querySelectorAll('.tab-panel').forEach(p => p.classList.remove('active'));
btn.classList.add('active');
group.querySelector('#' + btn.dataset.tab).classList.add('active');
});
});
const hamburger = document.querySelector('.hamburger');
const navLinks = document.querySelector('.nav-links');
if (hamburger) {
hamburger.addEventListener('click', (e) => {
e.stopPropagation();
const open = navLinks.classList.toggle('open');
hamburger.classList.toggle('open', open);
hamburger.setAttribute('aria-expanded', open);
});
document.addEventListener('click', (e) => {
if (!navLinks.contains(e.target) & & !hamburger.contains(e.target)) {
navLinks.classList.remove('open');
hamburger.classList.remove('open');
hamburger.setAttribute('aria-expanded', false);
}
});
}
const langBtn = document.querySelector('.lang-btn');
const langDropdown = document.querySelector('.lang-dropdown');
if (langBtn) {
langBtn.addEventListener('click', (e) => {
e.stopPropagation();
const open = langDropdown.classList.toggle('open');
langBtn.setAttribute('aria-expanded', open);
});
document.addEventListener('click', (e) => {
if (!langDropdown.contains(e.target)) {
langDropdown.classList.remove('open');
langBtn.setAttribute('aria-expanded', false);
}
});
langDropdown.querySelectorAll('.lang-menu a').forEach(a => {
a.addEventListener('click', () => localStorage.setItem('lang-manual', '1'));
});
}
if (location.pathname === '/' & & !localStorage.getItem('lang-manual')) {
const lang = (navigator.language || navigator.userLanguage || 'en').toLowerCase();
const map = [
{ prefix: 'pt', url: '/pt-br/' },
{ prefix: 'es', url: '/es/' },
{ prefix: 'fr', url: '/fr/' },
{ prefix: 'de', url: '/de/' },
];
const match = map.find(m => lang.startsWith(m.prefix));
if (match) location.replace(match.url);
}
< / script >
< / body >
< / html >
