From 639f2932ca222fd9d957da96befe74648b61b121 Mon Sep 17 00:00:00 2001 From: n Date: Sun, 29 May 2022 15:24:23 +0900 Subject: [PATCH] =?UTF-8?q?=E3=83=86=E3=83=B3=E3=83=97=E3=83=AC=E3=83=BC?= =?UTF-8?q?=E3=83=88=E3=81=AE=E5=A4=89=E6=9B=B4=20-=20DOCTYPE=E3=82=92XHTM?= =?UTF-8?q?L=E3=81=8B=E3=82=89HTML=E3=81=AB=E5=A4=89=E6=9B=B4=20-=20?= =?UTF-8?q?=E3=83=98=E3=83=83=E3=83=80=E3=83=BC=E3=81=A8=E3=83=95=E3=83=83?= =?UTF-8?q?=E3=82=BF=E3=83=BC=E3=81=AE=E3=82=A2=E3=82=A4=E3=82=B3=E3=83=B3?= =?UTF-8?q?=E3=81=A8=E3=83=AA=E3=83=B3=E3=82=AF=E3=82=92=E8=AA=BF=E6=95=B4?= =?UTF-8?q?=20-=20=E3=83=9A=E3=83=BC=E3=82=B8=E3=81=AE=E4=B8=80=E8=A6=A7?= =?UTF-8?q?=E3=82=92=E5=85=B1=E9=80=9A=E5=8C=96=20-=20=E3=82=B3=E3=83=BC?= =?UTF-8?q?=E3=83=89=E3=83=96=E3=83=AD=E3=83=83=E3=82=AF=E3=81=AE=E3=82=B9?= =?UTF-8?q?=E3=82=BF=E3=82=A4=E3=83=AB=E3=82=92=E7=A7=BB=E5=8B=95=20-=20"c?= =?UTF-8?q?ontainer"=E3=82=92"header"=E3=81=AB=E7=B5=B1=E5=90=88?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- config | 1 - site.tmpl | 114 ++++++++++++++++++++++--------------------- src/index.html | 9 +--- src/static/style.css | 86 ++++++++++++++++++++++++++++++-- 4 files changed, 143 insertions(+), 67 deletions(-) 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" }} + - + + {{ .Site.Other.Title }}{{ if .Title }}: {{ .Title }}{{ end }} -
注意:JavsScriptはONです。安全・安心の為、JavaScriptをOFFにしてお願い致します。
- -{{ end }} - -{{ define "container" }}
+
JavaScriptが有効です。安全・安心の為、JavaScriptを無効にしてください。
+ +
ヘッダー {{ end }} -{{ define "footer" }} -
- gostaticで創作しました。Git - - Valid XHTML 1.1 - - - 正当なCSSです! - - - どっちでもブラウザで表示出来ます! - - - hacker emblem - +{{ define "footer" }}
+ gostaticで創作しました。 + ページのGitリポジトリ +
{{ end }} -{{define "date"}}{{ .Format "2006年01月02日" }}{{end}} - -{{ define "page" }}{{ template "header" . }}{{ template "container" . }}

- トップ | - 自己紹介 | - 連絡先 | - スキル | - ポートフォリオ | - サービス | - リング | +{{ define "page" }}{{ template "header" . }}

+ +
支援♡: - Monero -

+ Monero +

- {{ .Content }} {{ template "footer" . }}{{ end }} +{{ replace "" "" ( 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 }}
+{{ end }} -{{define "tag"}} -# {{ .Title }} でタグ付いているページ -{{ range .Site.Pages.WithTag .Title }} -- [{{ .Title }}](../../{{ .Url }}) -{{ end }} -{{ end }} +{{ define "tag" }}

{{ .Title }} のタグが付いているページ

+{{ template "pagelist" .Site.Pages.WithTag .Title }}{{ end }} diff --git a/src/index.html b/src/index.html index 4c0ce2f..3f58bf4 100644 --- a/src/index.html +++ b/src/index.html @@ -1,9 +1,4 @@ title: トップページ ---- -

- ようこそ、あたしのウェブページへ!諏訪子です。 -

{{ range (((.Site.Pages.Children "blog/").Where "Url" "/$").WhereNot "Draft" "true") }} -
- {{ template "date" .Date }} - {{ .Title }} -
{{ end }} +

ようこそ、あたしのウェブページへ!諏訪子です。

+{{ 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; +}