Add GitHub link button to header

ubiquitous-o · claude · ubiquitous-o · commit 186e04904658 · 2026-04-10T23:13:11.000+09:00
Co-Authored-By: Claude Opus 4.6 (1M context) &lt;noreply@anthropic.com&gt;
diff --git a/index.html b/index.html
@@ -11,6 +11,9 @@
   <body>
     <div id="app">
       <header>
+        <a href="https://github.com/ubiquitous-o/PostAR" target="_blank" rel="noopener" class="github-link" aria-label="GitHub">
+          <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor"><path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0 0 24 12c0-6.63-5.37-12-12-12z"/></svg>
+        </a>
         <h1>Post<span class="accent">AR</span></h1>
         <p class="tagline" data-i18n="tagline">ポスターを実寸ARで確認</p>
       </header>
diff --git a/src/style.css b/src/style.css
@@ -21,10 +21,23 @@ html, body {
 
 /* --- Header --- */
 header {
+  position: relative;
   text-align: center;
   padding: 24px 0 28px;
 }
 
+.github-link {
+  position: absolute;
+  top: 24px;
+  right: 0;
+  color: #555;
+  transition: color 0.2s;
+}
+
+.github-link:hover {
+  color: #fff;
+}
+
 h1 {
   font-size: 32px;
   font-weight: 700;
