commit ae3d8ef4ff0e407ac51f6c34cae43a18471a15e7 Author: Matsuda Kenji <ftvda283@gmail.com> Date: Mon, 8 Feb 2021 15:39:52 +0900 first commit Diffstat:
| A | LICENSE | | | 21 | +++++++++++++++++++++ |
| A | README.md | | | 2 | ++ |
| A | bin/update | | | 35 | +++++++++++++++++++++++++++++++++++ |
| A | pages/404.html | | | 1 | + |
| A | pages/about.html | | | 27 | +++++++++++++++++++++++++++ |
| A | pages/blog_index.html | | | 21 | +++++++++++++++++++++ |
| A | pages/icon.svg | | | 161 | +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ |
| A | pages/index.html | | | 12 | ++++++++++++ |
| A | pages/postls | | | 4 | ++++ |
| A | posts/20200719-first-post/content.html | | | 6 | ++++++ |
| A | posts/20200719-first-post/info | | | 2 | ++ |
| A | posts/20200723-html-post/content.html | | | 24 | ++++++++++++++++++++++++ |
| A | posts/20200723-html-post/info | | | 2 | ++ |
| A | posts/20200725-simple-website/content.html | | | 56 | ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ |
| A | posts/20200725-simple-website/info | | | 2 | ++ |
| A | posts/20200727-daily-routine/content.html | | | 44 | ++++++++++++++++++++++++++++++++++++++++++++ |
| A | posts/20200727-daily-routine/info | | | 2 | ++ |
| A | posts/20200801-django-fired/content.html | | | 25 | +++++++++++++++++++++++++ |
| A | posts/20200801-django-fired/info | | | 2 | ++ |
| A | posts/20200802-todays-dinner/content.html | | | 60 | ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ |
| A | posts/20200802-todays-dinner/info | | | 2 | ++ |
| A | posts/20200804-test-from-local-machine/content.html | | | 10 | ++++++++++ |
| A | posts/20200804-test-from-local-machine/info | | | 2 | ++ |
| A | posts/20200808-fridge-and-rich-life/content.html | | | 239 | +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ |
| A | posts/20200808-fridge-and-rich-life/info | | | 2 | ++ |
| A | posts/20200917-python-fired/content.html | | | 9 | +++++++++ |
| A | posts/20200917-python-fired/info | | | 2 | ++ |
| A | posts/20200918-my-job/content.html | | | 34 | ++++++++++++++++++++++++++++++++++ |
| A | posts/20200918-my-job/info | | | 2 | ++ |
| A | posts/20200919-factory-tour/content.html | | | 57 | +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ |
| A | posts/20200919-factory-tour/info | | | 2 | ++ |
| A | posts/20200925-rsync-test/content.html | | | 2 | ++ |
| A | posts/20200925-rsync-test/info | | | 2 | ++ |
| A | posts/20200926-ssl/content.html | | | 6 | ++++++ |
| A | posts/20200926-ssl/info | | | 2 | ++ |
| A | posts/20201003-what-to-do/content.html | | | 116 | +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ |
| A | posts/20201003-what-to-do/info | | | 2 | ++ |
| A | posts/20201201-hatake/content.html | | | 14 | ++++++++++++++ |
| A | posts/20201201-hatake/info | | | 2 | ++ |
| A | posts/20201202-tamanegi/content.html | | | 10 | ++++++++++ |
| A | posts/20201202-tamanegi/info | | | 2 | ++ |
| A | posts/20201209-hatake/content.html | | | 13 | +++++++++++++ |
| A | posts/20201209-hatake/info | | | 2 | ++ |
| A | posts/20201210-komatsuna/content.html | | | 17 | +++++++++++++++++ |
| A | posts/20201210-komatsuna/info | | | 2 | ++ |
| A | posts/20210106-x220-test/content.html | | | 36 | ++++++++++++++++++++++++++++++++++++ |
| A | posts/20210106-x220-test/info | | | 2 | ++ |
| A | static/base.css | | | 58 | ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ |
| A | templates/base.html | | | 26 | ++++++++++++++++++++++++++ |
| A | www/pages/404.html | | | 26 | ++++++++++++++++++++++++++ |
| A | www/pages/about.html | | | 52 | ++++++++++++++++++++++++++++++++++++++++++++++++++++ |
| A | www/pages/blog_index.html | | | 46 | ++++++++++++++++++++++++++++++++++++++++++++++ |
| A | www/pages/icon.svg | | | 161 | +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ |
| A | www/pages/index.html | | | 37 | +++++++++++++++++++++++++++++++++++++ |
| A | www/posts/20200719-first-post/content.html | | | 31 | +++++++++++++++++++++++++++++++ |
| A | www/posts/20200723-html-post/content.html | | | 49 | +++++++++++++++++++++++++++++++++++++++++++++++++ |
| A | www/posts/20200725-simple-website/content.html | | | 81 | +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ |
| A | www/posts/20200727-daily-routine/content.html | | | 69 | +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ |
| A | www/posts/20200801-django-fired/content.html | | | 50 | ++++++++++++++++++++++++++++++++++++++++++++++++++ |
| A | www/posts/20200802-todays-dinner/content.html | | | 85 | +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ |
| A | www/posts/20200804-test-from-local-machine/content.html | | | 35 | +++++++++++++++++++++++++++++++++++ |
| A | www/posts/20200808-fridge-and-rich-life/content.html | | | 264 | +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ |
| A | www/posts/20200917-python-fired/content.html | | | 34 | ++++++++++++++++++++++++++++++++++ |
| A | www/posts/20200918-my-job/content.html | | | 59 | +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ |
| A | www/posts/20200919-factory-tour/content.html | | | 82 | +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ |
| A | www/posts/20200925-rsync-test/content.html | | | 27 | +++++++++++++++++++++++++++ |
| A | www/posts/20200926-ssl/content.html | | | 31 | +++++++++++++++++++++++++++++++ |
| A | www/posts/20201003-what-to-do/content.html | | | 141 | +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ |
| A | www/posts/20201201-hatake/content.html | | | 39 | +++++++++++++++++++++++++++++++++++++++ |
| A | www/posts/20201202-tamanegi/content.html | | | 35 | +++++++++++++++++++++++++++++++++++ |
| A | www/posts/20201209-hatake/content.html | | | 38 | ++++++++++++++++++++++++++++++++++++++ |
| A | www/posts/20201210-komatsuna/content.html | | | 42 | ++++++++++++++++++++++++++++++++++++++++++ |
| A | www/posts/20210106-x220-test/content.html | | | 61 | +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ |
| A | www/static/base.css | | | 58 | ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ |
74 files changed, 2817 insertions(+), 0 deletions(-)
diff --git a/LICENSE b/LICENSE @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2020 Kenji Matsuda + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/README.md b/README.md @@ -0,0 +1,2 @@ +# kagero +minimal cgi cms written in bash script. diff --git a/bin/update b/bin/update @@ -0,0 +1,35 @@ +#!/bin/bash + +script_dir=$(cd $(dirname $0); pwd) +blog_dir=$script_dir/.. +template=$blog_dir/templates/base.html +page_dir=$blog_dir/pages +post_dir=$blog_dir/posts +postls=$page_dir/postls +blind=$page_dir/blog_index.html +www=$blog_dir/www +static=$blog_dir/static + +[ -e $postls ] && rm $postls +ls -d $post_dir/* -1 | while read d; do + cat $d/info | + tr '\n' ' ' | + sed 's/\ $/\n/' | + sed "s/^/$( basename $d )\ /" >> $postls +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 + +for page in $blog_dir/pages/*.html; do +sed -n "/<!--content-->/!p; /<!--content-->/r $page" $template > \ +$www/pages/`basename $page` +done +find pages/* | grep -v -e .html$ -e postls | xargs -I% cp % $www/pages/ + +for post in $blog_dir/posts/*/content.html; do +mkdir -p $(dirname $www/posts/${post#*posts/}) +sed -n "/<!--content-->/!p; /<!--content-->/r $post" $template > \ +$www/posts/${post#*posts/} +done + +rsync -a --delete $static/ $www/static diff --git a/pages/404.html b/pages/404.html @@ -0,0 +1 @@ +<h1>404 Not Found</h1> diff --git a/pages/about.html b/pages/about.html @@ -0,0 +1,27 @@ +<h3>自己紹介</h3> +<p><img src="/pages/icon.svg" alt="似顔絵" width="100"></p> +<p>はじめまして。はつかぜと申します。<br> + 横浜の工場に勤めています。</p> + +<p> + 日々考えていることを記しておきたいと思い、このサイトを立ち上げました。 +</p> + +<h3>好きなもの</h3> +<ul> + <li>発酵食品、和食</li> + <li>珈琲</li> + <li>伝統</li> + <li>森、山</li> + <li>自転車</li> +</ul> +<h3>嫌いなもの</h3> +<ul> + <li>余計な音楽、音</li> + <li>スーパーマーケット</li> + <li>寒さ</li> + <li>テレビ</li> + <li>無駄な表示、標識</li> + <li>和モダン</li> + <li>努力</li> +</ul> diff --git a/pages/blog_index.html b/pages/blog_index.html @@ -0,0 +1,21 @@ +<h2>日記</h2><ul> +<li>[20210107]<a href="/posts/20210106-x220-test/content.html">x220から投稿テスト</a></li> +<li>[20201210]<a href="/posts/20201210-komatsuna/content.html">小松菜の種蒔き</a></li> +<li>[20201209]<a href="/posts/20201209-hatake/content.html">畝を繋げた</a></li> +<li>[20201202]<a href="/posts/20201202-tamanegi/content.html">たまねぎを植た</a></li> +<li>[20201201]<a href="/posts/20201201-hatake/content.html">畑をさせてもらえることになった。</a></li> +<li>[20201003]<a href="/posts/20201003-what-to-do/content.html">何をして生きようか</a></li> +<li>[20200926]<a href="/posts/20200926-ssl/content.html">SSLに対応しました。</a></li> +<li>[20200925]<a href="/posts/20200925-rsync-test/content.html">rsyncによる投稿テスト</a></li> +<li>[20200919]<a href="/posts/20200919-factory-tour/content.html">工場見学</a></li> +<li>[20200918]<a href="/posts/20200918-my-job/content.html">仕事</a></li> +<li>[20200917]<a href="/posts/20200917-python-fired/content.html">pythonやめました</a></li> +<li>[20200808]<a href="/posts/20200808-fridge-and-rich-life/content.html">冷蔵庫と豊かな生活</a></li> +<li>[20200804]<a href="/posts/20200804-test-from-local-machine/content.html">localからの投稿テスト</a></li> +<li>[20200802]<a href="/posts/20200802-todays-dinner/content.html">今日の一汁一菜</a></li> +<li>[20200801]<a href="/posts/20200801-django-fired/content.html">Djangoやめました</a></li> +<li>[20200727]<a href="/posts/20200727-daily-routine/content.html">けの日</a></li> +<li>[20200725]<a href="/posts/20200725-simple-website/content.html">Django使うのやめようかな</a></li> +<li>[20200723]<a href="/posts/20200723-html-post/content.html">多少体裁を整えました</a></li> +<li>[20200719]<a href="/posts/20200719-first-post/content.html">最初の投稿</a></li> +</ul> diff --git a/pages/icon.svg b/pages/icon.svg @@ -0,0 +1,161 @@ +<?xml version="1.0" standalone="no"?> +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" + "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd"> +<svg version="1.0" xmlns="http://www.w3.org/2000/svg" + width="400.000000pt" height="400.000000pt" viewBox="0 0 400.000000 400.000000" + preserveAspectRatio="xMidYMid meet"> + +<g transform="translate(0.000000,400.000000) scale(0.100000,-0.100000)" +fill="#000000" stroke="none"> +<path d="M1869 3763 c-43 -42 -79 -84 -79 -94 0 -25 -57 -64 -73 -51 -7 6 -18 +7 -25 3 -10 -6 -9 -13 5 -30 19 -23 19 -23 56 -4 20 10 37 23 37 28 0 6 9 16 +20 23 11 7 20 19 20 28 0 9 28 42 61 74 60 56 62 57 90 43 16 -8 33 -12 39 -8 +5 3 10 3 10 -2 0 -10 -92 -93 -102 -93 -5 0 -8 -4 -8 -9 0 -17 91 -6 101 12 5 +9 24 23 42 31 67 30 76 30 118 -4 40 -32 145 -80 174 -80 8 0 23 -17 32 -37 +19 -40 63 -60 63 -29 0 33 30 14 72 -46 24 -34 62 -76 84 -93 65 -47 79 -83 +77 -187 -2 -62 1 -87 8 -82 8 4 9 -1 4 -16 -5 -15 -3 -20 3 -16 6 3 13 2 17 +-4 3 -5 2 -10 -4 -10 -6 0 -8 -7 -4 -16 4 -11 8 -12 13 -4 5 8 9 7 14 -5 9 +-24 8 -27 -6 -19 -7 5 -9 2 -5 -8 48 -127 63 -279 32 -338 -15 -28 -14 -30 4 +-30 15 0 27 14 41 45 18 39 20 57 14 123 -7 91 -29 176 -49 192 -8 7 -15 17 +-15 22 0 5 -9 29 -20 53 -16 34 -18 53 -12 82 10 48 -2 166 -17 171 -6 2 -11 +9 -11 15 0 7 -19 26 -41 42 -47 34 -107 105 -89 105 16 0 90 -53 121 -87 59 +-65 103 -158 144 -308 9 -33 28 -95 41 -138 25 -81 30 -117 16 -117 -4 0 -15 +-13 -25 -29 -25 -43 1 -47 41 -6 39 39 40 57 6 171 -14 49 -36 126 -49 172 +-53 190 -140 308 -278 375 -42 21 -77 42 -77 47 0 6 -18 10 -40 10 -22 0 -48 +4 -58 10 -9 5 -51 23 -93 40 -42 17 -87 42 -99 55 -13 14 -38 27 -56 31 -18 3 +-35 12 -38 20 -4 10 -22 14 -61 14 -30 0 -55 4 -55 8 0 5 -12 14 -26 21 -24 +11 -30 7 -105 -66z"/> +<path d="M1430 3713 c-19 -9 -51 -23 -70 -32 -70 -29 -88 -62 -52 -94 21 -19 +58 -22 67 -6 4 6 -2 13 -14 16 -12 3 -21 13 -21 22 0 22 127 81 174 81 75 0 +120 -101 59 -130 -40 -18 -10 -26 39 -9 33 11 38 16 33 33 -4 12 -9 33 -12 49 +-3 15 -9 27 -14 27 -5 0 -9 6 -9 14 0 20 -62 46 -107 45 -21 0 -54 -8 -73 -16z"/> +<path d="M963 3583 c-100 -81 -129 -119 -157 -213 -10 -30 -21 -63 -26 -72 -9 +-15 -32 -91 -62 -203 -6 -22 -29 -89 -51 -150 -37 -105 -39 -113 -31 -176 5 +-37 6 -77 3 -90 -4 -13 -7 -59 -8 -101 -1 -62 2 -78 14 -78 11 0 15 17 17 73 +3 66 4 70 15 45 7 -16 17 -28 23 -28 15 0 12 57 -6 91 -8 17 -13 38 -10 46 14 +36 37 166 30 172 -4 3 -9 1 -11 -5 -2 -6 -10 -20 -18 -30 -13 -17 -14 -15 -3 +16 6 19 14 40 18 45 9 13 37 97 50 152 18 73 33 64 29 -18 -3 -61 -1 -74 11 +-74 19 0 38 70 39 141 1 52 12 71 64 100 43 25 48 26 65 12 17 -14 40 -18 45 +-8 4 9 -40 60 -52 60 -16 0 -70 -30 -114 -64 -21 -16 -41 -26 -44 -22 -4 3 4 +30 16 59 13 28 33 83 44 121 18 58 31 79 78 127 63 64 112 94 137 84 27 -12 +62 -14 62 -4 0 13 -55 39 -84 39 -14 0 -49 -20 -83 -47z"/> +<path d="M1133 3484 c-55 -27 -85 -61 -81 -92 2 -19 9 -28 26 -30 20 -3 22 0 +17 21 -5 19 0 30 25 50 41 35 85 42 139 23 24 -9 47 -13 52 -10 5 3 12 -2 15 +-10 7 -18 24 -22 24 -6 0 16 -117 70 -152 70 -18 0 -48 -8 -65 -16z"/> +<path d="M1420 2898 c1 -18 60 -82 88 -97 25 -13 52 -9 52 9 0 5 -7 10 -16 10 +-8 0 -34 20 -56 45 -40 44 -68 58 -68 33z"/> +<path d="M1830 2895 c0 -10 10 -15 31 -15 21 0 39 -9 58 -29 17 -18 35 -28 47 +-26 10 2 22 4 27 4 16 2 6 21 -11 21 -10 0 -31 14 -47 30 -22 23 -38 30 -67 +30 -27 0 -38 -4 -38 -15z"/> +<path d="M2070 2889 l-35 -20 48 5 c52 6 57 0 27 -34 -23 -27 -25 -40 -7 -40 +15 0 50 37 60 63 18 48 -31 61 -93 26z"/> +<path d="M1164 2867 c-6 -16 6 -38 68 -134 38 -59 53 -73 73 -73 16 0 25 6 25 +15 0 8 -6 15 -14 15 -8 0 -40 43 -71 95 -57 94 -71 108 -81 82z"/> +<path d="M1580 2865 c0 -9 18 -16 48 -20 26 -3 59 -9 75 -11 38 -8 34 12 -5 +24 -60 18 -118 21 -118 7z"/> +<path d="M2110 2653 c-57 -2 -88 -10 -130 -31 -50 -24 -90 -54 -90 -67 0 -9 +59 -5 64 4 12 18 141 50 188 46 29 -2 53 2 65 10 25 19 63 18 85 -1 15 -14 20 +-15 34 -3 15 12 14 15 -6 31 -23 19 -25 19 -210 11z"/> +<path d="M2713 2573 c-4 -10 3 -24 20 -39 15 -13 27 -29 27 -36 0 -9 -3 -9 +-10 2 -6 9 -10 10 -10 3 0 -6 7 -18 15 -27 9 -8 12 -22 8 -32 -4 -10 -2 -15 4 +-11 5 3 10 0 10 -8 0 -8 -4 -12 -8 -9 -31 19 -90 -247 -68 -304 8 -21 4 -37 +-22 -89 -18 -35 -29 -66 -26 -69 13 -13 33 5 58 52 23 44 26 60 27 165 1 84 5 +128 17 155 39 92 39 151 1 217 -31 52 -34 54 -43 30z"/> +<path d="M1068 2565 c-21 -8 -43 -19 -50 -25 -7 -6 -22 -17 -33 -25 -18 -12 +-18 -14 -3 -20 10 -4 31 0 48 8 24 12 44 14 100 6 38 -5 102 -13 142 -19 54 +-7 74 -6 80 3 5 8 10 4 14 -11 6 -19 11 -22 33 -17 31 8 38 14 43 40 3 21 7 +19 -127 55 -75 20 -83 20 -124 5 -39 -14 -46 -14 -61 0 -19 17 -15 17 -62 0z"/> +<path d="M2102 2458 c-26 -16 -50 -21 -103 -20 -38 0 -72 -4 -75 -9 -11 -18 +21 -51 61 -65 53 -18 90 -18 145 3 43 17 120 77 120 95 0 12 -34 10 -48 -4 -9 +-9 -16 -8 -30 5 -23 21 -29 20 -70 -5z"/> +<path d="M1579 2418 c0 -18 -3 -42 -5 -53 -3 -11 -6 -73 -7 -138 -2 -128 3 +-142 53 -131 44 10 150 67 150 81 0 21 -21 15 -70 -17 -47 -31 -95 -39 -102 +-17 -5 15 -1 83 10 192 9 90 6 115 -14 115 -9 0 -14 -12 -15 -32z"/> +<path d="M588 2353 c3 -46 14 -90 33 -135 34 -79 34 -79 10 -157 -16 -52 -17 +-62 -5 -72 19 -15 18 -16 43 65 26 86 26 90 -6 156 -17 37 -28 79 -32 130 -5 +66 -9 75 -27 78 -19 3 -20 -1 -16 -65z"/> +<path d="M2659 2398 c0 -2 -2 -22 -4 -46 -2 -24 -9 -50 -16 -58 -18 -22 4 -42 +24 -22 20 19 41 92 34 112 -5 13 -35 24 -38 14z"/> +<path d="M1200 2373 c-28 -12 -45 -13 -84 -6 -51 11 -111 4 -111 -12 0 -6 8 +-21 17 -35 14 -19 20 -22 30 -12 18 18 23 15 25 -14 2 -44 15 -49 98 -36 86 +14 103 22 133 68 27 41 27 44 2 44 -11 0 -20 5 -20 10 0 15 -50 11 -90 -7z +m-55 -85 c-18 -11 -35 -2 -35 17 0 12 5 12 25 3 22 -10 23 -13 10 -20z"/> +<path d="M782 2183 c-9 -39 -7 -58 8 -103 10 -30 17 -56 15 -58 -2 -2 -15 4 +-29 13 -24 16 -26 16 -32 0 -8 -21 2 -31 50 -48 46 -16 80 -62 56 -77 -30 -19 +-78 -11 -113 20 -60 52 -79 31 -28 -30 25 -30 34 -34 72 -34 24 0 58 2 74 5 +30 4 30 3 36 -51 12 -107 78 -212 179 -280 59 -40 90 -54 270 -123 172 -65 +211 -72 309 -57 45 8 81 18 81 23 0 4 -42 6 -95 4 -104 -6 -104 -6 -325 79 +-168 65 -198 82 -271 154 -78 78 -96 114 -109 216 -7 50 -16 85 -28 98 -19 21 +-47 77 -76 154 -12 31 -15 58 -10 93 5 40 4 49 -9 49 -10 0 -19 -16 -25 -47z"/> +<path d="M2477 2193 c-3 -4 -7 -48 -8 -98 -4 -82 -2 -90 15 -90 16 0 18 9 20 +87 0 53 -3 91 -10 98 -7 7 -14 8 -17 3z"/> +<path d="M2584 2175 c-6 -15 31 -75 46 -75 18 0 21 21 6 41 -8 12 -12 28 -9 +35 3 9 -2 14 -16 14 -12 0 -24 -7 -27 -15z"/> +<path d="M1955 1961 c-38 -9 -76 -20 -83 -25 -8 -4 -39 -12 -70 -17 -32 -4 +-93 -15 -137 -24 -44 -9 -93 -14 -110 -11 -16 3 -61 6 -99 7 -37 1 -93 10 +-122 20 -53 18 -88 16 -82 -3 7 -19 85 -39 198 -49 154 -15 144 -15 235 6 44 +10 97 19 118 21 21 2 52 11 69 20 16 9 51 18 77 21 25 2 50 9 56 14 5 5 20 9 +33 9 14 0 22 5 20 13 -6 17 -23 17 -103 -2z"/> +<path d="M2462 1848 c-12 -18 -36 -42 -54 -52 -18 -11 -38 -25 -45 -32 -7 -6 +-49 -22 -95 -34 -92 -24 -157 -61 -243 -136 -95 -82 -106 -94 -100 -104 7 -11 +38 11 128 91 67 60 148 104 215 118 88 18 200 88 228 142 18 35 18 39 0 39 -8 +0 -23 -15 -34 -32z"/> +<path d="M2337 1443 c-12 -11 -8 -83 8 -136 20 -70 31 -85 46 -70 9 9 9 22 -1 +55 -6 24 -17 69 -23 101 -10 55 -16 65 -30 50z"/> +<path d="M2755 1350 c-4 -6 11 -10 37 -11 24 0 52 -2 63 -4 11 -2 153 -6 315 +-9 316 -5 336 -7 414 -32 38 -13 67 -34 117 -84 66 -66 74 -80 164 -275 36 +-76 94 -233 100 -265 1 -8 9 -16 18 -18 40 -8 9 118 -75 298 -83 178 -104 215 +-155 270 -72 78 -152 117 -263 128 -123 13 -728 14 -735 2z"/> +<path d="M745 1261 c-112 -65 -183 -99 -245 -120 -36 -12 -74 -26 -85 -30 -83 +-37 -160 -80 -220 -123 -38 -27 -98 -63 -133 -80 -54 -26 -62 -33 -61 -56 0 +-15 3 -21 6 -14 3 8 24 22 47 32 40 19 96 50 106 60 3 3 43 30 90 61 81 53 +135 78 278 129 34 13 65 27 68 31 3 5 11 9 18 9 8 0 48 21 89 46 80 47 95 52 +140 39 33 -9 36 7 5 29 -31 22 -45 20 -103 -13z"/> +<path d="M1385 1248 c-8 -21 14 -110 32 -130 16 -18 43 -25 43 -10 0 4 -11 38 +-24 77 -24 69 -41 90 -51 63z"/> +<path d="M1180 1121 c0 -5 3 -11 8 -13 4 -1 22 -32 40 -69 42 -86 86 -126 207 +-189 94 -50 106 -54 186 -58 58 -3 109 1 157 12 39 9 89 16 111 16 113 0 379 +106 463 184 14 14 51 41 82 61 56 35 70 55 41 55 -18 0 -89 -45 -125 -79 -65 +-61 -221 -140 -325 -164 -111 -27 -327 -50 -410 -45 -73 5 -88 10 -169 56 +-110 62 -145 96 -187 178 -26 51 -37 64 -55 64 -13 0 -24 -4 -24 -9z"/> +<path d="M2339 932 c-20 -10 -42 -24 -50 -30 -65 -56 -238 -127 -389 -161 +-137 -30 -318 -31 -380 -2 -55 25 -73 26 -68 4 2 -9 28 -25 63 -39 54 -20 72 +-22 175 -17 159 7 303 36 425 86 56 23 160 79 195 106 19 14 48 28 65 31 18 3 +31 12 33 23 5 23 -23 22 -69 -1z"/> +<path d="M4 685 c3 -74 9 -112 25 -145 11 -25 21 -57 21 -72 0 -34 27 -38 32 +-5 3 22 -52 253 -72 298 -8 18 -9 -2 -6 -76z"/> +<path d="M1260 566 c-88 -25 -116 -46 -198 -151 -42 -54 -17 -162 51 -220 42 +-36 42 -36 134 -34 86 1 109 8 83 24 -5 3 -42 6 -82 7 -87 1 -116 18 -147 81 +-35 72 -29 106 30 175 38 46 63 65 97 76 63 22 92 20 167 -10 83 -33 125 -80 +125 -140 0 -44 -12 -60 -67 -88 -26 -13 -33 -23 -33 -47 0 -24 4 -30 18 -27 9 +2 18 12 20 24 2 12 21 30 47 44 73 40 83 102 30 182 -27 41 -87 76 -174 102 +-30 9 -55 16 -55 15 -1 0 -21 -6 -46 -13z"/> +<path d="M585 488 c4 -13 12 -66 17 -118 8 -66 17 -104 31 -123 25 -37 44 -22 +29 22 -6 17 -14 70 -18 118 -8 100 -16 123 -46 123 -17 0 -19 -4 -13 -22z"/> +<path d="M1166 461 c-3 -5 5 -29 19 -53 32 -55 31 -64 -5 -77 -32 -11 -49 -36 +-33 -52 6 -6 25 -4 52 6 54 19 50 20 61 -10 6 -17 17 -25 34 -25 13 0 30 -10 +39 -22 12 -19 18 -21 28 -11 10 10 9 20 -9 51 -15 28 -20 48 -16 74 6 34 5 35 +-24 30 -25 -3 -35 3 -72 47 -42 49 -63 61 -74 42z"/> +<path d="M1704 439 c-9 -15 6 -29 32 -29 30 0 30 -11 1 -47 -34 -40 -77 -117 +-77 -136 0 -31 19 -17 52 38 34 57 29 55 114 59 12 1 22 -16 34 -53 18 -52 32 +-71 58 -71 16 0 15 20 -3 44 -8 11 -15 28 -15 39 0 10 -17 52 -37 93 l-37 73 +-58 0 c-32 -1 -61 -5 -64 -10z m106 -64 c0 -8 -7 -15 -15 -15 -9 0 -12 6 -9 +15 4 8 10 15 15 15 5 0 9 -7 9 -15z"/> +<path d="M2262 428 c-52 -32 -82 -129 -48 -158 9 -7 40 -10 77 -9 60 3 63 2 +72 -24 5 -15 15 -27 23 -27 10 0 14 15 14 59 0 55 2 61 26 73 15 7 25 18 23 +23 -5 13 -78 6 -109 -11 -25 -13 -25 -13 -2 -14 24 0 29 -19 10 -38 -13 -13 +-104 -17 -112 -4 -12 19 18 98 47 125 35 32 26 34 -21 5z"/> +<path d="M2720 431 c-41 -10 -74 -21 -72 -27 2 -9 6 -10 36 -13 9 -1 16 -22 +21 -67 7 -68 19 -83 53 -69 9 4 34 9 54 10 44 4 58 11 58 31 0 10 -5 12 -14 7 +-18 -10 -106 -4 -106 7 0 8 42 22 70 24 8 1 15 8 15 16 0 16 -9 16 -62 5 -32 +-7 -33 -6 -33 24 0 29 2 31 38 31 20 0 44 5 52 10 13 9 13 11 0 20 -18 12 -16 +12 -110 -9z"/> +<path d="M2058 428 c-33 -12 -34 -18 -8 -41 27 -23 25 -43 -5 -72 -31 -27 -23 +-35 29 -30 44 4 51 9 40 27 -12 19 -15 96 -4 103 16 10 11 25 -7 24 -10 0 -30 +-5 -45 -11z"/> +<path d="M2471 406 c-8 -10 -9 -15 -1 -18 7 -2 12 -35 12 -83 1 -44 6 -83 11 +-86 4 -3 33 0 63 7 64 15 61 14 74 14 6 0 10 14 10 30 0 34 -14 39 -29 11 -11 +-20 -80 -34 -82 -16 -1 5 -2 42 -3 80 -2 62 -5 70 -23 73 -11 2 -25 -4 -32 +-12z"/> +</g> +</svg> diff --git a/pages/index.html b/pages/index.html @@ -0,0 +1,12 @@ +<h1>はつかぜのホームページ</h1> +<p><img src="/pages/icon.svg" alt="似顔絵" width="200" style="background-color: white;"></p> + +<p> +<h2>自己紹介</h2> +</p> + +<p> +<h2>更新情報</h2> + +</p> + diff --git a/pages/postls b/pages/postls @@ -0,0 +1,4 @@ +20200719-first-post 最初の投稿 20200719 +20200723-html-post 多少体裁を整えました 20200723 +20200725-simple-website Django使うのやめようかな 20200725 +20200727-daily-routine けの日 20200727 diff --git a/posts/20200719-first-post/content.html b/posts/20200719-first-post/content.html @@ -0,0 +1,6 @@ +とりあえずサイトの立ち上げが完了しました。最初の投稿です。 +まだhtmlは適当でcssは全く無いので味気ないサイトですがこれからいろいろといじっていければと思います。 + +この投稿も多分改行が反映されずに読みにくいものになるかと思いますが、記録として残しておきたいので書いておきます。 + +ただしdockerとpostgresqlのことがいまいちよくわかっていないので、間違ってデータベースごとけしてしまうかもしれません。まあそれはご愛嬌。 diff --git a/posts/20200719-first-post/info b/posts/20200719-first-post/info @@ -0,0 +1,2 @@ +最初の投稿 +20200719 diff --git a/posts/20200723-html-post/content.html b/posts/20200723-html-post/content.html @@ -0,0 +1,24 @@ +<section> +<h5>変更点</h5> +<p>とりあえず改行できなかったり装飾できなかったり不便なので、 +htmlで投稿できるように変更しました。</p> +<p>それからcssを作って多少見れるようにしました。</p> +</section> + +<section> +<h5>これから</h5> +<p>サイトのデザインですが、できるだけシンプルにしたいと考えています。 +モダンな感じのページは多いですが、視覚効果が多すぎるように感じます。 +本当に必要があってつけているのか、”いい感じ”だからつけているだけなのか… +</p> +<p> +必要なのは投稿の中身と、それから横には目次があると読みやすくなると思っています。 +サイドバーはそのために作っています。 +</p> +<p>あとは投稿の中に画像を埋め込みたいです。</p> +</section> + +<section> +<p>そういえばドメインを契約してDNSにIPアドレスを登録したのですが、丸3日たっても名前解決できません。 +いつになったらつながるのかな。</p> +</section> diff --git a/posts/20200723-html-post/info b/posts/20200723-html-post/info @@ -0,0 +1,2 @@ +多少体裁を整えました +20200723 diff --git a/posts/20200725-simple-website/content.html b/posts/20200725-simple-website/content.html @@ -0,0 +1,56 @@ +<p> +ホームページにも書いてあるとおり、このサイトはDjangoを使っている。 +しかしほとんど基本的な機能しか使わないのでここまで複雑で大きい +フレームワークを使う必要性は皆無である。 +全く使わない機能は結局習得することもないので、邪魔なだけだ。 +この程度のサイトであればもっとシンプルなもので作れそうだ。 +</p> + +<p> +半年ほど前にMacBookからOSXを消してLinux Mintに移行した。 +インターネットの回線に高額な料金を払うのが嫌で、一度すべて解約したのだが、 +OSXだとユーザーが何もしていなくてもバックグラウンドで大量の通信が +行われており、128kbpsでは何もできなくなったため、勝手に通信しない +Linuxに変えたのである。 +</p> + +<p> +ところがこのLinux Mint、というかデスクトップ環境のxfceには自分には全く必要の +ないアプリケーションが大量に入っているのである。もちろんOSXなんかより +圧倒的にましではあるが… +だんだん嫌になって、あまり考えずに片っ端から消していったら、 +なぜかはよくわからないが起動しなくなってしまった。 +これが確か今年の５月ごろだっただろうか。 +</p> + +<p> +丁度いい機会なのでLinuxの中でも何もない方であるArchのインストールを +試みることにした。 +過去にも何度か挑戦して、そのたびによくわからずに諦めていたが、 +今はパソコンを仕事などでも使っていないということもあり、落ち着いて +ドキュメントを読みながら進めると案外あっさりインストールできてしまった。 +</p> + +<p> +非常に快適である。 +</p> + +<p> +最近携帯を買い替え、人生で初めてAndroidというものを触ったが、 +これもかなり不要なものが入っていて不愉快だ。 +シャープお手製のよくわからないものは案外控えめだったが、 +キャリアである楽天関係のアプリに加え、Googleのアプリケーションが +大量にインストールされている上、それらはさも当たり前のように僕の +個人情報を要求するのである。 +</p> + +<p> +不必要な"便利さ"のためにただで情報を収集する。 +"最大限の便利さ"を提供することが正義で、そのためにはプライバシーを +犠牲にしてもいいと思っている。 +余計なお世話だ。 +</p> + +<p> +このページももっと軽い感じにしたいな。 +</p> diff --git a/posts/20200725-simple-website/info b/posts/20200725-simple-website/info @@ -0,0 +1,2 @@ +Django使うのやめようかな +20200725 diff --git a/posts/20200727-daily-routine/content.html b/posts/20200727-daily-routine/content.html @@ -0,0 +1,44 @@ +<section class="introduction"> +<p>普段の生活を少しばかり記録しておこうと思う。</p> +<p>社会人一年目の7月の終わり頃の生活である。</p> +</section> + +<section class="morning"> +<p> +朝はだいたい四時から四時半には目が覚める。 +ちょうど日の出と同じ頃である。 +前日はだいたい九時半頃布団に潜るので睡眠時間は七時間といったところである。 +本当は八時間寝たほうがいいと思っていたが、七時間で自然と目が覚めるので自分には +このくらいがあっているようだ。 +</p> +<p> +朝日を眺めながら米を火にかけ、余っている野菜で煮物を二品ほど作る。 +糠床から香の物を拝借してくれば弁当の完成である。 +朝食は食べない。 +</p> +<p> +布団を畳んで箒をかけ、フローリングは雑巾で軽く拭く。 +今の借家に越してきてから雑巾がけを始めたが、思えば小学校以来かもしれない。 +</p> +<p> +煮物に使った鍋をゆすぎお湯を沸かす。 +バットやボウルを片付けてきれいになったキッチンにコーヒーカップとビーカーを並べる。挽きたての豆で淹れたコーヒーを飲みながらこのブログのソースコードをいじるなどして七時をまつ。 +</p> +<p> +時間になれば着替えて出社。 +</p> +</section> + +<section class=evening> +<p> +五時に退社し帰宅。 +集に二回ほどは途中で豆腐を仕入れに高橋豆腐店に、魚を仕入れに小平鮮魚店に立ち寄る。 +家に着いたら米を火にかけその隣で出しをとる。 +余った野菜で味噌汁ともう一品作り、糠床から香物を拝借すれば夕飯の一汁一菜。 +</p> +<p> +その後はネットをちょつと見るくらいで、 +すぐに風呂にはいって寝てしまう。 +部屋の電気は常夜灯のみなので日が沈むと眠いのだ。 +</p> +</section> diff --git a/posts/20200727-daily-routine/info b/posts/20200727-daily-routine/info @@ -0,0 +1,2 @@ +けの日 +20200727 diff --git a/posts/20200801-django-fired/content.html b/posts/20200801-django-fired/content.html @@ -0,0 +1,25 @@ +<section> + <h3>Djangoやめました。</h3> + <p> + タイトル通り、Djangoを使うのをやめました。 + 代わりにwsgirefを使ってます。Djangoでも間接的に使っていた + のかもしれないけれど。<br /> + 参考: <a href="https://c-bata.link/webframework-in-python/index.html"> + Webアプリケーションフレームワークの作り方 in Python + </a> + </p> + <p> + ただでさえガバガバだったセキュリティが更にザルになっていると思いますが、 + 特に大事なものは置いていないし、Docker使ってるし、大丈夫だと + 思っておいていいかな。攻撃しないでください。 + </p> +</section> +<section> + <h3>サイトのデザイン</h3> + <p> + それから、サイトのデザインも変更してます。 + 一応明確なテーマを以て作っているのですが、なかなか思うような感じに + ならないです。<br /> + 少しずつ調整していくつもりです。 + </p> +</section> diff --git a/posts/20200801-django-fired/info b/posts/20200801-django-fired/info @@ -0,0 +1,2 @@ +Djangoやめました +20200801 diff --git a/posts/20200802-todays-dinner/content.html b/posts/20200802-todays-dinner/content.html @@ -0,0 +1,60 @@ +<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> diff --git a/posts/20200802-todays-dinner/info b/posts/20200802-todays-dinner/info @@ -0,0 +1,2 @@ +今日の一汁一菜 +20200802 diff --git a/posts/20200804-test-from-local-machine/content.html b/posts/20200804-test-from-local-machine/content.html @@ -0,0 +1,10 @@ +<H3>remoteから投稿できるようになりました。</H3> +<p> + 今までhtmlファイルをクラウドにscpで持って行ってsqlを実行することで + ブログ記事を投稿していましたが、ローカルから直接投稿するスクリプトを + 書いてみました。 +</p> +<p> + 今の所単にsqlを遠隔で行っているだけですが、今後投稿済みの記事を編集 + したりできるように改良したいです。 +</p> diff --git a/posts/20200804-test-from-local-machine/info b/posts/20200804-test-from-local-machine/info @@ -0,0 +1,2 @@ +localからの投稿テスト +20200804 diff --git a/posts/20200808-fridge-and-rich-life/content.html b/posts/20200808-fridge-and-rich-life/content.html @@ -0,0 +1,239 @@ +<section> + <h3>はじめに</h3> + <p> + 冷蔵庫の必要性に疑問を感じ始めた。 + 去年の暮れあたりから発酵食品に凝り始め、 + 冷蔵庫の中が少しずつ空いてきた。 + また、同じく去年の暮れ頃、体の冷えがあまりにひどくて + 卒業研究に集中できない状態だった。今年に入り春から夏にかけて + 気温が上がっていく中でも、体が冷えていることに + 変わりはなかった。 + </p> + <p> + 冷蔵庫の必要性を感じなくなり、冷蔵庫で冷やされたものが + 体に良くないのではないかと考えるにいたり、 + とうとう冷蔵庫の電源を落とした。 + 以降何不自由なく暮らせている。 + </p> + <p> + 一度使わなくなると、そもそもなぜこのようなものが当たり前のように + 普及しているのか疑問に思ったのでいろいろ考えてみた。 + </p> +</section> +<section> + <h3>発酵食品へ</h3> + <p> + 去年の空き、引越しに伴い生活費がカツカツになり、それまで特に + 考えずにいた家計について少しばかり見直そうと思い立った。 + そして節約の一環として外食を一切やめ、全ての食事を + 自炊に頼るようにした。 + 先に書いたようにまずはお金がなかったので、近くの青果市場で + 見切り品として売られていた30円の野菜ばかり買っていたが、 + 一月ほど節約すれば余裕が出てきてすこし贅沢をするようになった。 + と行っても外食ではなくあくまで自炊である。 + 出町柳の乾物屋に行って鰹節を求め昆布を買い、味噌汁用の出汁 + をきちんと取るようになった。 + どうでもいいが味噌汁用に鰹節を買いに行くと決まって鯖節を + 進められるので、求めたのは鰹だが実際に使っていたのは + ほぼ鯖であった。また、いつも話し方に癖のある主人が + 対応してくれるが、ある時おばあさんが店に出ていた。 + 独特の話し方が主人と全く同じだったのには驚いた。 + 味噌汁に入れる豆腐を豆腐屋で仕入れるようになったのもこの頃である。 + 豆腐屋の人はなぜか皆遠藤征四郎師範のような腕をしている。 + </p> + <p> + 自分で出汁を引いて作った味噌汁はうまい。そこに浮かんでいるのが + 豆腐屋の豆腐なのでなおさらである。 + 自分の舌が肥えていくのがわかった。 + </p> + <p> + そんなある日、スーパーで見かけた浅漬を買って食べた。 + 漬物は昔から好物だったが、金がないのもあり見ないふりをしていたが、 + なんの気なしに手にとって買い物かごに放り込んでみたのである。 + ところがこれがいまいちだった。一口含んだときはまあそれなりに + 美味しい気はするが、しかしなんというか、奥行きがないという感じ + なのだ。それ以来スーパーの漬物は買わなくなってしまった。 + </p> + <p> + しかし漬物は食べたい。 + 結局その頃通っていた近くの米屋で糠をもらってきて + 自分で漬けることにした。 + その際にいろいろ調べたが、どうやらスーパーで売っている漬物 + はどれも発酵していないようなのだ。 + 人工的にうま味を添加した液体に野菜を浸しただけのものらしい。 + 奥行きがないわけである。 + <p> + 糠漬けに始まり、烏賊の塩辛、キムチ、バター、パンの酵母、 + 梅干し、熟れ鮓等発酵食品はいろいろ作った。厳密には塩辛と梅干しは + 発酵していないのだが。 + </p> + <p> + そんなある時ザワークラウトを漬けた。 + このときは漬物が食べたいからというより、単にキャベツを保存する + ためである。 + 一人暮らしだと、冷蔵庫があってもキャベツひと玉は傷んでしまうのだ。 + </p> + <p> + 冷蔵庫でも痛むので塩漬けにする。 + </p> + <p> + だったら冷蔵庫要らんのでは？ + </p> + <p> + 冷蔵庫を手放そうと思い始めたきっかけである。 + </p> +</section> +<section> + <h3>身体の冷え</h3> + <p> + 去年の冬、身体があまりにもだるかった。 + 何もできない。お腹も痛い。 + 地元の漢方薬局を樹脂下が、渡されたのは冷えに効く + 薬ばかりだった。 + 中には重度の冷え性の女性が生理中に身体を温めるための + ものも入っていたw。 + この頃はとにかく身体がだるいだけで、 + 自分では冷えているのかどうかよくわかっていなかった。 + ところが漢方薬局の先生に不調を訴えると、 + ことごとく冷えが原因だと言われた。 + 頭痛も腹痛も倦怠感も、全て冷えだと。 + そんな状態で真冬を迎えた。確かに寒い。身体がキンキンに + 冷えているのがわかるようになった。 + ふくらはぎはずっとむくんでいるし、 + 末端は冷たいし、周りが普通にしている部屋で一人だけ + 凍えていた。 + この頃から身体の言うことをもっと聞いてあげないと + 何もできないことがわかった。 + </p> + <p> + 以来身体の状態はできるだけ観察するようにしている。 + そして気づいたのだが、自分の身体がずっと冷やされているのだ。 + 春が過ぎ暖かくなっても、至るところで冷房画家明かり + 冷たい飲み物を出される。 + まるで汗をかくことが悪であるかのような世界である。 + </p> + <p> + この気付きにより、今年の夏は冷たいものは摂取しないようにしている。 + というよりあまり欲しいとも思わないのだ。 + 喉が乾いても常温のもので満足なのだ + （と言っているそばから実家の冷蔵庫にあったハーゲンダッツを + 食べてしまった）。 + </p> +</section> +<section> + <h3>冷蔵庫の電源を落とす</h3> + <p> + 身体の冷えに気づき、発酵食品にのめり込み、 + 冷蔵庫の必要性に疑問を持ち始めたある時、 + とうとう冷蔵庫の中が空っぽになってしまった。 + ものは試しと早速電源を落としてみた。 + 余った食材はぬか床に入れるか、あるいは + 塩漬けにしておけば腐る心配はない。 + </p> + <p> + 横浜に越してきてからは週末に一週間分の野菜を + 鎌倉の即売所で仕入れ、冷蔵庫に入れていた。 + 冷蔵庫の電源を落としてからは余った野菜は + すべて乳酸菌の力で酸っぱくして保存していた。 + 流石に酸味に空きてきた頃、梅干し用に買ってきたザルが + 梅を干し終えて暇そうにしているのを見つけた。 + 干し野菜はうま味が凝縮されて美味しいというので + 試しに余ったものを干してみた。 + きゅうり、大根等水分が多いものは薄く切ってそのまま並べる。 + かぼちゃやじゃがいも等は一度蒸してから干す。 + 生のまま干したものは味が濃くなり食感もコリコリと面白くなる。 + 一方蒸したものは甘みが強くなり、ねっとりとしてこれもまたうまい。 + 一度この味を知ると、どうして今まで冷蔵庫に入れて味が劣化するのを + 気にも止めなかったのかと悔やまれる。 + </p> + <p> + 魚はその日のうちに使う文以外は塩水につけて干しておくか、 + 米と合わせてあせの葉や柿の葉で包んでおけば熟れ鮓になる。 + まだ作ったことはないが、みりん干しなんかもやってみたいものだ。 + </p> + <p> + 豆腐は水切りをして何かしら塩分の濃いもので包んでおけば + 大丈夫そうだ。 + 味噌、糠、塩。どれにつけても美味しい。塩漬けはチーズのような + 芳醇な感じになることを期待していたがそれもない。 + 水道水をそのまま使ったのがまずかったか。 + まあ保存はできているのでいいのだけれど。 + </p> + <p> + 肉は最近食べていないのでわからないが、魚と同じだろう。 + 中国には確か肉の熟れ鮓もあったような。 + 燻製なんかも興味がある。 + </p> + <p> + 冷蔵庫を使わなくなり一週間経つが、何一つ不便なことはない。 + 冷蔵庫の下が掃除できないので早くいなくなってほしいくらいだ。 + </p> +</section> +<section> + <h3>なぜ冷蔵庫がうちにあるのか。</h3> + <p> + 改めて冷蔵庫というものを見直してみると、どうしてこんなものが + 台所の一角に鎮座しているのかわからなくなってきた。 + 大学に進学し一人暮らしを始めるに当たり、 + なんの疑問もなく買ったのだ。 + 電子レンジや洗濯機も同じである。 + テレビはNHKが鬱陶しいので買わなかったが。 + 冷蔵庫は家に必要なものであるという常識のもとに生まれ、 + 冷蔵庫を当たり前のように使いながら育った。 + 一人暮らしをするというと、どこに行っても冷蔵庫を買うのが + 当たり前かのように話が進み、とうとう自分でも買うに至ったと + 言うわけである。まあ冷蔵庫を買うのは当たり前なのだろうが。 + </p> + <p> + つまり冷蔵庫がうちにあるのは世の中の常識を + そのまま自分の家に取り込んだ結果なのだ。 + </p> +</section> +<section> + <h3>冷蔵庫という常識</h3> + <p> + ではなぜ冷蔵庫を持つのが常識なのか。 + 簡単である。 + マーケティングの結果だろう。 + </p> + <p> + 今までの生活が不便だという認識を植え付け、 + その不便を解消するという謳い文句で新しい常識を売る。 + 世の中に出回っている便利な道具は大方同じであろう。 + </p> +</section> +<section> + <h3>豊かさとは</h3> + <p> + 豊かな食生活のためといって舶来の料理をはやらせ + 食物油を売り、頑固な油汚れが落ちるからと言って + 強力な洗剤を売り、荒れた手が潤うからと言って + ハンドクリームを売る。 + </p> + <p> + 忙しいからと便利な家電を売り、 + その一方で暇を潰すためのエンターテインメントに + 金を払わせる。 + </p> + <p> + 暑いからといいエアコンを売って快適な環境を整え、 + 汗をかくためにサウナに金を使わせる。 + </p> + <p> + きついからと言い肉体労働を敬遠し、 + 楽をするために自動車を買い、 + その一方で運動不足になりジムに通う。 + </p> + <p> + どれもこれもテレビや新聞等のメディアに作られた豊かさ + ではないだろうか。 + </p> + <p> + 常識や流行にとらわれず、豊かな生き方とはなんなのか、 + 本当に必要なものはなにか、自分自身に問いただす。 + 一度すべての常識を捨て、自分にとって本質的なものを + ゼロから構築する。 + 人生を本当の意味で豊かにしてくれる物だけがすべて揃った + そんな家に僕は住みたい。 + </p> +</section> diff --git a/posts/20200808-fridge-and-rich-life/info b/posts/20200808-fridge-and-rich-life/info @@ -0,0 +1,2 @@ +冷蔵庫と豊かな生活 +20200808 diff --git a/posts/20200917-python-fired/content.html b/posts/20200917-python-fired/content.html @@ -0,0 +1,9 @@ +<h2>pythonやめました。</h2> + +<p>pythonをやめてbashスクリプトで作ったcgiに置き換えました。</p> +<p>管理がだいぶ楽になった気がします。</p> +<p>アプリの中身ばかりいじってブログの記事が全然増やせていませんが +ぼちぼち書いていきたいと思います。</p> + +<p>サーバーからbashのcgiを動かすにあたって、nginxがややこしかったので +apacheに変えたのですが、設定が適当なのでセキュリティが心配です。</p> diff --git a/posts/20200917-python-fired/info b/posts/20200917-python-fired/info @@ -0,0 +1,2 @@ +pythonやめました +20200917 diff --git a/posts/20200918-my-job/content.html b/posts/20200918-my-job/content.html @@ -0,0 +1,34 @@ +<h2>仕事</h2> + +<p> +今の仕事がつらい。 +やっているのは得意先から届く注文書のファックスを自社のデータベースに入力するだけの仕事だ。 +誰でもできる仕事であり、近い将来自動化されるだろう。その一方でファックスの様式が得意先毎に異なり、入力時にはその注文書に明記されていないことも考慮しなければいけない。 +日本企業の生産性が低い原因をまじまじと見せられている。 +このような業務なので、入力作業自体は１日もかからずに覚えられる一方、得意先毎の細かい違いを覚えるのに何年もかかるだろう。 +日に日にこの業務に慣れ、入力は速くなっているが、自分が成長しているようには感じない。この会社のこの業務という非常に限定的な分野でしか使えない技術だけがついていくからである。こんなことでは転職しようにもよその会社で使える技術が何もないので、新卒と同じ土俵にたたなければいけなくなる。採用する側もそんな人材に興味はないだろう。 +</p> +<p> +成長したい。 +成長とはなんだろう。 +多分生きていく上で使える技術を身に付けることである。 +生きていく上で使える技術とはなんだろう。究極的には畑で作物を育てる技術だと思うが、そんな世紀末のことはまだ考えなくてもいいかもしれない。 +汎用性のある人間になればいいのだろうか。 +そうすれば何でもできて食いっぱぐれない。 +しかしその「何でも」の中に今の仕事は含まれていない。 +成長が感じられない単純な作業はストレスで死んでしまう。 +つまりなんでもできるの中には成長しない仕事は含まれない。 +</p> +<p> +なぜ今の会社にいるのか。 +それは実家に帰るためである。 +実家で工場を経営しているのでそこを嗣ごうと考えた。 +そのために同業大手に就職し技術を持ってかえるように父に言われた。 +ところがいざ就職してみると、僕が考えていた技術が一向に学べていない。 +その一方で今学んでいることは父が持って帰ってほしい技術であるようだ。父は工場で必要な細かい技術や知識を持って帰ってほしいらしい。 +僕はそんなものはほしいとは思わない。この業界に特化しても生き残れないと考えるからだ。もちろん業界に特化した人材も必要なのかもしれないが、それはあなたの長男ではないのではないだろうか。長女でも次男でもなさそうだし。 +</p> +<p> +今のところだからどうしたいと言うまとまった考えがあるわけではないが、少なくとも自分の学ぶべき場所はここではないと感じている。心身に無理が生じているのを感じるからだ。 +業界の知識を短期間で軽くさらって、そのあとは別の世界を見てみたい。どこかに成長を実感できる世界がないものか。 +</p> diff --git a/posts/20200918-my-job/info b/posts/20200918-my-job/info @@ -0,0 +1,2 @@ +仕事 +20200918 diff --git a/posts/20200919-factory-tour/content.html b/posts/20200919-factory-tour/content.html @@ -0,0 +1,57 @@ +<h2>実家の工場を見学してきた</h2> +<p> + 実家で営んでいる工場を嗣ぐために同業大手に働きに出ているが、 + そこで何を学べばいいのかわからないので、一度実家の工場を見学 + することにして、今日行ってきた。 +</p> +<p> + 見学して思ったのは、今いる大手の工場よりうちの工場のほうが + いい工場であるということだ。 + 工場内は比較的整然としているし、データベース等のシステムも + 今自分がいる会社よりは圧倒的に進んでいた。 +</p> +<p> + いよいよ自分が今の会社で働いている意味がわからなくなってきた。 + どうやら父は今僕のいる会社には人材を育成するための教育制度 + が整備されていて、その制度によって僕という人材が育成されることを + 期待していたようだ。 + 残念ながらそんな制度はなかったようだが。 +</p> +<p> + つまり僕が今の会社に居続ける義理もそんなにないようである。 + もちろん業界の知識は少なからず必要であり、今の会社でも + 働き続ければ多少は勉強できるだろうが、そのために投資する時間 + に対して割に合わないだろう。 +</p> +<p> + ではどうするか。今の会社をやめるのであれば転職である。 + そしてその転職先は実家かそれ以外かである。 + 今実家に就職するのはいい選択なのだろうか。 + 僕は業界に関する知識もないし、ビジネスの世界も全く知らない。 + こんな状態で就職しても、おそらく他の人と同じようなことしか + できないだろう。工場に新鮮な空気を取り込めないのだ。 + だから今は一旦業界を離れ、全く別の世界を覗きに行くのがいいのではないか。 +</p> +<p> + 個人的に興味があるのはIT系である。 + 工場のDXという言葉がよく新聞に並んでいるが、その流れを + 実家に持ち帰れるかもしれない。 + もう一つ興味があるのは農業である。 + 僕がかってに妄想しているだけだが、近いうちに大量消費社会が + 終焉を迎え、自分たちにとって本当の豊かさとは何か、今一度 + 考え直す秋が来ると思う。そうなれば必然的に見直されるのが + 農業である。社会から何を削っても絶対に外せないのが食だからだ。 + そこに豊かさや幸福を求めるのは自然なことだろう。 + そんな農業とのつながりを何らかの形で事業に持ち込めれば + いいかもしれない。 +</p> +<p> + いずれにせよ今のままダラダラと働くのはごめんだ。 + 無駄なことに時間と精神を費やすのはアホである。 + 我慢して頑張っても、それで身体を壊した上に何も学べない。 + そんなのは投資とは言えない。 + 頑張るのではなく、精神の求める方に流れていくほうが自然な生き方だろう。 + とにかく現状を変化させて前に向かって進みたいのだ。 + 自ら動かなければ何もおきない。 + 連休中にエントリーシート書こうかな。 +</p> diff --git a/posts/20200919-factory-tour/info b/posts/20200919-factory-tour/info @@ -0,0 +1,2 @@ +工場見学 +20200919 diff --git a/posts/20200925-rsync-test/content.html b/posts/20200925-rsync-test/content.html @@ -0,0 +1,2 @@ +<h2>rsyncでの投稿テスト</h2> +<p>自宅のパソコンから直接rsyncで投稿てすと。</p> diff --git a/posts/20200925-rsync-test/info b/posts/20200925-rsync-test/info @@ -0,0 +1,2 @@ +rsyncによる投稿テスト +20200925 diff --git a/posts/20200926-ssl/content.html b/posts/20200926-ssl/content.html @@ -0,0 +1,6 @@ +<h2>SSLに対応しました。</h2> +<p>Certbotを使ってSSLに対応しました。</p> +<p> +と言っても特に暗号化する必要のある情報は +取り扱っていないので完全に自己満足ではありますが。 +</p> diff --git a/posts/20200926-ssl/info b/posts/20200926-ssl/info @@ -0,0 +1,2 @@ +SSLに対応しました。 +20200926 diff --git a/posts/20201003-what-to-do/content.html b/posts/20201003-what-to-do/content.html @@ -0,0 +1,116 @@ +<h1>何をして生きようか</h1> +<h3>仕事</h3> +<p> +研究者を目指して大学に入り挫折した。 +</p> +<p> +就職先を考えたが、やりたい仕事などそれまで考えたこともなかった。 +そのためやりたいことを基準に仕事を選ぶことができなかった。 +そこで考えたのが、なんのために働くかということである。 +地元には親戚がたくさんいて正月や盆には大勢集まる。 +サマーウォーズみたいな感じ。 +残念ながら古民家に集まるわけではないが。 +僕は家というものが好きだった。 +大学を出てからの人生はその家を更に大きくすることにしよう。 +そう考えた。 +そしてそのための方法として選んだのが、実家が営んでいる +ダンボール工場を嗣ぐことであった。 +そのために卒業後はまず同業大手で勉強させてもらい、 +数年後実家に帰ることにした。 +</p> +<p> +ところがいざ働き始めたらどうだろう。 +何もやりがいがなかった。 +回りにいるひととは全く反りが合わなかった。 +労働環境は最悪だった。 +生活環境も受け入れられなかった。 +気づけばストレスで心身がボロボロになり、盆休み開けにとうとう寝込んだ。 +</p> +<p> +仕事が嫌になった。 +その原因について、はじめは成長が感じられないからとか、 +無駄なことを無駄だとわかっているのに無理やりしているからとか、 +いろいろ理由を分析してみたものっだったが、今思えばどれも違う。 +単純に世間一般に広く普及している仕事というものに適正がないのだろう。 +心療内科の医者によれば、僕の症状は適応障害だそうだ。 +こんな世界に適応などしてたまるものか。 +</p> +<h3>社会は嫌いだ</h3> +<p> +この社会に適応できないのは今に始まったことではないと思う。 +</p> +<p> +京都から和歌山に帰省するたびに、大阪の町並みが汚いのが気になりだした。 +駅の周りには鉄筋コンクリートの四角い箱が乱雑に並んでいるのである。 +どれも建てられた当時は先進的なデザインでおしゃれだったのだろう。 +そして駅から少し離れた場所にも同じくコンクリートの箱が並んでいる。 +こちらは最近建てられたらしく、デザインも今風である。 +30年建てば時代遅れの残念な物件になるのだろう。 +こんな家を建てる人たちは一体何を考えているのやら。 +人生で一番大きな買い物と言いつつ、ろくに調べもしないでハウスメーカーの +口車に乗せられ、モダンでおしゃれな家を建てる。 +自分の建てた家に子々孫々住んでほしいとは思わないのだろうか。 +</p> +<p> +ある時からスーパーに行くのがしんどくなった。 +出町柳にある枡形商店街の近くに住んでいたことがある。 +その間食事の買い物はほとんどそこに通っていた。 +豆腐屋、肉屋、乾物屋等、専門店が一通り揃っていた。 +扱っているものは当然そのへんのスーパーよりも美味しかった。 +ある時伏見の方に引っ越して、久々にスーパーに通い始めたのだが、 +これが非常にしんどかった。 +音楽がうるさくて買い物に集中できないのだ。 +なんだかよくわからない音楽がやたら大きな音で流れている。 +夕飯を考えながら、美味しいものを選別しようとしている脳みそに、 +その思考を遮るように流れてくるのだ。 +だんだん頭がぼーっとしてきて、結局適当に選んでしまう。 +スーパーでは音楽だけでなく、視覚的な表示も鬱陶しい。 +商品のパッケージは周りよりも少しでも目立とうとするばかりで、 +欲しい情報が一切目に入らない。 +適当に選んで家に持って帰るが、結局対して美味しいものではない。 +スーパーに並んでいるものは、本質的な価値ではなくマーケティングを始めとする +販促にかかるコストの割合が多いのだろう。 +「美味しいワイン」。「リコピンが多いトマト」。「DHAが含まれているソーセージ」。 +だまっとれや。 +ただ、そういうものが多く売られているというのは、それはつまり +消費者がそういうものを購入すると言うことである。 +同じものであってもパッケージに美味しいと書いていた方を買うのだろう。 +スーパーでものを買って行く人々が、心理学に踊らされているだけのモルモットに +見えてきた。 +こんな人たちの中に居たくない。そんなこと書いたら叩かれるかな。 +</p> +<p> +スーパーがだめになれば他の店もかなり辛くなった。 +結局ものを売るというのは同じことなのである。 +自分でも驚いたが、スーパーにいけなくなってから、無印良品にも行けない。 +よくわからん音楽が流れる中で、独自のおしゃれ感を作り出しそれを売っている。 +物自体もそんなに質の高いものではないし。 +そこに集う人たちも、雑誌でよく見るテンプレ通りの最近の若者である。 +雑誌はあまり見ないので知らんけど。 +</p> +<p> +この人たちは自分の内側から湧いてくる価値観というものを自覚したことが +あるのだろうか。 +人工的に生み出された流行に踊らされているだけなのではないだろうか。 +</p> +<p> +スーパーに行かなくなり、巷で流行っているものを消費しなくなり、 +いよいよ自分がなぜ働いているのかわからなくなった。 +</p> +<h3>やっぱ農家かな</h3> +<p> +世の中にはびこっている様々なものに価値を見いだせなくなったわけだが、 +それでも買わないと生きて行けないのが食べ物である。 +就職してからの半年間は食べ物には結構こだわっていた。 +スーパーに行けないこともあり、学生時代に商店街に通っていたこともあり、 +住処の周りにある個人商店やらを探し回った。 +家から徒歩圏内に豆腐屋と魚屋を見つけた。 +野菜は鎌倉の即売所まで買いに行った。 +米も鎌倉の米屋に求めた。 +乾物も鎌倉だ。 +休みの日は結構な時間と労力を食べ物に投資していたと思う。 +美味しいものを食べてこその人生なのである。 +</p> +<p> +やっぱり農家になりたいな。 +</p> diff --git a/posts/20201003-what-to-do/info b/posts/20201003-what-to-do/info @@ -0,0 +1,2 @@ +何をして生きようか +20201003 diff --git a/posts/20201201-hatake/content.html b/posts/20201201-hatake/content.html @@ -0,0 +1,14 @@ +<h1>畑をさせてもらえることになった。</h1> +<p> +実家のとなりに畑がある。 +子供の頃はそこで育った野菜をよくもらって食べていた。 +最近そこを耕していたひとが高齢のため引退して、 +雑草が生え放題になっていた。 +</p> +<p> +先日その土地の地主が草刈に来たので声をかけたところ、 +暫く使う予定がないので使ってもいいとのことだ。 +</p> +<p> +ということでぼちぼち何か作ろうと思う。 +</p> diff --git a/posts/20201201-hatake/info b/posts/20201201-hatake/info @@ -0,0 +1,2 @@ +畑をさせてもらえることになった。 +20201201 diff --git a/posts/20201202-tamanegi/content.html b/posts/20201202-tamanegi/content.html @@ -0,0 +1,10 @@ +<h1>たまねぎを植えた。</h1> +<p> +祖父の友人がたまねぎの苗を分けてくれたので植えた。 +時期はかなり遅いみたいだがうまくそだってくれるだろうか。 +</p> +<p> +耕していない畝に15cm間隔、条間20cmくらいで少し穴を掘って植えた。 +その上から、先日刈った雑草を被せておいた。 +とりあえず一畝だけ。 +</p> diff --git a/posts/20201202-tamanegi/info b/posts/20201202-tamanegi/info @@ -0,0 +1,2 @@ +たまねぎを植た +20201202 diff --git a/posts/20201209-hatake/content.html b/posts/20201209-hatake/content.html @@ -0,0 +1,13 @@ +<h1>畝を繋げた</h1> +<p>この土日に不耕起の農法を教えてくれる赤目自然農塾にお邪魔してきた。 +その際、今の畝では幅が狭すぎるので広げたほうがいいといわれた。 +とりあえず畝の間の溝を埋めて二つの畝を繋げることにした。 +余り無理をしても次の日動けないのは困るので今日は一列だけ。 +180cmから2m程度の畝になった。 +</p> + +<p> +先日植えた玉葱は根がきちんと活着してくれたようで、 +寝ていた株も起きあがって元気そうである。 +ただしこの畝は細いままなので、やはり表面が少し乾燥しているようだ。 +</p> diff --git a/posts/20201209-hatake/info b/posts/20201209-hatake/info @@ -0,0 +1,2 @@ +畝を繋げた +20201209 diff --git a/posts/20201210-komatsuna/content.html b/posts/20201210-komatsuna/content.html @@ -0,0 +1,17 @@ +<h1>小松菜の種を蒔いた。</h1> +<p> +駅の近くに種苗店がある。 +以前から気にはなっていたのだが、いつ前を通っても店主がお客さんと話し込んでいて入りづらかった。 +ところが今日はだれもいなかったので遂に敷居を跨ぐことができた。 +</p> +<p> +時期が時期なので余り品揃えはよくなかったが、いろいろと教えてくれた。 +F1ではない種も多数取り扱っているようで、和歌山大根という地元の品種もあった。 +今ある種のなかから、一年中いつでも蒔ける小松菜をいただいてきた。 +楽天という品種だった。 +</p> +<p> +家に帰って早速種を蒔いた。 +先日広げた畝に、北側から2坪ほどの土にばら蒔きした。 +少し乾燥ぎみだったので、横に散らばっていた草を上から被せた。 +</p> diff --git a/posts/20201210-komatsuna/info b/posts/20201210-komatsuna/info @@ -0,0 +1,2 @@ +小松菜の種蒔き +20201210 diff --git a/posts/20210106-x220-test/content.html b/posts/20210106-x220-test/content.html @@ -0,0 +1,36 @@ +<h1>x220から投稿テスト</h1> +<p> +thinkpad x220を手に入れ、arch linuxの環境を整えた。 +</p> +<p> +スペックはこんな感じ: +<ul> + <li>core i7 2620M</li> + <li>メモリ 8GB</li> + <li>ssd 256GB。</li> +</ul> +ヤフオクで送料入れて15000円程度だった。 +</p> +<p> +画面はTNだろうと思って買ったが、 +届いたら視野角が広くて非常に見易いので +多分IPSであろう。 +これは結構うれしい。 +</p> +<p> +全体的に綺麗な個体だ。 +</p> +<p> +バッテリーは期待通り完全に消耗していて、 +起動後5秒ほどで切れてしまう。 +</p> +<p> +あとwindows用の日本語キーボードはあんまり +好きではない。 +いちばん下の段がぎゅうぎゅう詰めでスペースが +小さすぎる。 +</p> +<p> +バッテリーを交換するのが先かキーボードをUS配列にするのが先か +悩ましいところだ。 +</p> diff --git a/posts/20210106-x220-test/info b/posts/20210106-x220-test/info @@ -0,0 +1,2 @@ +x220から投稿テスト +20210107 diff --git a/static/base.css b/static/base.css @@ -0,0 +1,58 @@ +html { + padding-left: 10px; + padding-right: 10px; + min-height: 100vh; + display: flex; +} + +a { + color: #38b48b; +} + +body { + flex-grow: 1; + background-color: #1b1b1b; + color: white; + display: flex; + flex-direction: column; + margin-left: auto; + margin-right: auto; +} + +header { + margin: 5px; + padding: 5px; + background-color: #2b2b2b; +} + 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; + } + +main { + flex-grow: 1; + margin: 5px; + padding: 5px; + background-color: #2b2b2b; +} + main > article{ + background-color: #2b2b2b; + margin: 5px; + flex: 1; + } diff --git a/templates/base.html b/templates/base.html @@ -0,0 +1,26 @@ +<!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> + <!--content--> + </article> + + </main> +</body> +</html> diff --git a/www/pages/404.html b/www/pages/404.html @@ -0,0 +1,26 @@ +<!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>404 Not Found</h1> + </article> + + </main> +</body> +</html> diff --git a/www/pages/about.html b/www/pages/about.html @@ -0,0 +1,52 @@ +<!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> +<h3>自己紹介</h3> +<p><img src="/pages/icon.svg" alt="似顔絵" width="100"></p> +<p>はじめまして。はつかぜと申します。<br> + 横浜の工場に勤めています。</p> + +<p> + 日々考えていることを記しておきたいと思い、このサイトを立ち上げました。 +</p> + +<h3>好きなもの</h3> +<ul> + <li>発酵食品、和食</li> + <li>珈琲</li> + <li>伝統</li> + <li>森、山</li> + <li>自転車</li> +</ul> +<h3>嫌いなもの</h3> +<ul> + <li>余計な音楽、音</li> + <li>スーパーマーケット</li> + <li>寒さ</li> + <li>テレビ</li> + <li>無駄な表示、標識</li> + <li>和モダン</li> + <li>努力</li> +</ul> + </article> + + </main> +</body> +</html> diff --git a/www/pages/blog_index.html b/www/pages/blog_index.html @@ -0,0 +1,46 @@ +<!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> +<h2>日記</h2><ul> +<li>[20210107]<a href="/posts/20210106-x220-test/content.html">x220から投稿テスト</a></li> +<li>[20201210]<a href="/posts/20201210-komatsuna/content.html">小松菜の種蒔き</a></li> +<li>[20201209]<a href="/posts/20201209-hatake/content.html">畝を繋げた</a></li> +<li>[20201202]<a href="/posts/20201202-tamanegi/content.html">たまねぎを植た</a></li> +<li>[20201201]<a href="/posts/20201201-hatake/content.html">畑をさせてもらえることになった。</a></li> +<li>[20201003]<a href="/posts/20201003-what-to-do/content.html">何をして生きようか</a></li> +<li>[20200926]<a href="/posts/20200926-ssl/content.html">SSLに対応しました。</a></li> +<li>[20200925]<a href="/posts/20200925-rsync-test/content.html">rsyncによる投稿テスト</a></li> +<li>[20200919]<a href="/posts/20200919-factory-tour/content.html">工場見学</a></li> +<li>[20200918]<a href="/posts/20200918-my-job/content.html">仕事</a></li> +<li>[20200917]<a href="/posts/20200917-python-fired/content.html">pythonやめました</a></li> +<li>[20200808]<a href="/posts/20200808-fridge-and-rich-life/content.html">冷蔵庫と豊かな生活</a></li> +<li>[20200804]<a href="/posts/20200804-test-from-local-machine/content.html">localからの投稿テスト</a></li> +<li>[20200802]<a href="/posts/20200802-todays-dinner/content.html">今日の一汁一菜</a></li> +<li>[20200801]<a href="/posts/20200801-django-fired/content.html">Djangoやめました</a></li> +<li>[20200727]<a href="/posts/20200727-daily-routine/content.html">けの日</a></li> +<li>[20200725]<a href="/posts/20200725-simple-website/content.html">Django使うのやめようかな</a></li> +<li>[20200723]<a href="/posts/20200723-html-post/content.html">多少体裁を整えました</a></li> +<li>[20200719]<a href="/posts/20200719-first-post/content.html">最初の投稿</a></li> +</ul> + </article> + + </main> +</body> +</html> diff --git a/www/pages/icon.svg b/www/pages/icon.svg @@ -0,0 +1,161 @@ +<?xml version="1.0" standalone="no"?> +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" + "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd"> +<svg version="1.0" xmlns="http://www.w3.org/2000/svg" + width="400.000000pt" height="400.000000pt" viewBox="0 0 400.000000 400.000000" + preserveAspectRatio="xMidYMid meet"> + +<g transform="translate(0.000000,400.000000) scale(0.100000,-0.100000)" +fill="#000000" stroke="none"> +<path d="M1869 3763 c-43 -42 -79 -84 -79 -94 0 -25 -57 -64 -73 -51 -7 6 -18 +7 -25 3 -10 -6 -9 -13 5 -30 19 -23 19 -23 56 -4 20 10 37 23 37 28 0 6 9 16 +20 23 11 7 20 19 20 28 0 9 28 42 61 74 60 56 62 57 90 43 16 -8 33 -12 39 -8 +5 3 10 3 10 -2 0 -10 -92 -93 -102 -93 -5 0 -8 -4 -8 -9 0 -17 91 -6 101 12 5 +9 24 23 42 31 67 30 76 30 118 -4 40 -32 145 -80 174 -80 8 0 23 -17 32 -37 +19 -40 63 -60 63 -29 0 33 30 14 72 -46 24 -34 62 -76 84 -93 65 -47 79 -83 +77 -187 -2 -62 1 -87 8 -82 8 4 9 -1 4 -16 -5 -15 -3 -20 3 -16 6 3 13 2 17 +-4 3 -5 2 -10 -4 -10 -6 0 -8 -7 -4 -16 4 -11 8 -12 13 -4 5 8 9 7 14 -5 9 +-24 8 -27 -6 -19 -7 5 -9 2 -5 -8 48 -127 63 -279 32 -338 -15 -28 -14 -30 4 +-30 15 0 27 14 41 45 18 39 20 57 14 123 -7 91 -29 176 -49 192 -8 7 -15 17 +-15 22 0 5 -9 29 -20 53 -16 34 -18 53 -12 82 10 48 -2 166 -17 171 -6 2 -11 +9 -11 15 0 7 -19 26 -41 42 -47 34 -107 105 -89 105 16 0 90 -53 121 -87 59 +-65 103 -158 144 -308 9 -33 28 -95 41 -138 25 -81 30 -117 16 -117 -4 0 -15 +-13 -25 -29 -25 -43 1 -47 41 -6 39 39 40 57 6 171 -14 49 -36 126 -49 172 +-53 190 -140 308 -278 375 -42 21 -77 42 -77 47 0 6 -18 10 -40 10 -22 0 -48 +4 -58 10 -9 5 -51 23 -93 40 -42 17 -87 42 -99 55 -13 14 -38 27 -56 31 -18 3 +-35 12 -38 20 -4 10 -22 14 -61 14 -30 0 -55 4 -55 8 0 5 -12 14 -26 21 -24 +11 -30 7 -105 -66z"/> +<path d="M1430 3713 c-19 -9 -51 -23 -70 -32 -70 -29 -88 -62 -52 -94 21 -19 +58 -22 67 -6 4 6 -2 13 -14 16 -12 3 -21 13 -21 22 0 22 127 81 174 81 75 0 +120 -101 59 -130 -40 -18 -10 -26 39 -9 33 11 38 16 33 33 -4 12 -9 33 -12 49 +-3 15 -9 27 -14 27 -5 0 -9 6 -9 14 0 20 -62 46 -107 45 -21 0 -54 -8 -73 -16z"/> +<path d="M963 3583 c-100 -81 -129 -119 -157 -213 -10 -30 -21 -63 -26 -72 -9 +-15 -32 -91 -62 -203 -6 -22 -29 -89 -51 -150 -37 -105 -39 -113 -31 -176 5 +-37 6 -77 3 -90 -4 -13 -7 -59 -8 -101 -1 -62 2 -78 14 -78 11 0 15 17 17 73 +3 66 4 70 15 45 7 -16 17 -28 23 -28 15 0 12 57 -6 91 -8 17 -13 38 -10 46 14 +36 37 166 30 172 -4 3 -9 1 -11 -5 -2 -6 -10 -20 -18 -30 -13 -17 -14 -15 -3 +16 6 19 14 40 18 45 9 13 37 97 50 152 18 73 33 64 29 -18 -3 -61 -1 -74 11 +-74 19 0 38 70 39 141 1 52 12 71 64 100 43 25 48 26 65 12 17 -14 40 -18 45 +-8 4 9 -40 60 -52 60 -16 0 -70 -30 -114 -64 -21 -16 -41 -26 -44 -22 -4 3 4 +30 16 59 13 28 33 83 44 121 18 58 31 79 78 127 63 64 112 94 137 84 27 -12 +62 -14 62 -4 0 13 -55 39 -84 39 -14 0 -49 -20 -83 -47z"/> +<path d="M1133 3484 c-55 -27 -85 -61 -81 -92 2 -19 9 -28 26 -30 20 -3 22 0 +17 21 -5 19 0 30 25 50 41 35 85 42 139 23 24 -9 47 -13 52 -10 5 3 12 -2 15 +-10 7 -18 24 -22 24 -6 0 16 -117 70 -152 70 -18 0 -48 -8 -65 -16z"/> +<path d="M1420 2898 c1 -18 60 -82 88 -97 25 -13 52 -9 52 9 0 5 -7 10 -16 10 +-8 0 -34 20 -56 45 -40 44 -68 58 -68 33z"/> +<path d="M1830 2895 c0 -10 10 -15 31 -15 21 0 39 -9 58 -29 17 -18 35 -28 47 +-26 10 2 22 4 27 4 16 2 6 21 -11 21 -10 0 -31 14 -47 30 -22 23 -38 30 -67 +30 -27 0 -38 -4 -38 -15z"/> +<path d="M2070 2889 l-35 -20 48 5 c52 6 57 0 27 -34 -23 -27 -25 -40 -7 -40 +15 0 50 37 60 63 18 48 -31 61 -93 26z"/> +<path d="M1164 2867 c-6 -16 6 -38 68 -134 38 -59 53 -73 73 -73 16 0 25 6 25 +15 0 8 -6 15 -14 15 -8 0 -40 43 -71 95 -57 94 -71 108 -81 82z"/> +<path d="M1580 2865 c0 -9 18 -16 48 -20 26 -3 59 -9 75 -11 38 -8 34 12 -5 +24 -60 18 -118 21 -118 7z"/> +<path d="M2110 2653 c-57 -2 -88 -10 -130 -31 -50 -24 -90 -54 -90 -67 0 -9 +59 -5 64 4 12 18 141 50 188 46 29 -2 53 2 65 10 25 19 63 18 85 -1 15 -14 20 +-15 34 -3 15 12 14 15 -6 31 -23 19 -25 19 -210 11z"/> +<path d="M2713 2573 c-4 -10 3 -24 20 -39 15 -13 27 -29 27 -36 0 -9 -3 -9 +-10 2 -6 9 -10 10 -10 3 0 -6 7 -18 15 -27 9 -8 12 -22 8 -32 -4 -10 -2 -15 4 +-11 5 3 10 0 10 -8 0 -8 -4 -12 -8 -9 -31 19 -90 -247 -68 -304 8 -21 4 -37 +-22 -89 -18 -35 -29 -66 -26 -69 13 -13 33 5 58 52 23 44 26 60 27 165 1 84 5 +128 17 155 39 92 39 151 1 217 -31 52 -34 54 -43 30z"/> +<path d="M1068 2565 c-21 -8 -43 -19 -50 -25 -7 -6 -22 -17 -33 -25 -18 -12 +-18 -14 -3 -20 10 -4 31 0 48 8 24 12 44 14 100 6 38 -5 102 -13 142 -19 54 +-7 74 -6 80 3 5 8 10 4 14 -11 6 -19 11 -22 33 -17 31 8 38 14 43 40 3 21 7 +19 -127 55 -75 20 -83 20 -124 5 -39 -14 -46 -14 -61 0 -19 17 -15 17 -62 0z"/> +<path d="M2102 2458 c-26 -16 -50 -21 -103 -20 -38 0 -72 -4 -75 -9 -11 -18 +21 -51 61 -65 53 -18 90 -18 145 3 43 17 120 77 120 95 0 12 -34 10 -48 -4 -9 +-9 -16 -8 -30 5 -23 21 -29 20 -70 -5z"/> +<path d="M1579 2418 c0 -18 -3 -42 -5 -53 -3 -11 -6 -73 -7 -138 -2 -128 3 +-142 53 -131 44 10 150 67 150 81 0 21 -21 15 -70 -17 -47 -31 -95 -39 -102 +-17 -5 15 -1 83 10 192 9 90 6 115 -14 115 -9 0 -14 -12 -15 -32z"/> +<path d="M588 2353 c3 -46 14 -90 33 -135 34 -79 34 -79 10 -157 -16 -52 -17 +-62 -5 -72 19 -15 18 -16 43 65 26 86 26 90 -6 156 -17 37 -28 79 -32 130 -5 +66 -9 75 -27 78 -19 3 -20 -1 -16 -65z"/> +<path d="M2659 2398 c0 -2 -2 -22 -4 -46 -2 -24 -9 -50 -16 -58 -18 -22 4 -42 +24 -22 20 19 41 92 34 112 -5 13 -35 24 -38 14z"/> +<path d="M1200 2373 c-28 -12 -45 -13 -84 -6 -51 11 -111 4 -111 -12 0 -6 8 +-21 17 -35 14 -19 20 -22 30 -12 18 18 23 15 25 -14 2 -44 15 -49 98 -36 86 +14 103 22 133 68 27 41 27 44 2 44 -11 0 -20 5 -20 10 0 15 -50 11 -90 -7z +m-55 -85 c-18 -11 -35 -2 -35 17 0 12 5 12 25 3 22 -10 23 -13 10 -20z"/> +<path d="M782 2183 c-9 -39 -7 -58 8 -103 10 -30 17 -56 15 -58 -2 -2 -15 4 +-29 13 -24 16 -26 16 -32 0 -8 -21 2 -31 50 -48 46 -16 80 -62 56 -77 -30 -19 +-78 -11 -113 20 -60 52 -79 31 -28 -30 25 -30 34 -34 72 -34 24 0 58 2 74 5 +30 4 30 3 36 -51 12 -107 78 -212 179 -280 59 -40 90 -54 270 -123 172 -65 +211 -72 309 -57 45 8 81 18 81 23 0 4 -42 6 -95 4 -104 -6 -104 -6 -325 79 +-168 65 -198 82 -271 154 -78 78 -96 114 -109 216 -7 50 -16 85 -28 98 -19 21 +-47 77 -76 154 -12 31 -15 58 -10 93 5 40 4 49 -9 49 -10 0 -19 -16 -25 -47z"/> +<path d="M2477 2193 c-3 -4 -7 -48 -8 -98 -4 -82 -2 -90 15 -90 16 0 18 9 20 +87 0 53 -3 91 -10 98 -7 7 -14 8 -17 3z"/> +<path d="M2584 2175 c-6 -15 31 -75 46 -75 18 0 21 21 6 41 -8 12 -12 28 -9 +35 3 9 -2 14 -16 14 -12 0 -24 -7 -27 -15z"/> +<path d="M1955 1961 c-38 -9 -76 -20 -83 -25 -8 -4 -39 -12 -70 -17 -32 -4 +-93 -15 -137 -24 -44 -9 -93 -14 -110 -11 -16 3 -61 6 -99 7 -37 1 -93 10 +-122 20 -53 18 -88 16 -82 -3 7 -19 85 -39 198 -49 154 -15 144 -15 235 6 44 +10 97 19 118 21 21 2 52 11 69 20 16 9 51 18 77 21 25 2 50 9 56 14 5 5 20 9 +33 9 14 0 22 5 20 13 -6 17 -23 17 -103 -2z"/> +<path d="M2462 1848 c-12 -18 -36 -42 -54 -52 -18 -11 -38 -25 -45 -32 -7 -6 +-49 -22 -95 -34 -92 -24 -157 -61 -243 -136 -95 -82 -106 -94 -100 -104 7 -11 +38 11 128 91 67 60 148 104 215 118 88 18 200 88 228 142 18 35 18 39 0 39 -8 +0 -23 -15 -34 -32z"/> +<path d="M2337 1443 c-12 -11 -8 -83 8 -136 20 -70 31 -85 46 -70 9 9 9 22 -1 +55 -6 24 -17 69 -23 101 -10 55 -16 65 -30 50z"/> +<path d="M2755 1350 c-4 -6 11 -10 37 -11 24 0 52 -2 63 -4 11 -2 153 -6 315 +-9 316 -5 336 -7 414 -32 38 -13 67 -34 117 -84 66 -66 74 -80 164 -275 36 +-76 94 -233 100 -265 1 -8 9 -16 18 -18 40 -8 9 118 -75 298 -83 178 -104 215 +-155 270 -72 78 -152 117 -263 128 -123 13 -728 14 -735 2z"/> +<path d="M745 1261 c-112 -65 -183 -99 -245 -120 -36 -12 -74 -26 -85 -30 -83 +-37 -160 -80 -220 -123 -38 -27 -98 -63 -133 -80 -54 -26 -62 -33 -61 -56 0 +-15 3 -21 6 -14 3 8 24 22 47 32 40 19 96 50 106 60 3 3 43 30 90 61 81 53 +135 78 278 129 34 13 65 27 68 31 3 5 11 9 18 9 8 0 48 21 89 46 80 47 95 52 +140 39 33 -9 36 7 5 29 -31 22 -45 20 -103 -13z"/> +<path d="M1385 1248 c-8 -21 14 -110 32 -130 16 -18 43 -25 43 -10 0 4 -11 38 +-24 77 -24 69 -41 90 -51 63z"/> +<path d="M1180 1121 c0 -5 3 -11 8 -13 4 -1 22 -32 40 -69 42 -86 86 -126 207 +-189 94 -50 106 -54 186 -58 58 -3 109 1 157 12 39 9 89 16 111 16 113 0 379 +106 463 184 14 14 51 41 82 61 56 35 70 55 41 55 -18 0 -89 -45 -125 -79 -65 +-61 -221 -140 -325 -164 -111 -27 -327 -50 -410 -45 -73 5 -88 10 -169 56 +-110 62 -145 96 -187 178 -26 51 -37 64 -55 64 -13 0 -24 -4 -24 -9z"/> +<path d="M2339 932 c-20 -10 -42 -24 -50 -30 -65 -56 -238 -127 -389 -161 +-137 -30 -318 -31 -380 -2 -55 25 -73 26 -68 4 2 -9 28 -25 63 -39 54 -20 72 +-22 175 -17 159 7 303 36 425 86 56 23 160 79 195 106 19 14 48 28 65 31 18 3 +31 12 33 23 5 23 -23 22 -69 -1z"/> +<path d="M4 685 c3 -74 9 -112 25 -145 11 -25 21 -57 21 -72 0 -34 27 -38 32 +-5 3 22 -52 253 -72 298 -8 18 -9 -2 -6 -76z"/> +<path d="M1260 566 c-88 -25 -116 -46 -198 -151 -42 -54 -17 -162 51 -220 42 +-36 42 -36 134 -34 86 1 109 8 83 24 -5 3 -42 6 -82 7 -87 1 -116 18 -147 81 +-35 72 -29 106 30 175 38 46 63 65 97 76 63 22 92 20 167 -10 83 -33 125 -80 +125 -140 0 -44 -12 -60 -67 -88 -26 -13 -33 -23 -33 -47 0 -24 4 -30 18 -27 9 +2 18 12 20 24 2 12 21 30 47 44 73 40 83 102 30 182 -27 41 -87 76 -174 102 +-30 9 -55 16 -55 15 -1 0 -21 -6 -46 -13z"/> +<path d="M585 488 c4 -13 12 -66 17 -118 8 -66 17 -104 31 -123 25 -37 44 -22 +29 22 -6 17 -14 70 -18 118 -8 100 -16 123 -46 123 -17 0 -19 -4 -13 -22z"/> +<path d="M1166 461 c-3 -5 5 -29 19 -53 32 -55 31 -64 -5 -77 -32 -11 -49 -36 +-33 -52 6 -6 25 -4 52 6 54 19 50 20 61 -10 6 -17 17 -25 34 -25 13 0 30 -10 +39 -22 12 -19 18 -21 28 -11 10 10 9 20 -9 51 -15 28 -20 48 -16 74 6 34 5 35 +-24 30 -25 -3 -35 3 -72 47 -42 49 -63 61 -74 42z"/> +<path d="M1704 439 c-9 -15 6 -29 32 -29 30 0 30 -11 1 -47 -34 -40 -77 -117 +-77 -136 0 -31 19 -17 52 38 34 57 29 55 114 59 12 1 22 -16 34 -53 18 -52 32 +-71 58 -71 16 0 15 20 -3 44 -8 11 -15 28 -15 39 0 10 -17 52 -37 93 l-37 73 +-58 0 c-32 -1 -61 -5 -64 -10z m106 -64 c0 -8 -7 -15 -15 -15 -9 0 -12 6 -9 +15 4 8 10 15 15 15 5 0 9 -7 9 -15z"/> +<path d="M2262 428 c-52 -32 -82 -129 -48 -158 9 -7 40 -10 77 -9 60 3 63 2 +72 -24 5 -15 15 -27 23 -27 10 0 14 15 14 59 0 55 2 61 26 73 15 7 25 18 23 +23 -5 13 -78 6 -109 -11 -25 -13 -25 -13 -2 -14 24 0 29 -19 10 -38 -13 -13 +-104 -17 -112 -4 -12 19 18 98 47 125 35 32 26 34 -21 5z"/> +<path d="M2720 431 c-41 -10 -74 -21 -72 -27 2 -9 6 -10 36 -13 9 -1 16 -22 +21 -67 7 -68 19 -83 53 -69 9 4 34 9 54 10 44 4 58 11 58 31 0 10 -5 12 -14 7 +-18 -10 -106 -4 -106 7 0 8 42 22 70 24 8 1 15 8 15 16 0 16 -9 16 -62 5 -32 +-7 -33 -6 -33 24 0 29 2 31 38 31 20 0 44 5 52 10 13 9 13 11 0 20 -18 12 -16 +12 -110 -9z"/> +<path d="M2058 428 c-33 -12 -34 -18 -8 -41 27 -23 25 -43 -5 -72 -31 -27 -23 +-35 29 -30 44 4 51 9 40 27 -12 19 -15 96 -4 103 16 10 11 25 -7 24 -10 0 -30 +-5 -45 -11z"/> +<path d="M2471 406 c-8 -10 -9 -15 -1 -18 7 -2 12 -35 12 -83 1 -44 6 -83 11 +-86 4 -3 33 0 63 7 64 15 61 14 74 14 6 0 10 14 10 30 0 34 -14 39 -29 11 -11 +-20 -80 -34 -82 -16 -1 5 -2 42 -3 80 -2 62 -5 70 -23 73 -11 2 -25 -4 -32 +-12z"/> +</g> +</svg> diff --git a/www/pages/index.html b/www/pages/index.html @@ -0,0 +1,37 @@ +<!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 @@ -0,0 +1,31 @@ +<!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> +とりあえずサイトの立ち上げが完了しました。最初の投稿です。 +まだhtmlは適当でcssは全く無いので味気ないサイトですがこれからいろいろといじっていければと思います。 + +この投稿も多分改行が反映されずに読みにくいものになるかと思いますが、記録として残しておきたいので書いておきます。 + +ただしdockerとpostgresqlのことがいまいちよくわかっていないので、間違ってデータベースごとけしてしまうかもしれません。まあそれはご愛嬌。 + </article> + + </main> +</body> +</html> diff --git a/www/posts/20200723-html-post/content.html b/www/posts/20200723-html-post/content.html @@ -0,0 +1,49 @@ +<!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> +<h5>変更点</h5> +<p>とりあえず改行できなかったり装飾できなかったり不便なので、 +htmlで投稿できるように変更しました。</p> +<p>それからcssを作って多少見れるようにしました。</p> +</section> + +<section> +<h5>これから</h5> +<p>サイトのデザインですが、できるだけシンプルにしたいと考えています。 +モダンな感じのページは多いですが、視覚効果が多すぎるように感じます。 +本当に必要があってつけているのか、”いい感じ”だからつけているだけなのか… +</p> +<p> +必要なのは投稿の中身と、それから横には目次があると読みやすくなると思っています。 +サイドバーはそのために作っています。 +</p> +<p>あとは投稿の中に画像を埋め込みたいです。</p> +</section> + +<section> +<p>そういえばドメインを契約してDNSにIPアドレスを登録したのですが、丸3日たっても名前解決できません。 +いつになったらつながるのかな。</p> +</section> + </article> + + </main> +</body> +</html> diff --git a/www/posts/20200725-simple-website/content.html b/www/posts/20200725-simple-website/content.html @@ -0,0 +1,81 @@ +<!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> +<p> +ホームページにも書いてあるとおり、このサイトはDjangoを使っている。 +しかしほとんど基本的な機能しか使わないのでここまで複雑で大きい +フレームワークを使う必要性は皆無である。 +全く使わない機能は結局習得することもないので、邪魔なだけだ。 +この程度のサイトであればもっとシンプルなもので作れそうだ。 +</p> + +<p> +半年ほど前にMacBookからOSXを消してLinux Mintに移行した。 +インターネットの回線に高額な料金を払うのが嫌で、一度すべて解約したのだが、 +OSXだとユーザーが何もしていなくてもバックグラウンドで大量の通信が +行われており、128kbpsでは何もできなくなったため、勝手に通信しない +Linuxに変えたのである。 +</p> + +<p> +ところがこのLinux Mint、というかデスクトップ環境のxfceには自分には全く必要の +ないアプリケーションが大量に入っているのである。もちろんOSXなんかより +圧倒的にましではあるが… +だんだん嫌になって、あまり考えずに片っ端から消していったら、 +なぜかはよくわからないが起動しなくなってしまった。 +これが確か今年の５月ごろだっただろうか。 +</p> + +<p> +丁度いい機会なのでLinuxの中でも何もない方であるArchのインストールを +試みることにした。 +過去にも何度か挑戦して、そのたびによくわからずに諦めていたが、 +今はパソコンを仕事などでも使っていないということもあり、落ち着いて +ドキュメントを読みながら進めると案外あっさりインストールできてしまった。 +</p> + +<p> +非常に快適である。 +</p> + +<p> +最近携帯を買い替え、人生で初めてAndroidというものを触ったが、 +これもかなり不要なものが入っていて不愉快だ。 +シャープお手製のよくわからないものは案外控えめだったが、 +キャリアである楽天関係のアプリに加え、Googleのアプリケーションが +大量にインストールされている上、それらはさも当たり前のように僕の +個人情報を要求するのである。 +</p> + +<p> +不必要な"便利さ"のためにただで情報を収集する。 +"最大限の便利さ"を提供することが正義で、そのためにはプライバシーを +犠牲にしてもいいと思っている。 +余計なお世話だ。 +</p> + +<p> +このページももっと軽い感じにしたいな。 +</p> + </article> + + </main> +</body> +</html> diff --git a/www/posts/20200727-daily-routine/content.html b/www/posts/20200727-daily-routine/content.html @@ -0,0 +1,69 @@ +<!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 class="introduction"> +<p>普段の生活を少しばかり記録しておこうと思う。</p> +<p>社会人一年目の7月の終わり頃の生活である。</p> +</section> + +<section class="morning"> +<p> +朝はだいたい四時から四時半には目が覚める。 +ちょうど日の出と同じ頃である。 +前日はだいたい九時半頃布団に潜るので睡眠時間は七時間といったところである。 +本当は八時間寝たほうがいいと思っていたが、七時間で自然と目が覚めるので自分には +このくらいがあっているようだ。 +</p> +<p> +朝日を眺めながら米を火にかけ、余っている野菜で煮物を二品ほど作る。 +糠床から香の物を拝借してくれば弁当の完成である。 +朝食は食べない。 +</p> +<p> +布団を畳んで箒をかけ、フローリングは雑巾で軽く拭く。 +今の借家に越してきてから雑巾がけを始めたが、思えば小学校以来かもしれない。 +</p> +<p> +煮物に使った鍋をゆすぎお湯を沸かす。 +バットやボウルを片付けてきれいになったキッチンにコーヒーカップとビーカーを並べる。挽きたての豆で淹れたコーヒーを飲みながらこのブログのソースコードをいじるなどして七時をまつ。 +</p> +<p> +時間になれば着替えて出社。 +</p> +</section> + +<section class=evening> +<p> +五時に退社し帰宅。 +集に二回ほどは途中で豆腐を仕入れに高橋豆腐店に、魚を仕入れに小平鮮魚店に立ち寄る。 +家に着いたら米を火にかけその隣で出しをとる。 +余った野菜で味噌汁ともう一品作り、糠床から香物を拝借すれば夕飯の一汁一菜。 +</p> +<p> +その後はネットをちょつと見るくらいで、 +すぐに風呂にはいって寝てしまう。 +部屋の電気は常夜灯のみなので日が沈むと眠いのだ。 +</p> +</section> + </article> + + </main> +</body> +</html> diff --git a/www/posts/20200801-django-fired/content.html b/www/posts/20200801-django-fired/content.html @@ -0,0 +1,50 @@ +<!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>Djangoやめました。</h3> + <p> + タイトル通り、Djangoを使うのをやめました。 + 代わりにwsgirefを使ってます。Djangoでも間接的に使っていた + のかもしれないけれど。<br /> + 参考: <a href="https://c-bata.link/webframework-in-python/index.html"> + Webアプリケーションフレームワークの作り方 in Python + </a> + </p> + <p> + ただでさえガバガバだったセキュリティが更にザルになっていると思いますが、 + 特に大事なものは置いていないし、Docker使ってるし、大丈夫だと + 思っておいていいかな。攻撃しないでください。 + </p> +</section> +<section> + <h3>サイトのデザイン</h3> + <p> + それから、サイトのデザインも変更してます。 + 一応明確なテーマを以て作っているのですが、なかなか思うような感じに + ならないです。<br /> + 少しずつ調整していくつもりです。 + </p> +</section> + </article> + + </main> +</body> +</html> diff --git a/www/posts/20200802-todays-dinner/content.html b/www/posts/20200802-todays-dinner/content.html @@ -0,0 +1,85 @@ +<!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 @@ -0,0 +1,35 @@ +<!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> +<H3>remoteから投稿できるようになりました。</H3> +<p> + 今までhtmlファイルをクラウドにscpで持って行ってsqlを実行することで + ブログ記事を投稿していましたが、ローカルから直接投稿するスクリプトを + 書いてみました。 +</p> +<p> + 今の所単にsqlを遠隔で行っているだけですが、今後投稿済みの記事を編集 + したりできるように改良したいです。 +</p> + </article> + + </main> +</body> +</html> diff --git a/www/posts/20200808-fridge-and-rich-life/content.html b/www/posts/20200808-fridge-and-rich-life/content.html @@ -0,0 +1,264 @@ +<!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> + 一度使わなくなると、そもそもなぜこのようなものが当たり前のように + 普及しているのか疑問に思ったのでいろいろ考えてみた。 + </p> +</section> +<section> + <h3>発酵食品へ</h3> + <p> + 去年の空き、引越しに伴い生活費がカツカツになり、それまで特に + 考えずにいた家計について少しばかり見直そうと思い立った。 + そして節約の一環として外食を一切やめ、全ての食事を + 自炊に頼るようにした。 + 先に書いたようにまずはお金がなかったので、近くの青果市場で + 見切り品として売られていた30円の野菜ばかり買っていたが、 + 一月ほど節約すれば余裕が出てきてすこし贅沢をするようになった。 + と行っても外食ではなくあくまで自炊である。 + 出町柳の乾物屋に行って鰹節を求め昆布を買い、味噌汁用の出汁 + をきちんと取るようになった。 + どうでもいいが味噌汁用に鰹節を買いに行くと決まって鯖節を + 進められるので、求めたのは鰹だが実際に使っていたのは + ほぼ鯖であった。また、いつも話し方に癖のある主人が + 対応してくれるが、ある時おばあさんが店に出ていた。 + 独特の話し方が主人と全く同じだったのには驚いた。 + 味噌汁に入れる豆腐を豆腐屋で仕入れるようになったのもこの頃である。 + 豆腐屋の人はなぜか皆遠藤征四郎師範のような腕をしている。 + </p> + <p> + 自分で出汁を引いて作った味噌汁はうまい。そこに浮かんでいるのが + 豆腐屋の豆腐なのでなおさらである。 + 自分の舌が肥えていくのがわかった。 + </p> + <p> + そんなある日、スーパーで見かけた浅漬を買って食べた。 + 漬物は昔から好物だったが、金がないのもあり見ないふりをしていたが、 + なんの気なしに手にとって買い物かごに放り込んでみたのである。 + ところがこれがいまいちだった。一口含んだときはまあそれなりに + 美味しい気はするが、しかしなんというか、奥行きがないという感じ + なのだ。それ以来スーパーの漬物は買わなくなってしまった。 + </p> + <p> + しかし漬物は食べたい。 + 結局その頃通っていた近くの米屋で糠をもらってきて + 自分で漬けることにした。 + その際にいろいろ調べたが、どうやらスーパーで売っている漬物 + はどれも発酵していないようなのだ。 + 人工的にうま味を添加した液体に野菜を浸しただけのものらしい。 + 奥行きがないわけである。 + <p> + 糠漬けに始まり、烏賊の塩辛、キムチ、バター、パンの酵母、 + 梅干し、熟れ鮓等発酵食品はいろいろ作った。厳密には塩辛と梅干しは + 発酵していないのだが。 + </p> + <p> + そんなある時ザワークラウトを漬けた。 + このときは漬物が食べたいからというより、単にキャベツを保存する + ためである。 + 一人暮らしだと、冷蔵庫があってもキャベツひと玉は傷んでしまうのだ。 + </p> + <p> + 冷蔵庫でも痛むので塩漬けにする。 + </p> + <p> + だったら冷蔵庫要らんのでは？ + </p> + <p> + 冷蔵庫を手放そうと思い始めたきっかけである。 + </p> +</section> +<section> + <h3>身体の冷え</h3> + <p> + 去年の冬、身体があまりにもだるかった。 + 何もできない。お腹も痛い。 + 地元の漢方薬局を樹脂下が、渡されたのは冷えに効く + 薬ばかりだった。 + 中には重度の冷え性の女性が生理中に身体を温めるための + ものも入っていたw。 + この頃はとにかく身体がだるいだけで、 + 自分では冷えているのかどうかよくわかっていなかった。 + ところが漢方薬局の先生に不調を訴えると、 + ことごとく冷えが原因だと言われた。 + 頭痛も腹痛も倦怠感も、全て冷えだと。 + そんな状態で真冬を迎えた。確かに寒い。身体がキンキンに + 冷えているのがわかるようになった。 + ふくらはぎはずっとむくんでいるし、 + 末端は冷たいし、周りが普通にしている部屋で一人だけ + 凍えていた。 + この頃から身体の言うことをもっと聞いてあげないと + 何もできないことがわかった。 + </p> + <p> + 以来身体の状態はできるだけ観察するようにしている。 + そして気づいたのだが、自分の身体がずっと冷やされているのだ。 + 春が過ぎ暖かくなっても、至るところで冷房画家明かり + 冷たい飲み物を出される。 + まるで汗をかくことが悪であるかのような世界である。 + </p> + <p> + この気付きにより、今年の夏は冷たいものは摂取しないようにしている。 + というよりあまり欲しいとも思わないのだ。 + 喉が乾いても常温のもので満足なのだ + （と言っているそばから実家の冷蔵庫にあったハーゲンダッツを + 食べてしまった）。 + </p> +</section> +<section> + <h3>冷蔵庫の電源を落とす</h3> + <p> + 身体の冷えに気づき、発酵食品にのめり込み、 + 冷蔵庫の必要性に疑問を持ち始めたある時、 + とうとう冷蔵庫の中が空っぽになってしまった。 + ものは試しと早速電源を落としてみた。 + 余った食材はぬか床に入れるか、あるいは + 塩漬けにしておけば腐る心配はない。 + </p> + <p> + 横浜に越してきてからは週末に一週間分の野菜を + 鎌倉の即売所で仕入れ、冷蔵庫に入れていた。 + 冷蔵庫の電源を落としてからは余った野菜は + すべて乳酸菌の力で酸っぱくして保存していた。 + 流石に酸味に空きてきた頃、梅干し用に買ってきたザルが + 梅を干し終えて暇そうにしているのを見つけた。 + 干し野菜はうま味が凝縮されて美味しいというので + 試しに余ったものを干してみた。 + きゅうり、大根等水分が多いものは薄く切ってそのまま並べる。 + かぼちゃやじゃがいも等は一度蒸してから干す。 + 生のまま干したものは味が濃くなり食感もコリコリと面白くなる。 + 一方蒸したものは甘みが強くなり、ねっとりとしてこれもまたうまい。 + 一度この味を知ると、どうして今まで冷蔵庫に入れて味が劣化するのを + 気にも止めなかったのかと悔やまれる。 + </p> + <p> + 魚はその日のうちに使う文以外は塩水につけて干しておくか、 + 米と合わせてあせの葉や柿の葉で包んでおけば熟れ鮓になる。 + まだ作ったことはないが、みりん干しなんかもやってみたいものだ。 + </p> + <p> + 豆腐は水切りをして何かしら塩分の濃いもので包んでおけば + 大丈夫そうだ。 + 味噌、糠、塩。どれにつけても美味しい。塩漬けはチーズのような + 芳醇な感じになることを期待していたがそれもない。 + 水道水をそのまま使ったのがまずかったか。 + まあ保存はできているのでいいのだけれど。 + </p> + <p> + 肉は最近食べていないのでわからないが、魚と同じだろう。 + 中国には確か肉の熟れ鮓もあったような。 + 燻製なんかも興味がある。 + </p> + <p> + 冷蔵庫を使わなくなり一週間経つが、何一つ不便なことはない。 + 冷蔵庫の下が掃除できないので早くいなくなってほしいくらいだ。 + </p> +</section> +<section> + <h3>なぜ冷蔵庫がうちにあるのか。</h3> + <p> + 改めて冷蔵庫というものを見直してみると、どうしてこんなものが + 台所の一角に鎮座しているのかわからなくなってきた。 + 大学に進学し一人暮らしを始めるに当たり、 + なんの疑問もなく買ったのだ。 + 電子レンジや洗濯機も同じである。 + テレビはNHKが鬱陶しいので買わなかったが。 + 冷蔵庫は家に必要なものであるという常識のもとに生まれ、 + 冷蔵庫を当たり前のように使いながら育った。 + 一人暮らしをするというと、どこに行っても冷蔵庫を買うのが + 当たり前かのように話が進み、とうとう自分でも買うに至ったと + 言うわけである。まあ冷蔵庫を買うのは当たり前なのだろうが。 + </p> + <p> + つまり冷蔵庫がうちにあるのは世の中の常識を + そのまま自分の家に取り込んだ結果なのだ。 + </p> +</section> +<section> + <h3>冷蔵庫という常識</h3> + <p> + ではなぜ冷蔵庫を持つのが常識なのか。 + 簡単である。 + マーケティングの結果だろう。 + </p> + <p> + 今までの生活が不便だという認識を植え付け、 + その不便を解消するという謳い文句で新しい常識を売る。 + 世の中に出回っている便利な道具は大方同じであろう。 + </p> +</section> +<section> + <h3>豊かさとは</h3> + <p> + 豊かな食生活のためといって舶来の料理をはやらせ + 食物油を売り、頑固な油汚れが落ちるからと言って + 強力な洗剤を売り、荒れた手が潤うからと言って + ハンドクリームを売る。 + </p> + <p> + 忙しいからと便利な家電を売り、 + その一方で暇を潰すためのエンターテインメントに + 金を払わせる。 + </p> + <p> + 暑いからといいエアコンを売って快適な環境を整え、 + 汗をかくためにサウナに金を使わせる。 + </p> + <p> + きついからと言い肉体労働を敬遠し、 + 楽をするために自動車を買い、 + その一方で運動不足になりジムに通う。 + </p> + <p> + どれもこれもテレビや新聞等のメディアに作られた豊かさ + ではないだろうか。 + </p> + <p> + 常識や流行にとらわれず、豊かな生き方とはなんなのか、 + 本当に必要なものはなにか、自分自身に問いただす。 + 一度すべての常識を捨て、自分にとって本質的なものを + ゼロから構築する。 + 人生を本当の意味で豊かにしてくれる物だけがすべて揃った + そんな家に僕は住みたい。 + </p> +</section> + </article> + + </main> +</body> +</html> diff --git a/www/posts/20200917-python-fired/content.html b/www/posts/20200917-python-fired/content.html @@ -0,0 +1,34 @@ +<!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> +<h2>pythonやめました。</h2> + +<p>pythonをやめてbashスクリプトで作ったcgiに置き換えました。</p> +<p>管理がだいぶ楽になった気がします。</p> +<p>アプリの中身ばかりいじってブログの記事が全然増やせていませんが +ぼちぼち書いていきたいと思います。</p> + +<p>サーバーからbashのcgiを動かすにあたって、nginxがややこしかったので +apacheに変えたのですが、設定が適当なのでセキュリティが心配です。</p> + </article> + + </main> +</body> +</html> diff --git a/www/posts/20200918-my-job/content.html b/www/posts/20200918-my-job/content.html @@ -0,0 +1,59 @@ +<!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> +<h2>仕事</h2> + +<p> +今の仕事がつらい。 +やっているのは得意先から届く注文書のファックスを自社のデータベースに入力するだけの仕事だ。 +誰でもできる仕事であり、近い将来自動化されるだろう。その一方でファックスの様式が得意先毎に異なり、入力時にはその注文書に明記されていないことも考慮しなければいけない。 +日本企業の生産性が低い原因をまじまじと見せられている。 +このような業務なので、入力作業自体は１日もかからずに覚えられる一方、得意先毎の細かい違いを覚えるのに何年もかかるだろう。 +日に日にこの業務に慣れ、入力は速くなっているが、自分が成長しているようには感じない。この会社のこの業務という非常に限定的な分野でしか使えない技術だけがついていくからである。こんなことでは転職しようにもよその会社で使える技術が何もないので、新卒と同じ土俵にたたなければいけなくなる。採用する側もそんな人材に興味はないだろう。 +</p> +<p> +成長したい。 +成長とはなんだろう。 +多分生きていく上で使える技術を身に付けることである。 +生きていく上で使える技術とはなんだろう。究極的には畑で作物を育てる技術だと思うが、そんな世紀末のことはまだ考えなくてもいいかもしれない。 +汎用性のある人間になればいいのだろうか。 +そうすれば何でもできて食いっぱぐれない。 +しかしその「何でも」の中に今の仕事は含まれていない。 +成長が感じられない単純な作業はストレスで死んでしまう。 +つまりなんでもできるの中には成長しない仕事は含まれない。 +</p> +<p> +なぜ今の会社にいるのか。 +それは実家に帰るためである。 +実家で工場を経営しているのでそこを嗣ごうと考えた。 +そのために同業大手に就職し技術を持ってかえるように父に言われた。 +ところがいざ就職してみると、僕が考えていた技術が一向に学べていない。 +その一方で今学んでいることは父が持って帰ってほしい技術であるようだ。父は工場で必要な細かい技術や知識を持って帰ってほしいらしい。 +僕はそんなものはほしいとは思わない。この業界に特化しても生き残れないと考えるからだ。もちろん業界に特化した人材も必要なのかもしれないが、それはあなたの長男ではないのではないだろうか。長女でも次男でもなさそうだし。 +</p> +<p> +今のところだからどうしたいと言うまとまった考えがあるわけではないが、少なくとも自分の学ぶべき場所はここではないと感じている。心身に無理が生じているのを感じるからだ。 +業界の知識を短期間で軽くさらって、そのあとは別の世界を見てみたい。どこかに成長を実感できる世界がないものか。 +</p> + </article> + + </main> +</body> +</html> diff --git a/www/posts/20200919-factory-tour/content.html b/www/posts/20200919-factory-tour/content.html @@ -0,0 +1,82 @@ +<!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> +<h2>実家の工場を見学してきた</h2> +<p> + 実家で営んでいる工場を嗣ぐために同業大手に働きに出ているが、 + そこで何を学べばいいのかわからないので、一度実家の工場を見学 + することにして、今日行ってきた。 +</p> +<p> + 見学して思ったのは、今いる大手の工場よりうちの工場のほうが + いい工場であるということだ。 + 工場内は比較的整然としているし、データベース等のシステムも + 今自分がいる会社よりは圧倒的に進んでいた。 +</p> +<p> + いよいよ自分が今の会社で働いている意味がわからなくなってきた。 + どうやら父は今僕のいる会社には人材を育成するための教育制度 + が整備されていて、その制度によって僕という人材が育成されることを + 期待していたようだ。 + 残念ながらそんな制度はなかったようだが。 +</p> +<p> + つまり僕が今の会社に居続ける義理もそんなにないようである。 + もちろん業界の知識は少なからず必要であり、今の会社でも + 働き続ければ多少は勉強できるだろうが、そのために投資する時間 + に対して割に合わないだろう。 +</p> +<p> + ではどうするか。今の会社をやめるのであれば転職である。 + そしてその転職先は実家かそれ以外かである。 + 今実家に就職するのはいい選択なのだろうか。 + 僕は業界に関する知識もないし、ビジネスの世界も全く知らない。 + こんな状態で就職しても、おそらく他の人と同じようなことしか + できないだろう。工場に新鮮な空気を取り込めないのだ。 + だから今は一旦業界を離れ、全く別の世界を覗きに行くのがいいのではないか。 +</p> +<p> + 個人的に興味があるのはIT系である。 + 工場のDXという言葉がよく新聞に並んでいるが、その流れを + 実家に持ち帰れるかもしれない。 + もう一つ興味があるのは農業である。 + 僕がかってに妄想しているだけだが、近いうちに大量消費社会が + 終焉を迎え、自分たちにとって本当の豊かさとは何か、今一度 + 考え直す秋が来ると思う。そうなれば必然的に見直されるのが + 農業である。社会から何を削っても絶対に外せないのが食だからだ。 + そこに豊かさや幸福を求めるのは自然なことだろう。 + そんな農業とのつながりを何らかの形で事業に持ち込めれば + いいかもしれない。 +</p> +<p> + いずれにせよ今のままダラダラと働くのはごめんだ。 + 無駄なことに時間と精神を費やすのはアホである。 + 我慢して頑張っても、それで身体を壊した上に何も学べない。 + そんなのは投資とは言えない。 + 頑張るのではなく、精神の求める方に流れていくほうが自然な生き方だろう。 + とにかく現状を変化させて前に向かって進みたいのだ。 + 自ら動かなければ何もおきない。 + 連休中にエントリーシート書こうかな。 +</p> + </article> + + </main> +</body> +</html> diff --git a/www/posts/20200925-rsync-test/content.html b/www/posts/20200925-rsync-test/content.html @@ -0,0 +1,27 @@ +<!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> +<h2>rsyncでの投稿テスト</h2> +<p>自宅のパソコンから直接rsyncで投稿てすと。</p> + </article> + + </main> +</body> +</html> diff --git a/www/posts/20200926-ssl/content.html b/www/posts/20200926-ssl/content.html @@ -0,0 +1,31 @@ +<!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> +<h2>SSLに対応しました。</h2> +<p>Certbotを使ってSSLに対応しました。</p> +<p> +と言っても特に暗号化する必要のある情報は +取り扱っていないので完全に自己満足ではありますが。 +</p> + </article> + + </main> +</body> +</html> diff --git a/www/posts/20201003-what-to-do/content.html b/www/posts/20201003-what-to-do/content.html @@ -0,0 +1,141 @@ +<!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> +<h3>仕事</h3> +<p> +研究者を目指して大学に入り挫折した。 +</p> +<p> +就職先を考えたが、やりたい仕事などそれまで考えたこともなかった。 +そのためやりたいことを基準に仕事を選ぶことができなかった。 +そこで考えたのが、なんのために働くかということである。 +地元には親戚がたくさんいて正月や盆には大勢集まる。 +サマーウォーズみたいな感じ。 +残念ながら古民家に集まるわけではないが。 +僕は家というものが好きだった。 +大学を出てからの人生はその家を更に大きくすることにしよう。 +そう考えた。 +そしてそのための方法として選んだのが、実家が営んでいる +ダンボール工場を嗣ぐことであった。 +そのために卒業後はまず同業大手で勉強させてもらい、 +数年後実家に帰ることにした。 +</p> +<p> +ところがいざ働き始めたらどうだろう。 +何もやりがいがなかった。 +回りにいるひととは全く反りが合わなかった。 +労働環境は最悪だった。 +生活環境も受け入れられなかった。 +気づけばストレスで心身がボロボロになり、盆休み開けにとうとう寝込んだ。 +</p> +<p> +仕事が嫌になった。 +その原因について、はじめは成長が感じられないからとか、 +無駄なことを無駄だとわかっているのに無理やりしているからとか、 +いろいろ理由を分析してみたものっだったが、今思えばどれも違う。 +単純に世間一般に広く普及している仕事というものに適正がないのだろう。 +心療内科の医者によれば、僕の症状は適応障害だそうだ。 +こんな世界に適応などしてたまるものか。 +</p> +<h3>社会は嫌いだ</h3> +<p> +この社会に適応できないのは今に始まったことではないと思う。 +</p> +<p> +京都から和歌山に帰省するたびに、大阪の町並みが汚いのが気になりだした。 +駅の周りには鉄筋コンクリートの四角い箱が乱雑に並んでいるのである。 +どれも建てられた当時は先進的なデザインでおしゃれだったのだろう。 +そして駅から少し離れた場所にも同じくコンクリートの箱が並んでいる。 +こちらは最近建てられたらしく、デザインも今風である。 +30年建てば時代遅れの残念な物件になるのだろう。 +こんな家を建てる人たちは一体何を考えているのやら。 +人生で一番大きな買い物と言いつつ、ろくに調べもしないでハウスメーカーの +口車に乗せられ、モダンでおしゃれな家を建てる。 +自分の建てた家に子々孫々住んでほしいとは思わないのだろうか。 +</p> +<p> +ある時からスーパーに行くのがしんどくなった。 +出町柳にある枡形商店街の近くに住んでいたことがある。 +その間食事の買い物はほとんどそこに通っていた。 +豆腐屋、肉屋、乾物屋等、専門店が一通り揃っていた。 +扱っているものは当然そのへんのスーパーよりも美味しかった。 +ある時伏見の方に引っ越して、久々にスーパーに通い始めたのだが、 +これが非常にしんどかった。 +音楽がうるさくて買い物に集中できないのだ。 +なんだかよくわからない音楽がやたら大きな音で流れている。 +夕飯を考えながら、美味しいものを選別しようとしている脳みそに、 +その思考を遮るように流れてくるのだ。 +だんだん頭がぼーっとしてきて、結局適当に選んでしまう。 +スーパーでは音楽だけでなく、視覚的な表示も鬱陶しい。 +商品のパッケージは周りよりも少しでも目立とうとするばかりで、 +欲しい情報が一切目に入らない。 +適当に選んで家に持って帰るが、結局対して美味しいものではない。 +スーパーに並んでいるものは、本質的な価値ではなくマーケティングを始めとする +販促にかかるコストの割合が多いのだろう。 +「美味しいワイン」。「リコピンが多いトマト」。「DHAが含まれているソーセージ」。 +だまっとれや。 +ただ、そういうものが多く売られているというのは、それはつまり +消費者がそういうものを購入すると言うことである。 +同じものであってもパッケージに美味しいと書いていた方を買うのだろう。 +スーパーでものを買って行く人々が、心理学に踊らされているだけのモルモットに +見えてきた。 +こんな人たちの中に居たくない。そんなこと書いたら叩かれるかな。 +</p> +<p> +スーパーがだめになれば他の店もかなり辛くなった。 +結局ものを売るというのは同じことなのである。 +自分でも驚いたが、スーパーにいけなくなってから、無印良品にも行けない。 +よくわからん音楽が流れる中で、独自のおしゃれ感を作り出しそれを売っている。 +物自体もそんなに質の高いものではないし。 +そこに集う人たちも、雑誌でよく見るテンプレ通りの最近の若者である。 +雑誌はあまり見ないので知らんけど。 +</p> +<p> +この人たちは自分の内側から湧いてくる価値観というものを自覚したことが +あるのだろうか。 +人工的に生み出された流行に踊らされているだけなのではないだろうか。 +</p> +<p> +スーパーに行かなくなり、巷で流行っているものを消費しなくなり、 +いよいよ自分がなぜ働いているのかわからなくなった。 +</p> +<h3>やっぱ農家かな</h3> +<p> +世の中にはびこっている様々なものに価値を見いだせなくなったわけだが、 +それでも買わないと生きて行けないのが食べ物である。 +就職してからの半年間は食べ物には結構こだわっていた。 +スーパーに行けないこともあり、学生時代に商店街に通っていたこともあり、 +住処の周りにある個人商店やらを探し回った。 +家から徒歩圏内に豆腐屋と魚屋を見つけた。 +野菜は鎌倉の即売所まで買いに行った。 +米も鎌倉の米屋に求めた。 +乾物も鎌倉だ。 +休みの日は結構な時間と労力を食べ物に投資していたと思う。 +美味しいものを食べてこその人生なのである。 +</p> +<p> +やっぱり農家になりたいな。 +</p> + </article> + + </main> +</body> +</html> diff --git a/www/posts/20201201-hatake/content.html b/www/posts/20201201-hatake/content.html @@ -0,0 +1,39 @@ +<!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> +実家のとなりに畑がある。 +子供の頃はそこで育った野菜をよくもらって食べていた。 +最近そこを耕していたひとが高齢のため引退して、 +雑草が生え放題になっていた。 +</p> +<p> +先日その土地の地主が草刈に来たので声をかけたところ、 +暫く使う予定がないので使ってもいいとのことだ。 +</p> +<p> +ということでぼちぼち何か作ろうと思う。 +</p> + </article> + + </main> +</body> +</html> diff --git a/www/posts/20201202-tamanegi/content.html b/www/posts/20201202-tamanegi/content.html @@ -0,0 +1,35 @@ +<!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> +祖父の友人がたまねぎの苗を分けてくれたので植えた。 +時期はかなり遅いみたいだがうまくそだってくれるだろうか。 +</p> +<p> +耕していない畝に15cm間隔、条間20cmくらいで少し穴を掘って植えた。 +その上から、先日刈った雑草を被せておいた。 +とりあえず一畝だけ。 +</p> + </article> + + </main> +</body> +</html> diff --git a/www/posts/20201209-hatake/content.html b/www/posts/20201209-hatake/content.html @@ -0,0 +1,38 @@ +<!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>この土日に不耕起の農法を教えてくれる赤目自然農塾にお邪魔してきた。 +その際、今の畝では幅が狭すぎるので広げたほうがいいといわれた。 +とりあえず畝の間の溝を埋めて二つの畝を繋げることにした。 +余り無理をしても次の日動けないのは困るので今日は一列だけ。 +180cmから2m程度の畝になった。 +</p> + +<p> +先日植えた玉葱は根がきちんと活着してくれたようで、 +寝ていた株も起きあがって元気そうである。 +ただしこの畝は細いままなので、やはり表面が少し乾燥しているようだ。 +</p> + </article> + + </main> +</body> +</html> diff --git a/www/posts/20201210-komatsuna/content.html b/www/posts/20201210-komatsuna/content.html @@ -0,0 +1,42 @@ +<!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> +駅の近くに種苗店がある。 +以前から気にはなっていたのだが、いつ前を通っても店主がお客さんと話し込んでいて入りづらかった。 +ところが今日はだれもいなかったので遂に敷居を跨ぐことができた。 +</p> +<p> +時期が時期なので余り品揃えはよくなかったが、いろいろと教えてくれた。 +F1ではない種も多数取り扱っているようで、和歌山大根という地元の品種もあった。 +今ある種のなかから、一年中いつでも蒔ける小松菜をいただいてきた。 +楽天という品種だった。 +</p> +<p> +家に帰って早速種を蒔いた。 +先日広げた畝に、北側から2坪ほどの土にばら蒔きした。 +少し乾燥ぎみだったので、横に散らばっていた草を上から被せた。 +</p> + </article> + + </main> +</body> +</html> diff --git a/www/posts/20210106-x220-test/content.html b/www/posts/20210106-x220-test/content.html @@ -0,0 +1,61 @@ +<!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>x220から投稿テスト</h1> +<p> +thinkpad x220を手に入れ、arch linuxの環境を整えた。 +</p> +<p> +スペックはこんな感じ: +<ul> + <li>core i7 2620M</li> + <li>メモリ 8GB</li> + <li>ssd 256GB。</li> +</ul> +ヤフオクで送料入れて15000円程度だった。 +</p> +<p> +画面はTNだろうと思って買ったが、 +届いたら視野角が広くて非常に見易いので +多分IPSであろう。 +これは結構うれしい。 +</p> +<p> +全体的に綺麗な個体だ。 +</p> +<p> +バッテリーは期待通り完全に消耗していて、 +起動後5秒ほどで切れてしまう。 +</p> +<p> +あとwindows用の日本語キーボードはあんまり +好きではない。 +いちばん下の段がぎゅうぎゅう詰めでスペースが +小さすぎる。 +</p> +<p> +バッテリーを交換するのが先かキーボードをUS配列にするのが先か +悩ましいところだ。 +</p> + </article> + + </main> +</body> +</html> diff --git a/www/static/base.css b/www/static/base.css @@ -0,0 +1,58 @@ +html { + padding-left: 10px; + padding-right: 10px; + min-height: 100vh; + display: flex; +} + +a { + color: #38b48b; +} + +body { + flex-grow: 1; + background-color: #1b1b1b; + color: white; + display: flex; + flex-direction: column; + margin-left: auto; + margin-right: auto; +} + +header { + margin: 5px; + padding: 5px; + background-color: #2b2b2b; +} + 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; + } + +main { + flex-grow: 1; + margin: 5px; + padding: 5px; + background-color: #2b2b2b; +} + main > article{ + background-color: #2b2b2b; + margin: 5px; + flex: 1; + }