checklist

config.toml

@@ -74,6 +74,11 @@ icon = "fa fa-matrix-org fa-2x fa-fw"
 title = "matrix"
 url = "https://matrix.to/#/@jon:kelbie.scot"
 
+[[params.socialIcons]]
+icon = "fa fa-xmpp fa-2x fa-fw"
+title = "XMPP"
+url = "xmpp:jon@kelbie.scot"
+
 [[params.socialIcons]]
 icon = "fa fa-note_com fa-2x fa-fw"
 title = "note.com"

themes/nipponalba/layouts/index.html

@@ -18,6 +18,19 @@
     <span class="categories_span">{{ with .Page.Params.category }}Categories: {{ partial "taxonomy/categories.html" . }}{{ end }}</span><span class="info-date"><a href="{{ .Permalink }}" class="u-url"><time class="dt-published" datetime="{{ .Date.Format "2 Jan 2006 15:04 GMT" }}">{{ .Date.Format "02/01/2006 15:04 GMT" }}</time></a></span><br/>
   </section>
 </article> {{ end }}
+<h2>Moving to Japan Checklist</h2>
+<article class="index-note h-entry entry">
+  <section class="checklist">
+    <span id="a1">Apply to 協力隊 scheme</span><span id="a2">&#10004;</span><span id="a3">Interview for 協力隊 scheme </span><span id="a4">&#10004;</span>
+    <span id="b1">Be offered contracts for 協力隊 scheme </span><span id="b2">&#10004;</span><span id="b3">Accept contracts for 協力隊 scheme</span><span id="b4">&#10004;</span>
+    <span id="c1">Obtain driving license (Jon)</span><span id="c2">&#10004;</span><span id="c3">Obtain driving license (Sakino)</span><span id="c4">&#10007;</span>
+    <span id="d1">Obtain spouse visa (Jon)</span><span id="d2">&#10007;</span><span id="d3">Fully vaccinate and antibody test Tosh</span><span id="d4">&#10004;</span>
+    <span id="e1">Arrange removal company</span><span id="e2">&#10004;</span><span id="e3">Get house ready for sale</span><span id="e4">&#10007;</span>
+    <span id="f1">Sell house</span><span id="f2">&#10007;</span><span id="f3">Sell or donate excess stuff</span><span id="f4">&#10007;</span>
+    <span id="g1">Book flights</span><span id="g2">&#10007;</span><span id="g3">Arrange transport for Tosh</span><span id="g4">&#10007;</span>
+    <span id="h1">Be in Japan</span><span id="h2">&#10007;</span><span id="h3">Become a brewer</span><span id="h4">&#10007;</span>
+    </section>
+  </article>
 </section>
     <section class="latest_articles"><h2>Latest articles</h2>
     {{ range (first 3 (where .Site.RegularPages "Type" "=" "article")) }}

themes/nipponalba/layouts/index.jp.html

@@ -18,6 +18,19 @@
     <span class="categories_span">{{ with .Page.Params.category }}カテゴリー: {{ partial "taxonomy/categories.html" . }}{{ end }}</span><span class="info-date"><a href="{{ .Permalink }}" class="u-url"><time class="dt-published" datetime="{{ .Date.Format "2 Jan 2006 15:04 GMT" }}">{{ .Date.Format "02/01/2006 15:04 GMT" }}</time></a></span><br/>
   </section>
 </article> {{ end }}
+<h2>日本への移住チェックリスト</h2>
+<article class="index-note h-entry entry">
+  <section class="checklist">
+    <span id="a1">日高村地域おこし協力隊員に応募する </span><span id="a2">&#10004;</span><span id="a3">日高村地域おこし協力隊員の関して面接する </span><span id="a4">&#10004;</span>
+    <span id="b1">日高村地域おこし協力隊員の契約のオファーを受ける </span><span id="b2">&#10004;</span><span id="b3">日高村地域おこし協力隊員の契約書の受理する </span><span id="b4">&#10004;</span>
+    <span id="c1">運転免許証の取得する(ジョン)</span><span id="c2">&#10004;</span><span id="c3">運転免許証の取得する(咲野) </span><span id="c4">&#10007;</span>
+    <span id="d1">配偶者ビザの取得する(ジョン)</span><span id="d2">&#10007;</span><span id="d3">トッシュの完全にワクチンを接種し、抗体検査を行う</span><span id="d4">&#10004;</span>
+    <span id="e1">撤去業者の手配する</span><span id="e2">&#10004;</span><span id="e3">家を売るための準備する</span><span id="e4">&#10007;</span>
+    <span id="f1">家を売る</span><span id="f2">&#10007;</span><span id="f3">余分なものを売る、寄付する</span><span id="f4">&#10007;</span>
+    <span id="g1">航空券の予約する</span><span id="g2">&#10007;</span><span id="g3">トッシュの輸送を手配する</span><span id="g4">&#10007;</span>
+    <span id="h1">日本への移動する</span><span id="h2">&#10007;</span><span id="h3">醸造家になる</span><span id="h4">&#10007;</span>
+    </section>
+  </article>
 </section>
     <section class="latest_articles"><h2>最新の記事</h2>
     {{ range (first 3 (where .Site.RegularPages "Type" "=" "article")) }}

themes/nipponalba/static/css/style.css

@@ -466,6 +466,142 @@ main{
 .welcome{
   margin-top: 20px;
 }
+.checklist{
+  display: grid;
+  grid-template-columns: 45% 5% 45% 5%;
+  grid-template-rows: auto;
+  align-items: center;
+  gap: 15px 0px;
+  }
+
+#a1{
+  grid-column: 1;
+  grid-row: 1;
+}
+#a2{
+  grid-column: 2;
+  grid-row: 1;
+}
+#a3{
+  grid-column: 3;
+  grid-row: 1;
+}
+#a4{
+  grid-column: 4;
+  grid-row: 1;
+}
+#b1{
+  grid-column: 1;
+  grid-row: 2;
+}
+#b2{
+  grid-column: 2;
+  grid-row: 2;
+}
+#b3{
+  grid-column: 3;
+  grid-row: 2;
+}
+#b4{
+  grid-column: 4;
+  grid-row: 2;
+}
+#c1{
+  grid-column: 1;
+  grid-row: 3;
+}
+#c2{
+  grid-column: 2;
+  grid-row: 3;
+}
+#c3{
+  grid-column: 3;
+  grid-row: 3;
+}
+#c4{
+  grid-column: 4;
+  grid-row: 3;
+}
+#d1{
+  grid-column: 1;
+  grid-row: 4;
+}
+#d2{
+  grid-column: 2;
+  grid-row: 4;
+}
+#d3{
+  grid-column: 3;
+  grid-row: 4;
+}
+#d4{
+  grid-column: 4;
+  grid-row: 4;
+}
+#e1{
+  grid-column: 1;
+  grid-row: 5;
+}
+#e2{
+  grid-column: 2;
+  grid-row: 5;
+}
+#e3{
+  grid-column: 3;
+  grid-row: 5;
+}
+#e4{
+  grid-column: 4;
+  grid-row: 5;
+}
+#f1{
+  grid-column: 1;
+  grid-row: 6;
+}
+#f2{
+  grid-column: 2;
+  grid-row: 6;
+}
+#f3{
+  grid-column: 3;
+  grid-row: 6;
+}
+#f4{
+  grid-column: 4;
+  grid-row: 6;
+}
+#g1{
+  grid-column: 1;
+  grid-row: 7;
+}
+#g2{
+  grid-column: 2;
+  grid-row: 7;
+}
+#g3{
+  grid-column: 3;
+  grid-row: 7;
+}
+#g4{
+  grid-column: 4;
+  grid-row: 7;
+}
+#h1{
+  grid-column: 1;
+  grid-row: 8;
+}
+#h2{
+  grid-column: 2;
+  grid-row: 8;
+}
+#h3{
+  grid-column: 3;
+  grid-row: 8;
+}
+#h4{
+  grid-column: 4;
+  grid-row: 8;
+}
 .resume{
   width:97%;
 }