Add language logo chips to the Languages skills row

Parse language names from the protected skill fact and render each as a
soft chip with a Simple Icons logo. GDScript uses the Godot icon. Styles
target .locked-resume-language-* classes with attribution id gus-h-language-logos.

Co-authored-by: parse-nip <parse-nip@users.noreply.github.com>

Author: cursoragent

src/app/globals.css

@@ -1009,6 +1009,48 @@
     color: inherit;
   }
 
+  #locked-resume .locked-resume-skill-languages {
+    list-style: none;
+    display: flex;
+    flex-direction: column;
+    gap: 0.625rem;
+    margin-bottom: 0.75rem;
+  }
+
+  #locked-resume .locked-resume-skill-languages-label {
+    font-weight: 500;
+    color: var(--color-text-primary, #111111);
+  }
+
+  #locked-resume .locked-resume-language-list {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.5rem;
+    list-style: none;
+    padding: 0;
+    margin: 0;
+  }
+
+  #locked-resume .locked-resume-language-chip {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.4rem;
+    list-style: none;
+    padding: 0.35rem 0.65rem;
+    border-radius: var(--radius-sm, 10px);
+    background: var(--color-surface-soft, #f6f6f5);
+    border: 1px solid var(--color-border, #e8e8e6);
+    font-size: 0.875rem;
+    line-height: 1.4;
+  }
+
+  #locked-resume .locked-resume-language-icon {
+    width: 18px;
+    height: 18px;
+    flex-shrink: 0;
+    object-fit: contain;
+  }
+
   .design-select-overlay {
     pointer-events: none;
     position: fixed;

src/components/locked/LockedResume.tsx

@@ -1,5 +1,26 @@
 import { getExperience } from "@/lib/experience";
 
+/** Presentation-only map from fact language names to Simple Icons slugs. */
+const LANGUAGE_ICON_SLUGS: Record<string, string> = {
+  typescript: "typescript",
+  javascript: "javascript",
+  rust: "rust",
+  python: "python",
+  gdscript: "godotengine",
+  crystal: "crystal",
+};
+
+function parseLanguagesSkill(skill: string): string[] | null {
+  const match = skill.match(/^Languages:\s*(.+)$/);
+  if (!match) return null;
+  return match[1].split(",").map((name) => name.trim());
+}
+
+function languageIconUrl(name: string): string | null {
+  const slug = LANGUAGE_ICON_SLUGS[name.toLowerCase()];
+  return slug ? `https://cdn.simpleicons.org/${slug}` : null;
+}
+
 /**
  * Renders owner facts from locked JSON. Community contributors may restyle
  * this component and target #locked-resume in CSS — but must not change
@@ -77,11 +98,54 @@ export function LockedResume() {
           <section id="skills" className="locked-resume-skills">
             <h2>Skills</h2>
             <ul>
-              {data.skills.map((skill, i) => (
-                <li key={i} data-fact-id={`skill-${i}`}>
-                  {skill}
-                </li>
-              ))}
+              {data.skills.map((skill, i) => {
+                const languages = parseLanguagesSkill(skill);
+
+                if (languages) {
+                  return (
+                    <li
+                      key={i}
+                      data-fact-id={`skill-${i}`}
+                      className="locked-resume-skill-languages"
+                      data-contribution-id="gus-h-language-logos"
+                    >
+                      <span className="locked-resume-skill-languages-label">
+                        Languages:
+                      </span>
+                      <ul className="locked-resume-language-list">
+                        {languages.map((language) => {
+                          const iconUrl = languageIconUrl(language);
+
+                          return (
+                            <li
+                              key={language}
+                              className="locked-resume-language-chip"
+                            >
+                              {iconUrl ? (
+                                <img
+                                  className="locked-resume-language-icon"
+                                  src={iconUrl}
+                                  alt=""
+                                  width={18}
+                                  height={18}
+                                  loading="lazy"
+                                />
+                              ) : null}
+                              <span>{language}</span>
+                            </li>
+                          );
+                        })}
+                      </ul>
+                    </li>
+                  );
+                }
+
+                return (
+                  <li key={i} data-fact-id={`skill-${i}`}>
+                    {skill}
+                  </li>
+                );
+              })}
             </ul>
           </section>