diff --git a/config b/config index d88b647..23b2c11 100644 --- a/config +++ b/config @@ -19,7 +19,6 @@ blog/**/*.md: ext .html directorify template tag - markdown chroma=emacs template page blog.atom: blog/**/*.md diff --git a/site.tmpl b/site.tmpl index 7f87b0e..a3d3d41 100644 --- a/site.tmpl +++ b/site.tmpl @@ -1,70 +1,75 @@ -{{ define "header" }} - +{{ define "header" }} +
- + +- トップ | - 自己紹介 | - 連絡先 | - スキル | - ポートフォリオ | - サービス | - リング | +{{ define "page" }}{{ template "header" . }}
- で登録 | - /でフォロー | - で登録 | - | - | - -
-+
" "" ( replace "" "" .Content ) }}{{ template "footer" . }}{{ end }}
+
+{{ define "date" }}{{ .Format "2006年01月02日" }}{{ end }}
+
+{{ define "pagelist" }}{{ range . }}
+ {{ template "date" .Date }}
+
+
+{{ end }}{{ end }}
{{ define "post" }}
{{ .Title }}
@@ -72,17 +77,14 @@
{{ .Other.Author }}、
{{ template "date" .Date }} —
- {{ range $i, $t := .Tags }}{{if $i}},{{end}}
+ {{ range $i, $t := .Tags }}{{ if $i }},{{ end }}
{{ $t }}{{ end }}
- {{ .Content }} {{ end }}
+{{ .Content }}
- ようこそ、あたしのウェブページへ!諏訪子です。 -
{{ range (((.Site.Pages.Children "blog/").Where "Url" "/$").WhereNot "Draft" "true") }} -ようこそ、あたしのウェブページへ!諏訪子です。
+{{ template "pagelist" (((.Site.Pages.Children "blog/").Where "Url" "/$").WhereNot "Draft" "true") }} diff --git a/src/static/style.css b/src/static/style.css index 6264947..1286e35 100644 --- a/src/static/style.css +++ b/src/static/style.css @@ -26,6 +26,7 @@ td, th { padding: 10px; border: 4px #dde22d ridge; margin: 0; + text-align: center; } .container { @@ -47,7 +48,6 @@ td, th { .header-img { display: block; max-width: 100%; - margin: 0 auto; } a { @@ -56,13 +56,18 @@ a { } pre { - background-color: #4b364b !important; + background-color: #4b364b; padding: 8px; border: 1px #ff61ff dashed; + overflow-x: auto; +} + +pre, code { + font: 1rem monospace, monospace; } img { - max-width: 600px; + max-width: min(600px, 100%); max-height: 500px; } @@ -95,3 +100,78 @@ h1 { .danger { background-color: #da4453; } + +.mb5 { + margin-block: 0.5em; +} + +.mb5 > div { + display: inline-block; +} + +.header-links { + margin-block: 0.25em; +} + +.header-links > a { + border-left: 1px solid #fcfcfc; + display: inline-block; + padding-left: 0.25em; +} + +.header-links > a:first-of-type { + border-left: none; + padding-left: 0; +} + +.icon::before { + content: ''; + height: 1em; + width: 1em; + display: inline-block; + background-size: auto 1em; + background-repeat: no-repeat; + vertical-align: sub; + padding-right: 0.25em; +} + +.atom-icon::before { + background-image: url('/static/rssa.png'); +} + +.mastodon-icon::before { + background-image: url('/static/mastodon.png'); +} + +.pleroma-icon::before { + background-image: url('/static/pleroma.png'); + width: 0.65em; +} + +.peertube-icon::before { + background-image: url('/static/peertube.png'); +} + +.clearnet-icon::before { + background-image: url('/static/clearnet.png'); +} + +.tor-icon::before { + background-image: url('/static/tor.png'); +} + +.i2p-icon::before { + background-image: url('/static/i2p.png'); +} + +.monero-icon::before { + background-image: url('/static/monero.png'); +} + +.git-icon:before { + background-image: url('/static/git.png'); +} + +.emblems { + float: right; +}