Add Contribute dropdown to detail pages

- Add Contribute button on the title row of each slug detail page
- Dropdown with 3 options: report code issue, report translation issue, suggest new pattern
- Links open pre-filled GitHub issue templates
- Add translation-issue.yml issue template
- Add enterprise category to new-pattern.yml issue template
- Add i18n strings for all 9 locales
- Regenerate all site HTML

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

Author: brunoborges

.github/ISSUE_TEMPLATE/new-pattern.yml

@@ -28,6 +28,7 @@ body:
         - datetime
         - security
         - tooling
+        - enterprise
     validations:
       required: true
 

.github/ISSUE_TEMPLATE/translation-issue.yml

@@ -0,0 +1,70 @@
+---
+name: Translation Issue
+description: Report a translation problem or suggest an improvement
+title: "[Translation] "
+labels: ["translation"]
+body:
+  - type: markdown
+    attributes:
+      value: |
+        ## Report a translation issue
+
+        Found a mistranslation, awkward phrasing, or missing translation?
+        Let us know and we'll fix it.
+
+  - type: dropdown
+    id: locale
+    attributes:
+      label: Language
+      description: "Which language has the issue?"
+      options:
+        - de — Deutsch
+        - es — Español
+        - pt-BR — Português (Brasil)
+        - zh-CN — 中文 (简体)
+        - ar — العربية
+        - fr — Français
+        - ja — 日本語
+        - ko — 한국어
+    validations:
+      required: true
+
+  - type: dropdown
+    id: area
+    attributes:
+      label: What is affected?
+      description: "Is this about a pattern page or the site UI (nav, buttons, labels)?"
+      options:
+        - Pattern content (title, summary, explanation, etc.)
+        - UI strings (navigation, buttons, labels, footer)
+    validations:
+      required: true
+
+  - type: input
+    id: pattern
+    attributes:
+      label: Pattern slug (if applicable)
+      description: "The pattern ID, e.g. `type-inference-with-var`. Leave blank for UI string issues."
+      placeholder: "type-inference-with-var"
+
+  - type: textarea
+    id: current-text
+    attributes:
+      label: Current text
+      description: "Copy the text that is incorrect or needs improvement"
+    validations:
+      required: true
+
+  - type: textarea
+    id: suggested-text
+    attributes:
+      label: Suggested text
+      description: "What should it say instead?"
+    validations:
+      required: true
+
+  - type: textarea
+    id: context
+    attributes:
+      label: Additional context
+      description: "Any extra context about why the current translation is incorrect"

html-generators/generate.java

@@ -416,6 +416,28 @@ String renderSocialShare(String tpl, String slug, String title, Map<String, Stri
             "share.label", strings.getOrDefault("share.label", "Share")));
 }
 
+static final String GITHUB_ISSUES_URL = "https://github.com/javaevolved/javaevolved.github.io/issues/new";
+
+Map<String, String> buildContributeUrls(Snippet s, String locale, String localeName) {
+    var pageUrl = locale.equals("en")
+            ? "%s/%s/%s.html".formatted(BASE_URL, s.category(), s.slug())
+            : "%s/%s/%s/%s.html".formatted(BASE_URL, locale, s.category(), s.slug());
+
+    var codeTitle = urlEncode("[Code Issue] %s".formatted(s.title()));
+    var codeBody = urlEncode("**Pattern:** %s\n**URL:** %s\n\nDescribe the issue:\n".formatted(s.slug(), pageUrl));
+    var codeUrl = "%s?title=%s&labels=%s&body=%s".formatted(GITHUB_ISSUES_URL, codeTitle, "bug", codeBody);
+
+    var transUrl = "%s?template=translation-issue.yml&title=%s".formatted(
+            GITHUB_ISSUES_URL, urlEncode("[Translation] %s (%s)".formatted(s.title(), localeName)));
+
+    var suggestUrl = "%s?template=new-pattern.yml".formatted(GITHUB_ISSUES_URL);
+
+    return Map.of(
+            "contributeCodeIssueUrl", codeUrl,
+            "contributeTranslationIssueUrl", transUrl,
+            "contributeSuggestUrl", suggestUrl);
+}
+
 String generateHtml(Templates tpl, Snippet s, Map<String, Snippet> all, Map<String, String> extraTokens, String locale) throws IOException {
     var isEnglish = locale.equals("en");
     var canonicalUrl = isEnglish
@@ -445,6 +467,8 @@ String generateHtml(Templates tpl, Snippet s, Map<String, Snippet> all, Map<Stri
             Map.entry("docLinks", renderDocLinks(tpl.docLink(), s.node().withArray("docs"))),
             Map.entry("relatedCards", renderRelatedSection(tpl.relatedCard(), s, all, locale, extraTokens)),
             Map.entry("socialShare", renderSocialShare(tpl.socialShare(), s.slug(), s.title(), extraTokens))));
+    var localeName = LOCALES.getOrDefault(locale, locale);
+    tokens.putAll(buildContributeUrls(s, locale, localeName));
     return replaceTokens(tpl.page(), tokens);
 }
 

site/app.js

@@ -698,6 +698,37 @@
     });
   };
 
+  /* ==========================================================
+     9. Contribute Dropdown
+     ========================================================== */
+  const initContributeDropdown = () => {
+    const dropdown = document.getElementById('contributeDropdown');
+    if (!dropdown) return;
+
+    const toggleBtn = dropdown.querySelector('.contribute-toggle');
+    const list = dropdown.querySelector('ul');
+
+    const open = () => {
+      list.style.display = 'block';
+      toggleBtn.setAttribute('aria-expanded', 'true');
+    };
+
+    const close = () => {
+      list.style.display = 'none';
+      toggleBtn.setAttribute('aria-expanded', 'false');
+    };
+
+    toggleBtn.addEventListener('click', (e) => {
+      e.stopPropagation();
+      list.style.display === 'block' ? close() : open();
+    });
+
+    document.addEventListener('click', close);
+    document.addEventListener('keydown', (e) => {
+      if (e.key === 'Escape') close();
+    });
+  };
+
   /* ==========================================================
      Utilities
      ========================================================== */
@@ -722,5 +753,6 @@
     initNewsletter();
     initThemeToggle();
     initLocalePicker();
+    initContributeDropdown();
   });
 })();

site/styles.css

@@ -869,6 +869,12 @@ nav {
   margin-bottom: 40px;
 }
 
+.tip-title-row {
+  display: flex;
+  align-items: baseline;
+  gap: 16px;
+}
+
 .tip-header h1 {
   font-size: clamp(1.6rem, 4vw, 2.4rem);
   font-weight: 800;
@@ -1573,6 +1579,68 @@ footer a:hover {
 .share-li { font-family: Georgia, serif; font-weight: 800; font-size: 0.85rem; }
 .share-reddit { font-size: 1.1rem; }
 
+/* ============================
+   Contribute Dropdown
+   ============================ */
+.contribute-dropdown {
+  position: relative;
+  display: inline-flex;
+  margin-inline-start: auto;
+}
+.contribute-toggle {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 5px 14px;
+  border-radius: var(--radius-sm);
+  border: 1px solid var(--border);
+  background: var(--surface);
+  color: var(--text-muted);
+  font-size: 0.82rem;
+  font-weight: 500;
+  line-height: 1;
+  transition: all 0.2s;
+  cursor: pointer;
+  white-space: nowrap;
+}
+.contribute-toggle:hover {
+  background: var(--accent);
+  color: #fff;
+  border-color: var(--accent);
+}
+.contribute-dropdown ul {
+  display: none;
+  position: absolute;
+  top: 100%;
+  right: 0;
+  margin: 4px 0 0;
+  padding: 4px 0;
+  list-style: none;
+  background: var(--surface);
+  border: 1px solid var(--border);
+  border-radius: var(--radius-sm);
+  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
+  z-index: 100;
+  min-width: 220px;
+}
+[dir="rtl"] .contribute-dropdown ul {
+  right: auto;
+  left: 0;
+}
+.contribute-dropdown li a {
+  display: block;
+  padding: 8px 16px;
+  font-size: 0.9rem;
+  color: var(--text);
+  white-space: nowrap;
+  text-decoration: none;
+  transition: background 0.15s;
+}
+.contribute-dropdown li a:hover {
+  background: var(--accent);
+  color: #fff;
+}
+
 /* ============================
    Locale Picker
    ============================ */

templates/slug-template.html

@@ -125,7 +125,17 @@
         <span class="badge {{category}}">{{categoryDisplay}}</span>
         <span class="badge {{difficulty}}">{{difficultyDisplay}}</span>
       </div>
-      <h1>{{title}}</h1>
+      <div class="tip-title-row">
+        <h1>{{title}}</h1>
+        <div class="contribute-dropdown" id="contributeDropdown">
+          <button type="button" class="contribute-toggle" aria-haspopup="true" aria-expanded="false">{{contribute.button}}</button>
+          <ul>
+            <li><a href="{{contributeCodeIssueUrl}}" target="_blank" rel="noopener">🐛 {{contribute.codeIssue}}</a></li>
+            <li><a href="{{contributeTranslationIssueUrl}}" target="_blank" rel="noopener">🌐 {{contribute.translationIssue}}</a></li>
+            <li><a href="{{contributeSuggestUrl}}" target="_blank" rel="noopener">💡 {{contribute.suggestPattern}}</a></li>
+          </ul>
+        </div>
+      </div>
       <p>{{summary}}</p>
     </div>
 

translations/strings/ar.yaml

@@ -75,6 +75,11 @@ support:
   available: متاح
   preview: معاينة
   experimental: تجريبي
+contribute:
+  button: المساهمة
+  codeIssue: الإبلاغ عن مشكلة في الكود
+  translationIssue: الإبلاغ عن مشكلة في الترجمة
+  suggestPattern: اقتراح نمط جديد
 untranslated:
   notice: "هذه الصفحة لم تُترجم بعد إلى {{localeName}}."
   viewInEnglish: عرض بالإنجليزية

translations/strings/de.yaml

@@ -77,6 +77,11 @@ support:
   available: Verfügbar
   preview: Vorschau
   experimental: Experimentell
+contribute:
+  button: Beitragen
+  codeIssue: Code-Problem melden
+  translationIssue: Übersetzungsproblem melden
+  suggestPattern: Neues Muster vorschlagen
 untranslated:
   notice: Diese Seite wurde noch nicht ins {{localeName}} übersetzt.
   viewInEnglish: Auf Englisch ansehen

translations/strings/en.yaml

@@ -77,6 +77,11 @@ support:
   available: Available
   preview: Preview
   experimental: Experimental
+contribute:
+  button: Contribute
+  codeIssue: Report a code issue
+  translationIssue: Report a translation issue
+  suggestPattern: Suggest a new pattern
 untranslated:
   notice: This page has not yet been translated into {{localeName}}.
   viewInEnglish: View in English

translations/strings/es.yaml

@@ -77,6 +77,11 @@ support:
   available: Disponible
   preview: Preview
   experimental: Experimental
+contribute:
+  button: Contribuir
+  codeIssue: Reportar un problema de código
+  translationIssue: Reportar un problema de traducción
+  suggestPattern: Sugerir un nuevo patrón
 untranslated:
   notice: Esta página aún no ha sido traducida al {{localeName}}.
   viewInEnglish: Ver en Inglés