commit a9eced51c04be965c96abb47fe0ffbf08fca9d9a parent dc26288b8766643c97bca8f1bfa2853aa10e9ca5 Author: Matsuda Kenji <ftvda283@gmail.com> Date: Fri, 19 Feb 2021 13:32:46 +0900 change style Diffstat:
29 files changed, 62 insertions(+), 286 deletions(-)
diff --git a/bin/update b/bin/update @@ -5,7 +5,9 @@ blog_dir=$script_dir/.. template=$blog_dir/templates/base.html page_dir=$blog_dir/pages post_dir=$blog_dir/posts -postls=$page_dir/postls +tmp=$blog_dir/tmp +postls=$tmp/postls +new_entries=$tmp/new_entries blind=$page_dir/blog_index.html www=$blog_dir/www static=$blog_dir/static @@ -19,11 +21,15 @@ ls -d $post_dir/* -1 | while read d; do done cat $postls | sort -r | awk 'BEGIN{print "<h2>日記</h2><ul>"}{printf "<li>[%s]<a href=\"/posts/%s/content.html\">%s</a></li>\n",$3,$1,$2}END{print "</ul>"}' > $blind +cat $postls | sort -r | head -n5 | awk '{printf "<li>[%s]<a href=\"/posts/%s/content.html\">%s</a></li>\n",$3,$1,$2}END{print "</ul>"}' > $new_entries for page in $blog_dir/pages/*.html; do sed -n "/<!--content-->/!p; /<!--content-->/r $page" $template > \ $www/pages/`basename $page` done +sed -i -n "/<!--entries-->/!p; /<!--entries-->/r $new_entries" $www/pages/index.html +mv $www/pages/index.html $www/ + find pages/* | grep -v -e .html$ -e postls | xargs -I% cp % $www/pages/ for post in $blog_dir/posts/*/content.html; do diff --git a/pages/index.html b/pages/index.html @@ -1,4 +1,3 @@ -<h1>はつかぜのホームページ</h1> <p><img src="/pages/icon.svg" alt="似顔絵" width="200" style="background-color: white;"></p> <p> @@ -6,7 +5,7 @@ </p> <p> -<h2>更新情報</h2> - +<h2>ブログ</h2> +<!--entries--> +<a href=/pages/blog_index.html>全記事</a> </p> - diff --git a/pages/postls b/pages/postls @@ -1,19 +0,0 @@ -20200719-first-post 最初の投稿 20200719 -20200723-html-post 多少体裁を整えました 20200723 -20200725-simple-website Django使うのやめようかな 20200725 -20200727-daily-routine けの日 20200727 -20200801-django-fired Djangoやめました 20200801 -20200802-todays-dinner 今日の一汁一菜 20200802 -20200804-test-from-local-machine localからの投稿テスト 20200804 -20200808-fridge-and-rich-life 冷蔵庫と豊かな生活 20200808 -20200917-python-fired pythonやめました 20200917 -20200918-my-job 仕事 20200918 -20200919-factory-tour 工場見学 20200919 -20200925-rsync-test rsyncによる投稿テスト 20200925 -20200926-ssl SSLに対応しました。 20200926 -20201003-what-to-do 何をして生きようか 20201003 -20201201-hatake 畑をさせてもらえることになった。 20201201 -20201202-tamanegi たまねぎを植た 20201202 -20201209-hatake 畝を繋げた 20201209 -20201210-komatsuna 小松菜の種蒔き 20201210 -20210106-x220-test x220から投稿テスト 20210107 diff --git a/static/base.css b/static/base.css @@ -1,58 +1,36 @@ html { - padding-left: 10px; - padding-right: 10px; - min-height: 100vh; - display: flex; + background-color: #1b1b1b; } a { color: #38b48b; + text-decoration: none; } body { - flex-grow: 1; - background-color: #1b1b1b; color: white; - display: flex; - flex-direction: column; - margin-left: auto; - margin-right: auto; + max-width: 1500px; + margin: auto 5px; } header { - margin: 5px; - padding: 5px; background-color: #2b2b2b; + max-width: 1300px; + margin: 5px auto; + padding: 5px; } - header p{ - text-align: right; - } - header ul { - display: flex; - justify-content: space-around; - flex-wrap: wrap; - padding: 0; - margin: 0; - } - header li { - } - header a{ - background-color: #333333; - text-decoration: none; - flex: 1; - margin: 7px; - list-style: none; - text-align: center; + header > * { + max-width: 1100px; + margin: 5px auto; } main { - flex-grow: 1; - margin: 5px; - padding: 5px; background-color: #2b2b2b; + max-width: 1300px; + margin: 5px auto; + padding: 5px; } main > article{ - background-color: #2b2b2b; - margin: 5px; - flex: 1; + max-width: 1100px; + margin: 5px auto; } diff --git a/templates/base.html b/templates/base.html @@ -8,11 +8,9 @@ </head> <body> <header> - <h1>吾唯知足</h1> + <h1><a href=/>はつかぜ</a></h1> <nav> <ul> - <a href='/'><li>Home</li></a> - <a href='/pages/blog_index.html'><li>Blog</li></a> </ul> </nav> </header> diff --git a/www/pages/404.html b/www/pages/404.html @@ -8,11 +8,9 @@ </head> <body> <header> - <h1>吾唯知足</h1> + <h1><a href=/>はつかぜ</a></h1> <nav> <ul> - <a href='/'><li>Home</li></a> - <a href='/pages/blog_index.html'><li>Blog</li></a> </ul> </nav> </header> diff --git a/www/pages/about.html b/www/pages/about.html @@ -8,11 +8,9 @@ </head> <body> <header> - <h1>吾唯知足</h1> + <h1><a href=/>はつかぜ</a></h1> <nav> <ul> - <a href='/'><li>Home</li></a> - <a href='/pages/blog_index.html'><li>Blog</li></a> </ul> </nav> </header> diff --git a/www/pages/blog_index.html b/www/pages/blog_index.html @@ -8,11 +8,9 @@ </head> <body> <header> - <h1>吾唯知足</h1> + <h1><a href=/>はつかぜ</a></h1> <nav> <ul> - <a href='/'><li>Home</li></a> - <a href='/pages/blog_index.html'><li>Blog</li></a> </ul> </nav> </header> diff --git a/www/pages/index.html b/www/pages/index.html @@ -1,37 +0,0 @@ -<!DOCTYPE html> -<html lang="ja"> -<head> - <meta charset="utf-8" /> - <meta name="viewport" content="width=device-width,initial-scale=1" /> - <link rel="stylesheet" type="text/css" href="/static/base.css" /> - <title>吾唯知足</title> -</head> -<body> - <header> - <h1>吾唯知足</h1> - <nav> - <ul> - <a href='/'><li>Home</li></a> - <a href='/pages/blog_index.html'><li>Blog</li></a> - </ul> - </nav> - </header> - <main> - <article> -<h1>はつかぜのホームページ</h1> -<p><img src="/pages/icon.svg" alt="似顔絵" width="200" style="background-color: white;"></p> - -<p> -<h2>自己紹介</h2> -</p> - -<p> -<h2>更新情報</h2> - -</p> - - </article> - - </main> -</body> -</html> diff --git a/www/posts/20200719-first-post/content.html b/www/posts/20200719-first-post/content.html @@ -8,11 +8,9 @@ </head> <body> <header> - <h1>吾唯知足</h1> + <h1><a href=/>はつかぜ</a></h1> <nav> <ul> - <a href='/'><li>Home</li></a> - <a href='/pages/blog_index.html'><li>Blog</li></a> </ul> </nav> </header> diff --git a/www/posts/20200723-html-post/content.html b/www/posts/20200723-html-post/content.html @@ -8,11 +8,9 @@ </head> <body> <header> - <h1>吾唯知足</h1> + <h1><a href=/>はつかぜ</a></h1> <nav> <ul> - <a href='/'><li>Home</li></a> - <a href='/pages/blog_index.html'><li>Blog</li></a> </ul> </nav> </header> diff --git a/www/posts/20200725-simple-website/content.html b/www/posts/20200725-simple-website/content.html @@ -8,11 +8,9 @@ </head> <body> <header> - <h1>吾唯知足</h1> + <h1><a href=/>はつかぜ</a></h1> <nav> <ul> - <a href='/'><li>Home</li></a> - <a href='/pages/blog_index.html'><li>Blog</li></a> </ul> </nav> </header> diff --git a/www/posts/20200727-daily-routine/content.html b/www/posts/20200727-daily-routine/content.html @@ -8,11 +8,9 @@ </head> <body> <header> - <h1>吾唯知足</h1> + <h1><a href=/>はつかぜ</a></h1> <nav> <ul> - <a href='/'><li>Home</li></a> - <a href='/pages/blog_index.html'><li>Blog</li></a> </ul> </nav> </header> diff --git a/www/posts/20200801-django-fired/content.html b/www/posts/20200801-django-fired/content.html @@ -8,11 +8,9 @@ </head> <body> <header> - <h1>吾唯知足</h1> + <h1><a href=/>はつかぜ</a></h1> <nav> <ul> - <a href='/'><li>Home</li></a> - <a href='/pages/blog_index.html'><li>Blog</li></a> </ul> </nav> </header> diff --git a/www/posts/20200802-todays-dinner/content.html b/www/posts/20200802-todays-dinner/content.html @@ -1,85 +0,0 @@ -<!DOCTYPE html> -<html lang="ja"> -<head> - <meta charset="utf-8" /> - <meta name="viewport" content="width=device-width,initial-scale=1" /> - <link rel="stylesheet" type="text/css" href="/static/base.css" /> - <title>吾唯知足</title> -</head> -<body> - <header> - <h1>吾唯知足</h1> - <nav> - <ul> - <a href='/'><li>Home</li></a> - <a href='/pages/blog_index.html'><li>Blog</li></a> - </ul> - </nav> - </header> - <main> - <article> -<section> - <h3>今日の一汁一菜</h3> - <p> - 今日の夕飯は切り干し大根とザワークラウトの味噌汁に - すりごまをまぶしたもの、 - かぼちゃを蒸して豆腐のそぼろをちらしたもの、 - そしてきゅうりと茄子の浅漬。 - </p> - <p> - 切り干し大根というものを初めて食べたがこれがなかなか美味しかった。 - 細切りにしてザルに広げ一日外に置いておいただけであるが、旨味が - 凝縮される上に食感もコリコリと面白くなる。 - </p> - <p> - 大根の相手は6月の中頃に漬け込んだザワークラウトである。 - 乳酸の酸味が熱い体に染み渡る。 - </p> - <p> - 味噌を溶いて椀に注いだら、最後に煎りごまをすって入れる。 - 酸味とごまは相性が抜群である。 - </p> -</section> -<section> - <h3>野菜を干す</h3> - <p> - しばらく前に冷蔵庫の電源を落とした。 - 発酵食品ばかり仕込んでいたので冷蔵庫の中がスカスカになり、 - 冷蔵庫は不要なのではないかと考えていた。 - そんなある時とうとう空っぽになったので、これを期に - 冷蔵庫なしの生活を試してみようと考えたのだ。 - </p> - <p> - しかし一人暮らしなので、一食で野菜をまるまる使い切ることはあまりいない。 - 使いかけの野菜はどうしても出る。 - ぬか床に忍ばせたり塩漬けにしたりいろいろ工夫した。 - そのうちの一つが干すということである。 - 梅干しを作るために買ってきた竹のザルが二枚あったので、 - 余った野菜を適当に切って並べ、梅雨明けの晴天に - 晒してみた。 - </p> - <p> - この干し野菜がどれもこれも美味しいのには感動した。 - 冷蔵庫のはしっこでしんなりした野菜とは大違いである。 - </p> -</section> -<section> - <h3>当たり前？</h3> - <p> - 昔の人たちは当たり前のように行っていた干すという保存法。 - それをすっかり忘れ、冷蔵庫を家に置くことが常識と化している。 - 大学に進学して一人暮らしを始めるにあたり、なんの疑問も持たず - 冷蔵庫を購入したのが懐かしい。 - 冷蔵庫だけではなく、洗濯機や電子レンジも同じである。 - そういえばテレビは買わなかったが… - </P> - <p> - 当たり前という感覚を捨て、本当の豊かさを考えたい今日この頃。 - 冷蔵庫を捨てる日は近いか。 - </p> -</section> - </article> - - </main> -</body> -</html> diff --git a/www/posts/20200804-test-from-local-machine/content.html b/www/posts/20200804-test-from-local-machine/content.html @@ -8,11 +8,9 @@ </head> <body> <header> - <h1>吾唯知足</h1> + <h1><a href=/>はつかぜ</a></h1> <nav> <ul> - <a href='/'><li>Home</li></a> - <a href='/pages/blog_index.html'><li>Blog</li></a> </ul> </nav> </header> diff --git a/www/posts/20200808-fridge-and-rich-life/content.html b/www/posts/20200808-fridge-and-rich-life/content.html @@ -8,11 +8,9 @@ </head> <body> <header> - <h1>吾唯知足</h1> + <h1><a href=/>はつかぜ</a></h1> <nav> <ul> - <a href='/'><li>Home</li></a> - <a href='/pages/blog_index.html'><li>Blog</li></a> </ul> </nav> </header> diff --git a/www/posts/20200917-python-fired/content.html b/www/posts/20200917-python-fired/content.html @@ -8,11 +8,9 @@ </head> <body> <header> - <h1>吾唯知足</h1> + <h1><a href=/>はつかぜ</a></h1> <nav> <ul> - <a href='/'><li>Home</li></a> - <a href='/pages/blog_index.html'><li>Blog</li></a> </ul> </nav> </header> diff --git a/www/posts/20200918-my-job/content.html b/www/posts/20200918-my-job/content.html @@ -8,11 +8,9 @@ </head> <body> <header> - <h1>吾唯知足</h1> + <h1><a href=/>はつかぜ</a></h1> <nav> <ul> - <a href='/'><li>Home</li></a> - <a href='/pages/blog_index.html'><li>Blog</li></a> </ul> </nav> </header> diff --git a/www/posts/20200919-factory-tour/content.html b/www/posts/20200919-factory-tour/content.html @@ -8,11 +8,9 @@ </head> <body> <header> - <h1>吾唯知足</h1> + <h1><a href=/>はつかぜ</a></h1> <nav> <ul> - <a href='/'><li>Home</li></a> - <a href='/pages/blog_index.html'><li>Blog</li></a> </ul> </nav> </header> diff --git a/www/posts/20200925-rsync-test/content.html b/www/posts/20200925-rsync-test/content.html @@ -8,11 +8,9 @@ </head> <body> <header> - <h1>吾唯知足</h1> + <h1><a href=/>はつかぜ</a></h1> <nav> <ul> - <a href='/'><li>Home</li></a> - <a href='/pages/blog_index.html'><li>Blog</li></a> </ul> </nav> </header> diff --git a/www/posts/20200926-ssl/content.html b/www/posts/20200926-ssl/content.html @@ -8,11 +8,9 @@ </head> <body> <header> - <h1>吾唯知足</h1> + <h1><a href=/>はつかぜ</a></h1> <nav> <ul> - <a href='/'><li>Home</li></a> - <a href='/pages/blog_index.html'><li>Blog</li></a> </ul> </nav> </header> diff --git a/www/posts/20201003-what-to-do/content.html b/www/posts/20201003-what-to-do/content.html @@ -8,11 +8,9 @@ </head> <body> <header> - <h1>吾唯知足</h1> + <h1><a href=/>はつかぜ</a></h1> <nav> <ul> - <a href='/'><li>Home</li></a> - <a href='/pages/blog_index.html'><li>Blog</li></a> </ul> </nav> </header> diff --git a/www/posts/20201201-hatake/content.html b/www/posts/20201201-hatake/content.html @@ -8,11 +8,9 @@ </head> <body> <header> - <h1>吾唯知足</h1> + <h1><a href=/>はつかぜ</a></h1> <nav> <ul> - <a href='/'><li>Home</li></a> - <a href='/pages/blog_index.html'><li>Blog</li></a> </ul> </nav> </header> diff --git a/www/posts/20201202-tamanegi/content.html b/www/posts/20201202-tamanegi/content.html @@ -8,11 +8,9 @@ </head> <body> <header> - <h1>吾唯知足</h1> + <h1><a href=/>はつかぜ</a></h1> <nav> <ul> - <a href='/'><li>Home</li></a> - <a href='/pages/blog_index.html'><li>Blog</li></a> </ul> </nav> </header> diff --git a/www/posts/20201209-hatake/content.html b/www/posts/20201209-hatake/content.html @@ -8,11 +8,9 @@ </head> <body> <header> - <h1>吾唯知足</h1> + <h1><a href=/>はつかぜ</a></h1> <nav> <ul> - <a href='/'><li>Home</li></a> - <a href='/pages/blog_index.html'><li>Blog</li></a> </ul> </nav> </header> diff --git a/www/posts/20201210-komatsuna/content.html b/www/posts/20201210-komatsuna/content.html @@ -8,11 +8,9 @@ </head> <body> <header> - <h1>吾唯知足</h1> + <h1><a href=/>はつかぜ</a></h1> <nav> <ul> - <a href='/'><li>Home</li></a> - <a href='/pages/blog_index.html'><li>Blog</li></a> </ul> </nav> </header> diff --git a/www/posts/20210106-x220-test/content.html b/www/posts/20210106-x220-test/content.html @@ -8,11 +8,9 @@ </head> <body> <header> - <h1>吾唯知足</h1> + <h1><a href=/>はつかぜ</a></h1> <nav> <ul> - <a href='/'><li>Home</li></a> - <a href='/pages/blog_index.html'><li>Blog</li></a> </ul> </nav> </header> diff --git a/www/static/base.css b/www/static/base.css @@ -1,58 +1,36 @@ html { - padding-left: 10px; - padding-right: 10px; - min-height: 100vh; - display: flex; + background-color: #1b1b1b; } a { color: #38b48b; + text-decoration: none; } body { - flex-grow: 1; - background-color: #1b1b1b; color: white; - display: flex; - flex-direction: column; - margin-left: auto; - margin-right: auto; + max-width: 1500px; + margin: auto 5px; } header { - margin: 5px; - padding: 5px; background-color: #2b2b2b; + max-width: 1300px; + margin: 5px auto; + padding: 5px; } - header p{ - text-align: right; - } - header ul { - display: flex; - justify-content: space-around; - flex-wrap: wrap; - padding: 0; - margin: 0; - } - header li { - } - header a{ - background-color: #333333; - text-decoration: none; - flex: 1; - margin: 7px; - list-style: none; - text-align: center; + header > * { + max-width: 1100px; + margin: 5px auto; } main { - flex-grow: 1; - margin: 5px; - padding: 5px; background-color: #2b2b2b; + max-width: 1300px; + margin: 5px auto; + padding: 5px; } main > article{ - background-color: #2b2b2b; - margin: 5px; - flex: 1; + max-width: 1100px; + margin: 5px auto; }