diff --git a/content/blog/2024-05-20-bluesky.md b/content/blog/2024-05-20-bluesky.md
index 605232d..7046213 100644
--- a/content/blog/2024-05-20-bluesky.md
+++ b/content/blog/2024-05-20-bluesky.md
@@ -139,3 +139,32 @@ snsアカウントはできれば自分が使うものを一つに集約する
 
 ですから、使っていないアカウントは基本的に閉じていくのが正解です。個人アカウントもシンプルに保つ方が良いですね。
 
+## 他のサイトはどうなっているのか
+
+参考になるのが`github.com`と`bsky.social/about`です。
+
+それぞれのfooterを見ていきましょう。デザインも参考になります。
+
+### github.com
+
+|type|url|
+|---|---|
+|twitter|https://twitter.com/github|
+|facebook|https://facebook.com/GitHub|
+|linkedin|https://linkedin.com/company/github|
+|youtube|https://youtube.com/github|
+|twich|https://twitch.tv/github|
+|tiktok|https://tiktok.com/@github|
+|github|https://github.com/github|
+
+### bsky.social
+
+|type|url|
+|---|---|
+|bluesky|https://bsky.app/profile/bsky.app|
+|twitter|https://twitter.com/bluesky|
+|github|https://github.com/bluesky-social|
+
+
+やはりgithub, twitterはどちらもあるようです。bskyはシンプルですね。
+
diff --git a/layouts/icon/single.html b/layouts/icon/single.html
index 3d5fabe..45f9ced 100644
--- a/layouts/icon/single.html
+++ b/layouts/icon/single.html
@@ -1,6 +1,7 @@
 {{ partial "head.html" . }}
 {{ partial "navbar.html" . }}
 {{ partial "header.html" . }}
+{{ partial "head-sns.html" . }}
 
 <article>
 	<div class="content">
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 7d31a89..a7a4b38 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -1,3 +1,7 @@
+<div class="footer-link">
+	<span class="footer-link"><a href="https://bsky.syui.ai" target="_blank"><i class="fab fa-bluesky"></i></a></span>
+	<span class="footer-link"><a href="https://git.syui.ai/syui" target="_blank"><span class="icon-git"></span></a></span>
+</div>
 <script src="/js/svg.js"></script>
 <script src="/js/highlight-filename.js"></script>
 <footer id="footer">© syui</footer>
diff --git a/layouts/partials/head-sns.html b/layouts/partials/head-sns.html
index 80fec7c..7eb0423 100644
--- a/layouts/partials/head-sns.html
+++ b/layouts/partials/head-sns.html
@@ -3,7 +3,7 @@
 </div>
 <blockquote class="ai">
 	<p>
-	<div class="footer-link">
+	<div class="top-link">
 		<a href="https://yui.syui.ai"><span class="icon-ai"></span></a>
 	</div>
 	</p>
diff --git a/layouts/partials/link.html b/layouts/partials/link.html
index 8140cc6..661e1e1 100644
--- a/layouts/partials/link.html
+++ b/layouts/partials/link.html
@@ -1,5 +1,9 @@
 <div class="sns-link">
-	<p> <i class="fa-brands fa-bluesky"></i> <a href="https://bsky.app/profile/syui.ai" target="_blank" class="bluesky-icon">@syui.ai</a> </p>
+	<p><i class="fab fa-github"></i> <a href="https://github.com/syui/" target="_blank">@syui</a></p>
+	<p><i class="fab fa-twitter"></i> <a href="https://twitter.com/syui__" target="_blank">@syui__</a></p>
+	<p><i class="fa-brands fa-bluesky"></i> <a href="https://bsky.app/profile/syui.ai" target="_blank" class="bluesky-icon">@syui.ai</a></p>
+	<p><i class="fab fa-mastodon"></i> <a rel="me" href="https://mstdn.syui.ai/@syui" target="_blank">@syui@syui.ai</a></p>
+	<p><i class="fa-solid fa-message"></i> <a href="https://matrix.to/#/@syui:syui.ai" target="_blank">@syui:syui.ai</a></p>
 	<p><span class="icon-git"></span> <a href="https://git.syui.ai/syui" target="_blank">@git.syui.ai:syui</a></p>
 	<!--
 		<p><i class="fab fa-github"></i> <a href="https://github.com/syui/" target="_blank">syui</a></p>
diff --git a/layouts/sitemap/single.html b/layouts/sitemap/single.html
index cd23cc3..2f315b9 100644
--- a/layouts/sitemap/single.html
+++ b/layouts/sitemap/single.html
@@ -6,7 +6,7 @@
 	<div class="content">
 		<h3><i class="far fa-question-circle"></i> このサイトについて</h3>
 		<blockquote>
-			<p><a href="https://bsky.syui.ai">@syui</a>のページです。</p>
+			<p><code>syui</code>のページです。</p>
 			<p>タイトルは<code>syui.ai</code>です。</p>
 		</blockquote>
 
diff --git a/layouts/syui/single.html b/layouts/syui/single.html
index 9b27433..62fcd6f 100644
--- a/layouts/syui/single.html
+++ b/layouts/syui/single.html
@@ -2,10 +2,7 @@
 {{ partial "navbar.html" . }}
 {{ partial "header.html" . }}
 {{ partial "head-sns.html" . }}
-
-
 {{ partial "content-about.html" . }}
-{{ partial "link-all.html" . }}
 
 		</div>
 		{{ partial "footer.html" . }}
diff --git a/static/css/style.css b/static/css/style.css
index 9243052..84f096a 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -41,14 +41,14 @@ p {
 
 article {
 	margin:100px 0px;
-	padding: 40px;
+	padding: 40px 40px 140px 40px;
 	background: #fff;
 }
 
 footer#footer {
 	color:#999;
 	text-align: center;
-	margin: 200px 0 40px 0;
+	margin: 40px 0;
 	font-size: 18px;
 }
 
@@ -146,17 +146,7 @@ ul.cp_list li > p > a {
 ul.cp_list li > span.icon-moon {
 	color: #0e0e0e;		
 }
-.footer-link > a > i.fab.fa-twitter {
-	color: rgba(52	135	236);		
-}
-.footer-link > a > i.fab.fa-github {
-	color: rgba(1	1	1);		
-}
 
-.footer-link > a > i.fas.fa-rss {
-	color: #f4a316;		
-	font-size: 23px;
-}
 i.fa-brands.fa-slack {
 	color: #b8cfe0;
 }
@@ -170,15 +160,29 @@ a.matrix-icon {
 	bottom: 4px;
 }
 
-.footer-link > a > span.icon-ai {
+.footer-link {
+	margin: 100px 0 0 0;
+	font-size:20px;
+	text-align: center;
+}
+
+span.footer-link a {
+	padding: 10px;
+	color: #ccc;
+}
+span.footer-link a:hover {
+	color: #EF454A;
+}
+
+.top-link {
+	text-align: center;
+}
+
+.top-link > a > span.icon-ai {
 	font-size:25px;
 	color: #fff700;
 	margin:10px;
 }
-.footer-link > a > span.icon-api {
-	font-size:25px;
-	margin:10px;
-}
 
 ul.cp_list li::before {
 	vertical-align: middle;
@@ -215,14 +219,6 @@ pre > code {
 	letter-spacing: 0;
 }
 
-.footer-link {
-	font-size:30px;
-	text-align: center;
-}
-.footer-link > a > i {
-	padding:9px;
-}
-
 h2 {
 	line-height: 2rem;
 	padding: 30px 0;
@@ -261,19 +257,6 @@ ul.cp_list li i.fas.fa-bars {
 	margin-bottom: 30px;
 }
 
-.footer-link > a > i.fab.fa-mastodon {
-	color:#945ecd;
-}
-
-.footer-link > a > i.fab.fa-git-alt {
-	color:#4cae2e;
-}
-
-.footer-link > a > span.icon-home {
-	font-size: 27px;
-	padding: 7px;
-}
-
 ul.cp_list li img {
 	float: left;
 	padding:7px;
@@ -399,7 +382,7 @@ span.icon-git {
 		word-break: break-all;
 	}
 	article {
-		padding: 15px;
+		padding: 15px 15px 100px 15px;
 	}
 
 	.content p img {