m/onepager
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

feat: i18n annotations — data-de/data-en + toggle for all 54 custom sites

Browse Source 
Phase 2 of i18n rollout:
- All 54 static custom sites now have data-de/data-en attributes on
  visible text elements with English translations
- i18n.js script tag injected into all sites
- Language toggle button with machine-translation disclaimer added
  to every site's footer area
- Brand names / domain wordplay preserved unchanged in both languages
- 2 dynamic sites (dasbes.de, dumusst.com) skipped — no static HTML
This commit is contained in:
m
2026-04-01 13:19:40 +02:00
parent 846fc04444
commit 5c92a7b021
53 changed files with 1850 additions and 1475 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
sites/lexsiebels.de/index.html
View File

@@ -428,29 +428,29 @@
<!-- Hero -->
<section class="hero">
<div class="hero-label">Matthias Siebels</div>
<div class="hero-label" data-de="Matthias Siebels" data-en="Matthias Siebels">Matthias Siebels</div>
<h1><span class="lex">Lex</span> Siebels</h1>
<div class="hero-subtitle">Knowledge Lawyer &mdash; Patent &amp; UPC</div>
<div class="hero-subtitle" data-de="Knowledge Lawyer &mdash; Patent &amp; UPC" data-en="Knowledge Lawyer &mdash; Patent &amp; UPC">Knowledge Lawyer &mdash; Patent &amp; UPC</div>
<div class="hero-rule"></div>
<div class="hero-tagline">Hogan Lovells &middot; Düsseldorf</div>
<div class="hero-tagline" data-de="Hogan Lovells &middot; Düsseldorf" data-en="Hogan Lovells &middot; Düsseldorf">Hogan Lovells &middot; Düsseldorf</div>
</section>
<!-- Profil -->
<section class="section-border fade-in">
<div class="container">
<div class="section-label">Profil</div>
<div class="section-label" data-de="Profil" data-en="Profile">Profil</div>
<div class="profil-grid">
<div class="profil-text">
<div class="profil-text" data-de="&lt;strong&gt;Matthias Siebels&lt;/strong&gt; ist Knowledge Lawyer bei &lt;strong&gt;Hogan Lovells&lt;/strong&gt; in Düsseldorf. Er verbindet Patentrecht mit Technologie &mdash; von der systematischen Aufbereitung komplexer Verfahrensfragen am &lt;strong&gt;Unified Patent Court&lt;/strong&gt; bis zum Einsatz von KI-Werkzeugen in der Kanzleipraxis." data-en="&lt;strong&gt;Matthias Siebels&lt;/strong&gt; is a Knowledge Lawyer at &lt;strong&gt;Hogan Lovells&lt;/strong&gt; in Düsseldorf. He connects patent law with technology &mdash; from the systematic preparation of complex procedural issues at the &lt;strong&gt;Unified Patent Court&lt;/strong&gt; to the use of AI tools in law firm practice.">
<strong>Matthias Siebels</strong> ist Knowledge Lawyer bei <strong>Hogan Lovells</strong> in Düsseldorf.
Er verbindet Patentrecht mit Technologie &mdash; von der systematischen Aufbereitung
komplexer Verfahrensfragen am <strong>Unified Patent Court</strong> bis zum Einsatz von
KI-Werkzeugen in der Kanzleipraxis.
</div>
<div class="profil-meta">
<div class="profil-meta-item">Kanzlei<span>Hogan Lovells</span></div>
<div class="profil-meta-item">Standort<span>Düsseldorf</span></div>
<div class="profil-meta-item">Fokus<span>Patent &amp; UPC</span></div>
<div class="profil-meta-item">Rolle<span>Knowledge Lawyer</span></div>
<div class="profil-meta-item" data-de="Kanzlei" data-en="Firm">Kanzlei<span>Hogan Lovells</span></div>
<div class="profil-meta-item" data-de="Standort" data-en="Location">Standort<span>Düsseldorf</span></div>
<div class="profil-meta-item" data-de="Fokus" data-en="Focus">Fokus<span>Patent &amp; UPC</span></div>
<div class="profil-meta-item" data-de="Rolle" data-en="Role">Rolle<span>Knowledge Lawyer</span></div>
</div>
</div>
</div>
@@ -459,28 +459,28 @@
<!-- Schwerpunkte -->
<section class="section-border fade-in">
<div class="container">
<div class="section-label">Schwerpunkte</div>
<div class="section-heading">Areas of Focus</div>
<div class="section-label" data-de="Schwerpunkte" data-en="Focus areas">Schwerpunkte</div>
<div class="section-heading" data-de="Areas of Focus" data-en="Areas of Focus">Areas of Focus</div>
<div class="focus-grid">
<div class="focus-card">
<div class="focus-tag">Litigation</div>
<h3>UPC-Verfahrensrecht</h3>
<p>Verfahrensführung und Prozessstrategie vor dem Einheitlichen Patentgericht. Rechtsprechungsanalyse und Praxisleitfäden.</p>
<h3 data-de="UPC-Verfahrensrecht" data-en="UPC Procedural Law">UPC-Verfahrensrecht</h3>
<p data-de="Verfahrensführung und Prozessstrategie vor dem Einheitlichen Patentgericht. Rechtsprechungsanalyse und Praxisleitfäden." data-en="Procedural management and litigation strategy before the Unified Patent Court. Case law analysis and practical guides.">Verfahrensführung und Prozessstrategie vor dem Einheitlichen Patentgericht. Rechtsprechungsanalyse und Praxisleitfäden.</p>
</div>
<div class="focus-card">
<div class="focus-tag">IP</div>
<h3>Patentstreitigkeiten</h3>
<p>Patentverletzung und -verteidigung, Schutzbereitsbestimmung, Zwangslizenzverfahren. Nationale und europäische Verfahren.</p>
<h3 data-de="Patentstreitigkeiten" data-en="Patent disputes">Patentstreitigkeiten</h3>
<p data-de="Patentverletzung und -verteidigung, Schutzbereitsbestimmung, Zwangslizenzverfahren. Nationale und europäische Verfahren." data-en="Patent infringement and defence, scope determination, compulsory licensing proceedings. National and European procedures.">Patentverletzung und -verteidigung, Schutzbereitsbestimmung, Zwangslizenzverfahren. Nationale und europäische Verfahren.</p>
</div>
<div class="focus-card">
<div class="focus-tag">Knowledge</div>
<h3>Knowledge Management</h3>
<p>Aufbau und Pflege juristischer Wissenssysteme. Systematische Erfassung von Rechtsprechung, Mustern und Best Practices.</p>
<h3 data-de="Knowledge Management" data-en="Knowledge Management">Knowledge Management</h3>
<p data-de="Aufbau und Pflege juristischer Wissenssysteme. Systematische Erfassung von Rechtsprechung, Mustern und Best Practices." data-en="Building and maintaining legal knowledge systems. Systematic capture of case law, patterns and best practices.">Aufbau und Pflege juristischer Wissenssysteme. Systematische Erfassung von Rechtsprechung, Mustern und Best Practices.</p>
</div>
<div class="focus-card">
<div class="focus-tag">Tech</div>
<h3>Legal Tech</h3>
<p>KI-gestützte Werkzeuge für die juristische Arbeit. Automatisierung, Recherche-Tools, Datenaufbereitung für Kanzleien.</p>
<h3 data-de="Legal Tech" data-en="Legal Tech">Legal Tech</h3>
<p data-de="KI-gestützte Werkzeuge für die juristische Arbeit. Automatisierung, Recherche-Tools, Datenaufbereitung für Kanzleien." data-en="AI-assisted tools for legal work. Automation, research tools, data preparation for law firms.">KI-gestützte Werkzeuge für die juristische Arbeit. Automatisierung, Recherche-Tools, Datenaufbereitung für Kanzleien.</p>
</div>
</div>
</div>
@@ -489,14 +489,14 @@
<!-- Projekte -->
<section class="section-border fade-in">
<div class="container">
<div class="section-label">Projekte</div>
<div class="section-heading">Projects</div>
<div class="section-label" data-de="Projekte" data-en="Projects">Projekte</div>
<div class="section-heading" data-de="Projects" data-en="Projects">Projects</div>
<div class="projects">
<div class="project-card">
<div class="project-icon">U</div>
<div class="project-content">
<h3><a href="https://youpc.org" target="_blank" rel="noopener">youpc.org</a></h3>
<p>Open-Source-Forschungsplattform zum Unified Patent Court. Rechtsprechungsdatenbank, Verfahrensanalysen und Statistiken &mdash; frei zugänglich für die IP-Community.</p>
<p data-de="Open-Source-Forschungsplattform zum Unified Patent Court. Rechtsprechungsdatenbank, Verfahrensanalysen und Statistiken &mdash; frei zugänglich für die IP-Community." data-en="Open-source research platform for the Unified Patent Court. Case law database, procedural analyses and statistics &mdash; freely accessible to the IP community.">Open-Source-Forschungsplattform zum Unified Patent Court. Rechtsprechungsdatenbank, Verfahrensanalysen und Statistiken &mdash; frei zugänglich für die IP-Community.</p>
<span class="project-tag">UPC Research Platform</span>
</div>
</div>
@@ -504,7 +504,7 @@
<div class="project-icon">K</div>
<div class="project-content">
<h3>KanzlAI</h3>
<p>KI-Werkzeuge für Kanzleimanagement. Intelligente Dokumentenverarbeitung, Wissensextraktion und Prozessautomatisierung &mdash; speziell für den juristischen Workflow.</p>
<p data-de="KI-Werkzeuge für Kanzleimanagement. Intelligente Dokumentenverarbeitung, Wissensextraktion und Prozessautomatisierung &mdash; speziell für den juristischen Workflow." data-en="AI tools for law firm management. Intelligent document processing, knowledge extraction and process automation &mdash; specifically for legal workflows.">KI-Werkzeuge für Kanzleimanagement. Intelligente Dokumentenverarbeitung, Wissensextraktion und Prozessautomatisierung &mdash; speziell für den juristischen Workflow.</p>
<span class="project-tag">AI for Law Firms</span>
</div>
</div>
@@ -529,10 +529,14 @@
flexsiebels.de
</a>
</div>
<div class="disclaimer">
<div class="disclaimer" data-de="Dies ist eine persönliche Seite. Keine Rechtsberatung. &mdash; This is a personal page. No legal advice." data-en="This is a personal page. No legal advice. &mdash; Dies ist eine persönliche Seite. Keine Rechtsberatung.">
Dies ist eine persönliche Seite. Keine Rechtsberatung.
&mdash; This is a personal page. No legal advice.
</div>
<div style="text-align:center;margin-top:16px;">
<button data-i18n-toggle title="Maschinell übersetzt / Machine-translated — German is the original." style="background:none;border:1px solid rgba(200,164,110,0.3);color:rgba(200,164,110,0.6);font-size:0.65rem;letter-spacing:0.1em;padding:4px 12px;border-radius:4px;cursor:pointer;">EN</button>
<br><small data-de="Maschinell übersetzt" data-en="Machine-translated" style="color:rgba(200,164,110,0.4);font-size:0.6rem;opacity:0.5;">Maschinell übersetzt</small>
</div>
</div>
</footer>
@@ -550,5 +554,6 @@
document.querySelectorAll('.fade-in').forEach(el => observer.observe(el));
</script>
<script src="/shared/i18n.js"></script>
</body>
</html>