Merge pull request #15 from coderdojo-japan/fix/footer-links

fix: フッターのリンク先とアイコンを修正

Author: mucho613

_config.yml

@@ -14,12 +14,12 @@ date_event: 2025年10月25日（土曜）
 venue: 久留米シティプラザ
 map: https://maps.app.goo.gl/4jicdzYEBzjtHd916
 
-twitter:  DojoConJapan
-facebook: DojoConJapan
+x:        DojoConJapan
+facebook: dojoconjapan
 email:    [email protected]
 youtube: UCX3tz875ZDtU85rFkYuwl5w
-court:    
-contact:      https://forms.gle/7wSMSLEmjc4ucVoHA
+court:
+contact:      https://forms.gle/t9ctDcuZZ8cqqFtR6
 registration: https://dojocon-japan.doorkeeper.jp/events/176163
 
 # Build settings

_includes/footer.html

@@ -3,20 +3,19 @@
     <img src="/img/2025/common/footer-logo.png" alt="DojoCon Japan 2025 Inspire Next." />
   </div>
   <div class="footer-social">
-    <a href="https://twitter.com/{{ site.twitter }}" target="_blank" rel="noopener" class="social-x" aria-label="X">
+    <a href="https://x.com/{{ site.x }}" target="_blank" rel="noopener" class="social-x" aria-label="X">
       <i class="fa-brands fa-x-twitter" style="color:#000000;"></i>
     </a>
     <a href="https://www.facebook.com/{{ site.facebook }}" target="_blank" rel="noopener" class="social-facebook" aria-label="Facebook">
-      <i class="fa-brands fa-facebook" style="color:#3b5998;"></i>
+      <i class="fa-brands fa-facebook" style="color:#0866ff;"></i>
     </a>
     <a href="https://www.youtube.com/channel/{{ site.youtube }}" target="_blank" rel="noopener" class="social-youtube" aria-label="YouTube">
-      <i class="fa-brands fa-youtube" style="color:#ff0000;"></i>
+      <i class="fa-brands fa-youtube" style="color:#ff0033;"></i>
     </a>
   </div>
   <nav class="footer-links">
     <a href="/">ホーム</a>
-    <a href="/code-of-conduct">行動規範</a>
-    <a href="/sitemap">サイトマップ</a>
+    <a href="/code-of-conduct/">行動規範</a>
     <a href="/privacy">プライバシーポリシー</a>
     <a href="{{site.contact}}" target="_blank">お問い合わせ</a>
   </nav>

_sass/includes/footer.scss

@@ -14,24 +14,14 @@
   }
 
   .footer-social {
+    display: flex;
+    justify-content: center;
     margin-bottom: 24px;
+    column-gap: 24px;
 
     a {
-      display: inline-block;
-      margin: 0 14px;
       font-size: 2.2rem;
-      color: #000;
-      width: 48px;
       height: 48px;
-      line-height: 48px;
-      border-radius: 50%;
-      background: #ffffff;
-      transition: background 0.2s, color 0.2s;
-
-      &:hover {
-        background: $hover-color;
-        color: #fff;
-      }
     }
   }
 
@@ -67,11 +57,8 @@
       margin-bottom: 18px;
     }
     .footer-social a {
-      margin: 0 8px;
       font-size: 1.7rem;
-      width: 36px;
       height: 36px;
-      line-height: 36px;
     }
     .footer-links a {
       margin: 0 5px;