update

README.md

@@ -1,5 +1,5 @@
 ---
-title: NIJIVOICE Archive
+title: にじボイスのサンプル音声アーカイブ
 emoji: 🌈
 colorFrom: purple
 colorTo: yellow

index.html

@@ -38,7 +38,7 @@
     </div>
   </nav>
 
-  <main class="flex-1 pt-24 pb-16 px-4">
+  <main class="flex-1 pt-24 pb-64 px-4">
     <div class="max-w-[1000px] mx-auto mb-10">
       <div class="bg-white border border-slate-200 rounded-xl p-6 md:p-8 shadow-sm relative overflow-hidden">
         <div class="absolute top-0 left-0 w-1 h-full bg-slate-400"></div>
@@ -167,9 +167,26 @@
     </div>
   </main>
 
-  <footer class="bg-[#18181B] text-white py-8 mt-auto">
-    <div class="max-w-[1440px] mx-auto px-6 text-xs text-center text-gray-500">
-      2025 Nijivoice Archive. Created by Gemini.
+  <footer class="bg-[#18181B] text-white py-6 fixed bottom-0 w-full z-50 border-t border-gray-800">
+    <div class="max-w-[1440px] mx-auto px-6 flex flex-col md:flex-row justify-between items-center gap-4">
+
+      <div class="text-center md:text-left">
+        <p class="text-xs text-gray-400 mb-1">音声・キャラクター画像提供</p>
+        <a href="https://nijivoice.com" target="_blank" rel="noopener noreferrer"
+          class="text-base font-bold text-white hover:text-indigo-400 transition-colors flex items-center gap-2 justify-center md:justify-start">にじボイス
+          <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+              d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
+          </svg>
+        </a>
+        <p class="text-[10px] text-gray-500 mt-1">
+          ※本サイトはアーカイブ目的であり、商用利用・二次利用に関する規定は公式サイトの利用規約に準拠します。
+        </p>
+      </div>
+
+      <div class="text-xs text-gray-500 text-center md:text-right">
+        <p>2025 Nijivoice Sample Archive</p>
+      </div>
     </div>
   </footer>