small updates

yohman · Feb 9, 2024 · 7646366 · 7646366
1 parent 73bd708
commit 7646366
Show file tree

Hide file tree

Showing 8 changed files with 531 additions and 21 deletions.
diff --git a/docs/css/style.css b/docs/css/style.css
@@ -61,7 +61,7 @@ body, html {
 .gallery {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
-    grid-gap: 20px;
+    grid-gap: 10px;
 }
 .gallery-item {
     text-align: center;
@@ -74,7 +74,7 @@ body, html {
 }
 .gallery-item img {
     width: 200px;
-    height: 400px;
+    height: 200px;
     object-fit: cover;
     border-radius: 5px;
 }
@@ -160,3 +160,18 @@ body, html {
   #nextBtn {
 	right: 0;
   }
+
+/* circular image */
+/* Style for circular image */
+.circular-image {
+    width: 80px; /* Adjust size as needed */
+    height: 80px; /* Adjust size as needed */
+    border-radius: 50%; /*Makes the image circular*/
+    overflow: hidden;
+}
+
+/* Style for image link */
+.circular-image-link {
+    display: inline-block;
+    text-decoration: none; /* Removes underline from the link */
+}
diff --git a/docs/index.md b/docs/index.md
@@ -6,9 +6,14 @@ hide:
   - footer
 ---
 <style>
-	.md-header{display:none;}
-	.md-tabs{display:none;}
+	.md-header{
+		display:none;
+	}
+	.md-tabs{
+		display:none;
+	}
 </style>
+
 <!-- HTML5 Video Element -->
 <video autoplay muted loop id="video-background">
 	<source src="images/tomoni.mp4" type="video/mp4">

diff --git a/docs/project gallery/analog.md b/docs/project gallery/analog.md
@@ -1,5 +1,16 @@
 # 「アナログ版のマッピング作成ーポストイットで想いを伝えよう！ー」
 
+<a href="../../tomoni participants/mifuyu" class="circular-image-link">
+    <img class="circular-image" src="../../images/mifuyu bw.jpg" alt="Mifuyu">
+</a>
+<a href="../../tomoni participants/saki" class="circular-image-link">
+    <img class="circular-image" src="../../images/saki bw.jpg" alt="Saki">
+</a>
+<a href="../../tomoni participants/riria" class="circular-image-link">
+    <img class="circular-image" src="../../images/riria bw.jpg" alt="Riria">
+</a>
+
+
 ![alt text](images/mifuyu1.jpeg)
 
 私たちのプロジェクトチームでは4日間の福島県・浜通りのフィールドワークを通して、ネガティブな負の遺産だけではなく、まちの魅力や文化、人、歴史など震災前の潜在的なポジティブな面も目を向けて発信できるものを作りたいと考えた。そこで、デジタル化が基盤になっている社会で、あえてアナログ版（紙製）の浜通りのマップを作り、参加者は付箋で各所への気持ちや思い、思い出・出来事などナラティブに表現し、そして最後に出来上がったマップを見ながら参加者同士で新たな発見や気づきを得られたらいいと企画をした。デジタルでの利便性も理解した上で、あえてアナログにすることで、人が書いた文字が声となってデジタルよりもさらに「思い」というものが人へ伝わるのではないかと考えた。	このプロジェクトの目的は「人とのつながり」を参加者にとって感じてほしいという思いを込めて作った。誰に向けて作るのか、発信するのか考えた時に、福島県浜通りの被災に関わった当事者の人もそうではない都市部や他地方の人（ほとんどのゼミ参加者）が浜通りで何を感じたのかお互いに共有できる場を作りたかったためこのマッピングを提案した。	

diff --git a/docs/project gallery/images/omoide.jpg b/docs/project gallery/images/omoide.jpg
diff --git a/docs/project gallery/miryoku.md b/docs/project gallery/miryoku.md
@@ -1,5 +1,10 @@
 # 小高の人が持つ魅力
 
+<a href="../../tomoni participants/naoki" class="circular-image-link">
+    <img class="circular-image" src="../../images/naoki bw.jpg" alt="naoki">
+</a>
+
+
 <video src="../images/naoki.mp4" autoplay controls width=50%>
     Your browser does not support the video tag.
 </video>

diff --git a/docs/project gallery/omoide_map.md b/docs/project gallery/omoide_map.md
@@ -1,31 +1,37 @@
-# 小高の思い出
+# 小高の思い出...
 
-<iframe width="560" height="315" src="https://earth.google.com/web/data=MkEKPwo9CiExTDBscTdvcm9OS2dnaDBKS2xKZGhacVRnVTJZZktWZGsSFgoUMEMzMEZGNzBGQzJFQTYwNDlDOTEgAQ" frameborder="0" allowfullscreen></iframe>
+<a href="../../tomoni participants/akira" class="circular-image-link">
+    <img class="circular-image" src="../../images/akira bw.jpg" alt="Akira">
+</a>
+
+![alt text](images/omoide.jpg)
+
+[Launch 小高の思い出 in google earth](https://earth.google.com/web/data=MkEKPwo9CiExMGJ1bjE4X1lXRUdUUVBlMHNhVW5qVEduWWRDQzgyd0oSFgoUMEMzMEZGNzBGQzJFQTYwNDlDOTEgAQ){ .md-button }
 
 小高 思い出マップ	地域の方にインタビューする中でお話してくださった、商店街を中心とした以前の小高のまちの様子といくつかのエピソードをデジタルマップに落とし込んだ。	「震災前の建物がどんどん潰されて更地になっていく。震災前のまちの様子も分かってほしい。」この言葉が印象的だった。地域を盛り上げることも必要ではあるが、それとは別に記憶・記録を残していくことも重要ではないかと考えるようになった。自分には何ができるだろうか。そこで、この街に住んでいた人にしかわからない震災前のエピソードを集めてデジタルマップ化することを思いついた。話していただいたエピソードは事実とは厳密には違うかもしれない。また、人によってそれぞれのお店の捉え方も違うだろう。しかし、地域の方1人1人の心の中にある物語（narrative）がすべて組み合わさって街ができていたはずだから、そのうちの1人でも2人でもどのように街を感じていたのか記録しておくことは大切だと思う。そのような思いでマップを作った。
 
 ## People I met
 
-・双葉屋旅館女将の友子さん
-→最初の出会いは初日に双葉屋旅館に到着したとき。友子さんは小高のまちのほとんど全員と関わっていて、帰還前から小高を盛り上げる人々の先頭に立っている。プロジェクトに関しては、2日目の午前中に小高教会や幼稚園などを案内してもらったほか、自分が関わったほぼすべての人を紹介してくださった。
+### 双葉屋旅館女将の友子さん
+最初の出会いは初日に双葉屋旅館に到着したとき。友子さんは小高のまちのほとんど全員と関わっていて、帰還前から小高を盛り上げる人々の先頭に立っている。プロジェクトに関しては、2日目の午前中に小高教会や幼稚園などを案内してもらったほか、自分が関わったほぼすべての人を紹介してくださった。
 
-・鍋屋金物店のご夫婦
-→友子さんの紹介で、小高の昔のまちの様子を聞くために訪れた。秤のこと、昔の商店街のこと、石蔵のこと、8人家族だったこと、いろいろなお話を聞かせていただいた。帰り際にはドーナツまでいただいた。
+### 鍋屋金物店のご夫婦
+友子さんの紹介で、小高の昔のまちの様子を聞くために訪れた。秤のこと、昔の商店街のこと、石蔵のこと、8人家族だったこと、いろいろなお話を聞かせていただいた。帰り際にはドーナツまでいただいた。
 
-・谷地魚店のご夫婦
-→ひまわりカフェでお世話になったお母さんの紹介で訪れた。小高の歴史のこと、昔の街の様子、少子高齢化のこと、お子さんのエピソード、ここでもいろいろなお話をさせていただいた
+### 谷地魚店のご夫婦
+ひまわりカフェでお世話になったお母さんの紹介で訪れた。小高の歴史のこと、昔の街の様子、少子高齢化のこと、お子さんのエピソード、ここでもいろいろなお話をさせていただいた
 
-・小高ワーカーズベースの野口さん
-→ワーカーズベースでやっていることや小高のまちの特徴、各所に自由さを持たせたワーカーズベースの建物の工夫、祭りを自分たちで作り上げて伝統にしようと試みているお話もお聞きした。小高満月相撲祭と乗馬はまた今度訪れたときのお楽しみ。
+### 小高ワーカーズベースの野口さん
+ワーカーズベースでやっていることや小高のまちの特徴、各所に自由さを持たせたワーカーズベースの建物の工夫、祭りを自分たちで作り上げて伝統にしようと試みているお話もお聞きした。小高満月相撲祭と乗馬はまた今度訪れたときのお楽しみ。
 
-・香音珈琲のご夫婦
-→立派な焙煎室と水だしコーヒーの道具を発見。その後、お店の雰囲気のことや街の様子のこと、少子高齢化のことなどをお話した。
+### 香音珈琲のご夫婦
+立派な焙煎室と水だしコーヒーの道具を発見。その後、お店の雰囲気のことや街の様子のこと、少子高齢化のことなどをお話した。
 
-・小高区役所地域振興課の木幡さん
-→生まれも育ちも小高で、20年以上区の職員として小高の行政に携わっていらっしゃる。「復興とはどんな状態か」ということや「小高の未来のイメージ」をお聞きした。お聞きしたときにかなり悩まれていたのは印象的。でも「復興とはこころが楽しく幸せになること。その点で言えば自分は復興したかもしれないけれど、子供たちやご年配の方にとっては完全に復興したとは言えないのではないか。」と話されていた。
+### 小高区役所地域振興課の木幡さん
+生まれも育ちも小高で、20年以上区の職員として小高の行政に携わっていらっしゃる。「復興とはどんな状態か」ということや「小高の未来のイメージ」をお聞きした。お聞きしたときにかなり悩まれていたのは印象的。でも「復興とはこころが楽しく幸せになること。その点で言えば自分は復興したかもしれないけれど、子供たちやご年配の方にとっては完全に復興したとは言えないのではないか。」と話されていた。
 
 他に、双葉屋旅館のたけさん、artist(&others)のすぎたさん、小高ワーカーズベースでお仕事をしていた森さん、元東電副社長の石崎さん、ひまわりカフェでお世話になったお母さん、寒行托鉢をされていた同慶寺のお坊さん、娘さんとカフェを営まれている鈴木屋さんともお話をさせていただいた。	
 
 ## Links
-https://odakaru.jp/（小高のまち全体）	
-http://www.namie-odakachurch.com/index.shtml（小高教会）
+- [https://odakaru.jp/](https://odakaru.jp/)（小高のまち全体）	
+- [http://www.namie-odakachurch.com/index.shtml](http://www.namie-odakachurch.com/index.shtml)（小高教会）
diff --git a/docs/project gallery/tsunagari.md b/docs/project gallery/tsunagari.md
@@ -1,8 +1,15 @@
 # つながり
 
+<a href="../../tomoni participants/yuki" class="circular-image-link">
+    <img class="circular-image" src="../../images/yuki bw.jpg" alt="yuki">
+</a>
+
+<iframe width="560" height="315" src="https://www.youtube.com/embed/l0sotSoOWoY?rel=0&si=qrukV1a2m6In2obO&amp;controls=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+
+<!-- 
 <video src="../images/yuki.mov" autoplay controls width=50%>
     Your browser does not support the video tag.
-</video>
+</video> -->
 
 人とのつながりの強さが小高の大きな魅力の一つであると感じたことから、このプロジェクトでは小高を繋ぐ様々な「つながり」をテーマとしたショート動画を作成した。	この動画を見て初めて小高を知った人に、小高の魅力を知ってもらうこと。