syui/hugo
1
0
Fork 0
Code

fix

Browse Source
This commit is contained in:
syui 2024-05-21 12:59:03 +09:00
parent 425d671c5d
commit 05989925a9
Signed by: syui
GPG Key ID: 5417CFEBAD92DF56
8 changed files with 63 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
content/blog/2024-05-20-bluesky.md
View File

@ -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はシンプルですね。

1
layouts/icon/single.html
View File

@ -1,6 +1,7 @@
{{ partial "head.html" . }}
{{ partial "navbar.html" . }}
{{ partial "header.html" . }}
{{ partial "head-sns.html" . }}
<article>
<div class="content">

4
layouts/partials/footer.html
View File

@ -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>

2
layouts/partials/head-sns.html
View File

@ -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>

6
layouts/partials/link.html
View File

@ -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>

2
layouts/sitemap/single.html
View File

@ -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>

3
layouts/syui/single.html
View File

@ -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" . }}

61
static/css/style.css
View File

@ -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 {