fix

layouts/partials/footer.html

@@ -1 +1,9 @@
+<div class="footer-link">
+	<span class="footer-link"><a href="https://bsky.app/profile/yui.syui.ai" target="_blank"><i class="fab fa-bluesky"></i></a></span>
+		<span class="footer-link"><a href="https://card.syui.ai/ai" target="_blank"><span class="icon-ai"></span></a></span>
+	<span class="footer-link"><a href="https://git.syui.ai/ai" target="_blank"><span class="icon-git"></span></a></span>
+	<!--
+		<span class="footer-link"><a href="https://syui.ai/" target="_blank"><span class="icon-syui"></span></a></span>
+	-->
+</div>
 <footer id="footer">© <a href="https://syui.ai">syui</a></footer>

static/css/style.css

@@ -48,15 +48,32 @@ article {
 	background: #313131;
 }
 
-footer.footer {
-	/* margin-top:100px; */
-	text-align: center;
-	height:60px;
-	padding-top:100px;
-	color: #fff700;
+.footer-link {
 	font-size: 20px;
-	background-color:#313131;
-	position: relative;
+	padding: 100px 0 0 0;
+	text-align: center;
+	background: #313131;
+}
+
+span.footer-link a span.icon-git {
+	font-size: 20px;
+}
+
+span.footer-link a span.icon-syui {
+	font-size: 20px;
+}
+
+span.footer-link a span.icon-ai {
+	font-size: 20px;
+}
+
+span.footer-link a {
+	padding: 10px;
+	color: #fff700;
+}
+
+span.footer-link a:hover {
+	color: #ddd700;
 }
 
 footer.footer a {
@@ -66,7 +83,7 @@ footer.footer a {
 footer#footer {
 	text-align: center;
 	height:60px;
-	padding-top:100px;
+	padding-top:40px;
 	color: #fff700;
 	font-size: 20px;
 	background-color:#313131;
@@ -159,17 +176,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;
 }
@@ -189,17 +196,6 @@ a.matrix-icon {
 	bottom: 4px;
 }
 
-.footer-link > a > span.icon-ai {
-	font-size:25px;
-	color: #beb801;
-	margin:10px;
-}
-.footer-link > a > span.icon-api {
-	font-size:25px;
-	margin:10px;
-}
-
-
 h3 span.icon-phoenix-world {
 	font-size: 0.8em;
 }
@@ -225,14 +221,6 @@ pre > code {
 	letter-spacing: 0;
 }
 
-.footer-link {
-	font-size:30px;
-	text-align: center;
-}
-.footer-link > a > i {
-	padding:9px;
-}
-
 h1 {
 	font-size: 24px;
 	line-height: 2.5rem;
@@ -274,19 +262,6 @@ ins.adsbygoogle {
 	padding:15px 0 15px 0;
 }
 
-.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;
-}
-
 .moji p img {
 	width: 128px;
 }
@@ -1041,9 +1016,6 @@ span.icon-ai {
 	color: #fff700;
 }
 
-span.navbar-title-text > a span.icon-ai {
-}
-
 .top-menu {
 	margin: 50px 0px 20px 0px;
 }
@@ -1336,7 +1308,7 @@ pre > code > span {
 	word-break: break-all;
 }
 
-span.icon-git {
+.sns-link p span.icon-git {
     font-size: 20px;
 }