change: フッターのSNSアイコンを変更

appleple · Aug 8, 2024 · 1893da1 · 1893da1
1 parent b2dbbc0
commit 1893da1
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 21 deletions.
diff --git a/src/develop/admin/blog/field-sns.html b/src/develop/admin/blog/field-sns.html
@@ -15,10 +15,10 @@ <h3 class="acms-admin-admin-title2">SNSアカウントの情報</h3>
 		</td>
 	</tr>
 	<tr>
-		<th><label for="input-text-youtube_account">YouTube</label></th>
+		<th><label for="input-text-github_account">Github</label></th>
 		<td>
-			<input type="text" name="youtube_account" value="{youtube_account}" placeholder="例）@ablogcms" id="input-text-youtube_account" class="acms-admin-form-width-medium">
-			<input type="hidden" name="field[]" value="youtube_account">
+			<input type="text" name="github_account" value="{github_account}" placeholder="例）ablogcms" id="input-text-github_account" class="acms-admin-form-width-medium">
+			<input type="hidden" name="field[]" value="github_account">
 		</td>
 	</tr>
 </table>
diff --git a/src/develop/include/footer.html b/src/develop/include/footer.html
@@ -6,25 +6,21 @@
     <!-- BEGIN_MODULE Blog_Field ctx="bid/1" -->
     <!-- BEGIN sns:veil -->
     <div class="flex justify-center mt-8 space-x-6">
-      <!-- BEGIN facebook_account:veil -->
-      <a href="https://www.facebook.com/{facebook_account}" class="text-gray-400 hover:text-gray-500">
-        <span class="sr-only">Facebook</span>
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" class="w-6 h-6" aria-hidden="true"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc. --><path d="M512 256C512 114.6 397.4 0 256 0S0 114.6 0 256C0 376 82.7 476.8 194.2 504.5V334.2H141.4V256h52.8V222.3c0-87.1 39.4-127.5 125-127.5c16.2 0 44.2 3.2 55.7 6.4V172c-6-.6-16.5-1-29.6-1c-42 0-58.2 15.9-58.2 57.2V256h83.6l-14.4 78.2H287V510.1C413.8 494.8 512 386.9 512 256h0z"/></svg>
-      </a>
-      <!-- END facebook_account:veil -->
       <!-- BEGIN twitter_account:veil -->
-      <a href="https://x.com/{twitter_account}" class="text-gray-400 hover:text-gray-500">
-        <span class="sr-only">X</span>
-        <svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6" aria-hidden="true" fill="currentColor" viewBox="0 0 512 512"><!-- !Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc. --><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg>
+      <a href="https://x.com/{twitter_account}" class="block hover:opacity-70">
+        <img src="/images/icons/x.svg" alt="X（旧Twitter）" class="w-6 h-6 mx-auto">
       </a>
       <!-- END twitter_account:veil -->
-      <!-- BEGIN youtube_account:veil -->
-      <a href="https://www.youtube.com/{youtube_account}" class="text-gray-400 hover:text-gray-500">
-        <span class="sr-only">YouTube</span>
-        <svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6" aria-hidden="true" fill="currentColor" viewBox="0 0 576 512"><!-- !Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc. -->
-        <path d="M549.7 124.1c-6.3-23.7-24.8-42.3-48.3-48.6C458.8 64 288 64 288 64S117.2 64 74.6 75.5c-23.5 6.3-42 24.9-48.3 48.6-11.4 42.9-11.4 132.3-11.4 132.3s0 89.4 11.4 132.3c6.3 23.7 24.8 41.5 48.3 47.8C117.2 448 288 448 288 448s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zm-317.5 213.5V175.2l142.7 81.2-142.7 81.2z"/></svg>
+      <!-- BEGIN facebook_account:veil -->
+      <a href="https://www.facebook.com/{facebook_account}" class="block hover:opacity-70">
+        <img src="/images/icons/facebook.svg" alt="Facebook" class="w-6 h-6 mx-auto">
+      </a>
+      <!-- END facebook_account:veil -->
+      <!-- BEGIN github:veil -->
+      <a href="https://github.com/{github_account}" class="block hover:opacity-70">
+        <img src="/images/icons/github.svg" alt="Github" class="w-6 h-6 mx-auto">
       </a>
-      <!-- END youtube_account:veil -->
+      <!-- END github:veil -->
     </div>
     <!-- END sns:veil -->
 

diff --git a/src/develop/include/user-profile/profile-card.html b/src/develop/include/user-profile/profile-card.html
@@ -17,17 +17,17 @@ <h2 class="text-indigo-500 text-lg font-bold">{name}</h2><!-- BEGIN position:vei
   <div class="flex border-t border-gray-200 divide-x divide-gray-200">
     <!-- BEGIN x_twitter:veil -->
     <a href="{x_twitter}" class="flex-1 block p-5 text-center text-gray-300 transition duration-200 ease-out hover:bg-gray-100 hover:text-gray-500">
-      <img src="/images/icons/x.svg" alt="" class="w-6 h-6 mx-auto">
+      <img src="/images/icons/x.svg" alt="X（旧Twitter）" class="w-6 h-6 mx-auto">
     </a>
     <!-- END x_twitter:veil -->
     <!-- BEGIN facebook:veil -->
     <a href="{facebook}" class="flex-1 block p-5 text-center text-gray-300 transition duration-200 ease-out hover:bg-gray-100 hover:text-gray-500">
-      <img src="/images/icons/facebook.svg" alt="" class="w-6 h-6 mx-auto">
+      <img src="/images/icons/facebook.svg" alt="Facebook" class="w-6 h-6 mx-auto">
     </a>
     <!-- END facebook:veil -->
     <!-- BEGIN github:veil -->
     <a href="{github}" class="flex-1 block p-5 text-center text-gray-300 transition duration-200 ease-out hover:bg-gray-100 hover:text-gray-500">
-      <img src="/images/icons/github.svg" alt="" class="w-6 h-6 mx-auto">
+      <img src="/images/icons/github.svg" alt="Github" class="w-6 h-6 mx-auto">
     </a>
     <!-- END github:veil -->
   </div>