ソースを参照

[kitagata_support-17674] HP更新依頼(つぶやき ※2月1日午前9時公開)

furutaNaoki 1年前
コミット
83943c3ad7
3個のファイルの変更338行の追加9行の削除
  1. 1
    0
      fourth/biography/biography_2022.html
  2. 328
    0
      fourth/biography/biography_2023_2.html
  3. 9
    9
      third/mayor/biography.html

+ 1
- 0
fourth/biography/biography_2022.html ファイルの表示

@@ -265,6 +265,7 @@
265 265
             ・<a href="../../fourth/biography/biography_2022_11.html">11月(町民ふれあい運動会)</a><br/>
266 266
             ・<a href="../../fourth/biography/biography_2022_12.html">12月(世代間ギャップ)</a><br/>
267 267
             ・<a href="../../fourth/biography/biography_2023_1.html">1月(楽しい会合を)</a><br/>
268
+            ・<a href="../../fourth/biography/biography_2023_2.html">2月(ネット社会に思う)</a><br/>
268 269
           </span>
269 270
         </article>
270 271
 

+ 328
- 0
fourth/biography/biography_2023_2.html ファイルの表示

@@ -0,0 +1,328 @@
1
+<!doctype html>
2
+<html id="html-back" lang="ja">
3
+
4
+<head>
5
+  <meta charset="utf-8">
6
+  <meta name="viewport" content="width=device-width,initial-scale=1">
7
+  <title>北方町ホームページ</title>
8
+  <link rel="stylesheet" href="../../css/base.css">
9
+  <link rel="stylesheet" href="../../css/second_header.css">
10
+  <link rel="stylesheet" href="../../css/footer.css?ver=20220401">
11
+  <link rel="stylesheet" href="../../css/section.css">
12
+  <link rel="stylesheet" href="../../css/third_template.css">
13
+  <link rel="stylesheet" href="../../css/table.css">
14
+  <link rel="stylesheet" href="../../css/mayor.css">
15
+  <link rel="stylesheet" href="../../css/second_header_mobile.css">
16
+  <link rel="stylesheet" href="../../css/footer_mobile.css">
17
+  <link rel="stylesheet" href="../../css/section_mobile.css">
18
+  <link rel="stylesheet" href="../../css/third_template_mobile.css">
19
+  <link rel="stylesheet" href="../../css/mayor_mobile.css">
20
+  <script src="../../js/operation.js"></script>
21
+  <script src="../../js/menu.js"></script>
22
+  <script src="../../js/accordion.js"></script>
23
+  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f">
24
+  </meta>
25
+</head>
26
+
27
+<body id="back">
28
+<script type="text/javascript">
29
+    function googleTranslateElementInit() {
30
+        new google.translate.TranslateElement({
31
+            pageLanguage: 'ja',
32
+            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
33
+        }, 'google_translate_element');
34
+    }
35
+</script>
36
+<script type="text/javascript"
37
+        src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
38
+<div id="main" class="gothic">
39
+  <!-- mobile header -->
40
+  <header class="header">
41
+    <div class="headerLogo">
42
+      <a href="../../index.html" class="header_link"><img class="headerLogo__image"
43
+                                                          src="../../image/logo_kitagata_green_S.png" alt=""></a>
44
+    </div>
45
+    <div class="headerTitle">
46
+      <a href="../../index.html" class="header_link">
47
+        <h1 class="headerTitle__text">北方町</h1>
48
+      </a>
49
+    </div>
50
+    <div class="headerSubTitle">
51
+      <a href="../../index.html" class="header_link">
52
+        <p class="headerSubTitle__text">Kitagata Town Gifu,Japan</p>
53
+      </a>
54
+    </div>
55
+    <div id="h-menu">
56
+      <span></span>
57
+      <span></span>
58
+      <span></span>
59
+      <div id="h-text">menu</div>
60
+    </div>
61
+    <div id="h-nav">
62
+      <div class="h-menu_main_block_top">
63
+        <div class="h-menu_main_block">
64
+          <div class="h-menu_block">
65
+            <a href="../../second/living.html">
66
+              <div class="h-menu_block_text h-menu_block_before">
67
+                <div class="h-menu_block_text_center">くらしの情報</div>
68
+              </div>
69
+            </a>
70
+          </div>
71
+        </div>
72
+        <div class="h-menu_main_block">
73
+          <div class="h-menu_block">
74
+            <a href="../../second/tourism.html">
75
+              <div class="h-menu_block_text h-menu_block_before">
76
+                <div class="h-menu_block_text_center">
77
+                  観光
78
+                </div>
79
+              </div>
80
+            </a>
81
+          </div>
82
+        </div>
83
+        <div class="h-menu_main_block">
84
+          <div class="h-menu_block">
85
+            <a href="../../second/business.html">
86
+              <div class="h-menu_block_text h-menu_block_before">
87
+                <div class="h-menu_block_text_center">事業者向け情報</div>
88
+              </div>
89
+            </a>
90
+          </div>
91
+        </div>
92
+        <div class="h-menu_main_block">
93
+          <div class="h-menu_block">
94
+            <a href="../../second/town_admini_info.html">
95
+              <div class="h-menu_block_text h-menu_block_before">
96
+                <div class="h-menu_block_text_center">町政情報</div>
97
+              </div>
98
+            </a>
99
+          </div>
100
+        </div>
101
+        <div class="h-menu_main_block">
102
+          <div class="h-menu_block h-menu_block_before">
103
+            <a href="../../second/sitemap.html">
104
+              <div class="h-menu_block_text h-menu_block_before">
105
+                <div class="h-menu_block_text_center">
106
+                  サイトマップ
107
+                </div>
108
+              </div>
109
+            </a>
110
+          </div>
111
+        </div>
112
+        <div class="h-menu_main_block">
113
+          <div class="h-menu_block h-menu_block_before">
114
+            <a href="https://ai-staff.net/kitagata/chat">
115
+              <div class="h-menu_block_text  h-menu_block_before">
116
+                <div class="h-menu_block_text_center">
117
+                  AIチャット
118
+                </div>
119
+              </div>
120
+            </a>
121
+          </div>
122
+        </div>
123
+        <div class="h-menu_main_block">
124
+          <div class="h-menu_block h-menu_block_before">
125
+            <a href="../../third/town_admini_info/administrative_organization_chart.html">
126
+              <div class="h-menu_block_text">
127
+                <div class="h-menu_block_text_center">
128
+                  お問い合わせ一覧
129
+                </div>
130
+              </div>
131
+            </a>
132
+          </div>
133
+        </div>
134
+        <div class="h-menu_main_block">
135
+          <div class="h-menu_lang">
136
+            <div class="h-menu_block_lang">
137
+              <div class="h-menu_block_text_center">
138
+                <div class="h-menu_block_text_line">
139
+                  背景変更
140
+                  <div onClick="setBackground3(1)" class="h-menu_block_text_color_1">灰
141
+                  </div>
142
+                  <div onClick="setBackground3(2)" class="h-menu_block_text_color_2">黄
143
+                  </div>
144
+                  <div onClick="setBackground3(3)" class="h-menu_block_text_color_3">黄緑
145
+                  </div>
146
+                </div>
147
+                <script>
148
+                    getBackgNumber2();
149
+                </script>
150
+                <div class="h-menu_block_text_line">言語選択
151
+                  <div class="mobile_translation">
152
+                    <div id="google_translate_element"></div>
153
+                  </div>
154
+                </div>
155
+              </div>
156
+            </div>
157
+          </div>
158
+        </div>
159
+        <div class="h-menu_main_block">
160
+          <div class="h-menu_search">
161
+            <div class="h-menu_block_search">
162
+              <form action="https://www.google.com/search">
163
+                <input type="hidden" name="hl" value="ja"/>
164
+                <input type="hidden" name="ie" value="UTF-8">
165
+                <input type="hidden" name="oe" value="UTF-8">
166
+                <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
167
+                <input type="text" name="q" size="16" maxlength="256" value="" class="mobile_form_input"/>
168
+                <input type="submit" name="btnG" value="検索" class="mobile_form_button"/>
169
+              </form>
170
+            </div>
171
+          </div>
172
+        </div>
173
+      </div>
174
+    </div>
175
+  </header>
176
+
177
+  <!--ヘッダーデータ-->
178
+  <header>
179
+    <div id="header" class="gothic">
180
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
181
+      <div id="h_block_1">
182
+        <div class="h_line">
183
+        </div>
184
+        <article class="h_text_l">
185
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
186
+        </article>
187
+        <article class="h_text_l">
188
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
189
+        </article>
190
+        <article class="h_text_l">
191
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
192
+        </article>
193
+        <article class="h_text_l">
194
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
195
+        </article>
196
+      </div>
197
+      <div id="h_block_search">
198
+        <div class="h_line"></div>
199
+        <article class="h_search">
200
+          <div class="space10"></div>
201
+          <form action="http://www.google.com/search">
202
+            <input type="hidden" name="hl" value="ja"/>
203
+            <input type="hidden" name="ie" value="UTF-8">
204
+            <input type="hidden" name="oe" value="UTF-8">
205
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
206
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
207
+            <input type="submit" name="btnG" value="検索"/>
208
+          </form>
209
+        </article>
210
+      </div>
211
+    </div>
212
+  </header>
213
+
214
+  <div id="third_body">
215
+    <!--セクション template-->
216
+    <section id="template">
217
+      <article id="breadcrumb">
218
+        <div id="breadcrumb_title">
219
+          <div id="breadcrumb_title_block">
220
+              <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a
221
+                      href="../../third/mayor/biography.html">町長の部屋>町長のつぶやき</a>>2022年12月</span>
222
+          </div>
223
+        </div>
224
+      </article>
225
+      <article id="template">
226
+        <div id="template_title" class="gothic">
227
+          <div id="template_title_block">
228
+            <span id="template_title">町長の部屋</span>
229
+          </div>
230
+        </div>
231
+      </article>
232
+      <div id="mayor_buttons">
233
+        <a href="../../third/mayor/greetings.html">
234
+          <div class="mayor_button left mayor_link">ごあいさつ</div>
235
+        </a>
236
+        <a href="../../third/mayor/profile.html">
237
+          <div class="mayor_button left mayor_link">プロフィール</div>
238
+        </a>
239
+        <a href="../../third/mayor/biography.html">
240
+          <div class="mayor_button left mayor_link">町長のつぶやき</div>
241
+        </a>
242
+        <a href="../../third/mayor/kitagatari.html">
243
+          <div class="mayor_button left mayor_link">コラム「きたがたり」</div>
244
+        </a>
245
+        <a href="../../third/mayor/entertainment_expenses.html">
246
+          <div class="mayor_button left mayor_link">町長交際費</div>
247
+        </a>
248
+        <div class="clear"></div>
249
+      </div>
250
+
251
+      <article id="template_list_title">
252
+        <div id="template_title2" class="gothic">
253
+          <div id="template_title_block">
254
+            <span id="template_title2">町長のつぶやき2022年度</span>
255
+          </div>
256
+        </div>
257
+        <span id="template_article_block">
258
+            <h3 id="life">2023年2月(ネット社会に思う)</h3>
259
+            <p class="attention_in">
260
+              <span style="margin-left: 1rem;">
261
+                日々さまざまなニュースを見聞きしますが、近ごろはスマホの普及に伴って一般の人からの動画提供が増えています。これには、いつ起こるかわからない自然災害などの発生時に、偶然そこにいた人から現場の状況がすぐに映像で届けられるなど、復旧の面で初動対応がしやすくなるという利点があります。
262
+              </span>
263
+                <br/>
264
+              <span style="margin-left: 1rem;">
265
+                しかしその反面、投稿動画は単なる興味本位や、他人を非難する目的で撮影されている場合が多いように感じます。そもそも、なぜ自分と無関係な人を非難するのでしょうか。それは、自分と違う価値観を持つ人を見ると、社会全体の規範から外れている人だと決めつけてしまうからかもしれません。少し前に、マスクを着けていない人に対して、個別の事情などを考慮しないで痛烈に批判する人を「マスク警察」などと言いましたが、まさにこのような考え方によるのではないでしょうか。
266
+              </span>
267
+                <br/>
268
+              <span style="margin-left: 1rem;">
269
+                問題なのは、ネットが普及した現在、面と向かって堂々とではなく、匿名で安易に相手を批判する人が増えていることです。残念なことに、他人を馬鹿にしたり陥れたりするような動画投稿が無くならないのは、それを見たいと思う人も多いからです。しかし、このような状況ではいつでも自分が被写体となって、非難にさらされる可能性があることを忘れてはいけません。
270
+              </span>
271
+              <br>
272
+              <span style="margin-left: 1rem;">
273
+                難しい問題ですが、言い換えれば、技術の急激な進歩に人間社会が追い付いていないのかもしれません。ただし、どんな複雑なシステムも所詮は人間が使うための道具ですから、案外答えは簡単で「お互いに相手を気遣う思いやりの心」を持つことこそが、結局は一番の解決策なのではないでしょうか。
274
+              </span>
275
+              <br/>
276
+            </p>
277
+          </span>
278
+      </article>
279
+
280
+      <article id="template_list_title">
281
+        <div id="template_title2" class="gothic">
282
+          <div id="template_title_block">
283
+            <span id="template_title2">バックナンバー</span>
284
+          </div>
285
+        </div>
286
+        <span id="template_article_block">
287
+            ・<a href="../../fourth/biography/biography_2022.html">2022年度</a><br/>
288
+            ・<a href="../../fourth/biography/biography_2021.html">2021年度</a><br/>
289
+            ・<a href="../../fourth/biography/biography_2020.html">2020年度</a><br/>
290
+          </span>
291
+      </article>
292
+
293
+    </section>
294
+  </div>
295
+
296
+
297
+  <footer>
298
+    <img class="footer_img" src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
299
+    <div class="footer_mobile">
300
+      <div class="footer_mobile_title">
301
+        <img class="footerImg__logo" src="../../image/logo_kitagata_green_S.png" alt="北方町役場" width="37px">
302
+        <h1 class="footerMobile__text">北方町役場</h1>
303
+      </div>
304
+      <div class="footer_mobile_address">
305
+          <span class="footerTextWrap__text">
306
+            〒501-0492 岐阜県本巣郡北方町長谷川1丁目1番地
307
+          </span><br>
308
+        電話:058-323-1111(代)<br>
309
+        FAX:058-323-2963<br>
310
+        開庁日:8時30分~17時15分<br>
311
+        (土・日・祝日、年末年始を除く)<br>
312
+      </div>
313
+    </div>
314
+    <br class="sp__brDisplay">
315
+    <p class="footer_text">
316
+      <a href="../../second/Copyright_and_link.html">リンクと著作権</a>|
317
+      <a href="../../second/Privacy_policy.html">個人情報保護指針</a>|
318
+      <a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
319
+    </p>
320
+  </footer>
321
+
322
+</div>
323
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?biography" height="1"
324
+     width="1"/>
325
+</body>
326
+
327
+</html>
328
+

+ 9
- 9
third/mayor/biography.html ファイルの表示

@@ -324,24 +324,24 @@
324 324
           </div>
325 325
         </div>
326 326
         <span id="template_article_block">
327
-            <h3 id="life">2023年1月(楽しい会合を)</h3>
327
+            <h3 id="life">2023年2月(ネット社会に思う)</h3>
328 328
             <p class="attention_in">
329 329
               <span style="margin-left: 1rem;">
330
-                年末・年始は何かと気忙しい時期です。俗な話で恐縮ですが、この時期は何かと宴席が増える時期でもあります。この数年はコロナ禍で、特にお酒がともなう会合は憚られましたが、最近ようやく少人数の会合という形式などで、徐々に宴席が復活しつつあります。
330
+                日々さまざまなニュースを見聞きしますが、近ごろはスマホの普及に伴って一般の人からの動画提供が増えています。これには、いつ起こるかわからない自然災害などの発生時に、偶然そこにいた人から現場の状況がすぐに映像で届けられるなど、復旧の面で初動対応がしやすくなるという利点があります。
331 331
               </span>
332 332
                 <br/>
333 333
               <span style="margin-left: 1rem;">
334
-                お酒の席もいろいろあります。気の置けない仲間と楽しく飲む酒、結婚式などの喜びとお祝いの酒、お得意さんの接待では気遣いの酒、時にはお小言を頂きながらの苦い酒ということもあるかもしれません。下戸だから酒は苦手だよという方には申し訳ありませんが、適度な酒は様ざまな場面において、相手と円滑なコミュニケーションを図るためのよい潤滑油となります
334
+                しかしその反面、投稿動画は単なる興味本位や、他人を非難する目的で撮影されている場合が多いように感じます。そもそも、なぜ自分と無関係な人を非難するのでしょうか。それは、自分と違う価値観を持つ人を見ると、社会全体の規範から外れている人だと決めつけてしまうからかもしれません。少し前に、マスクを着けていない人に対して、個別の事情などを考慮しないで痛烈に批判する人を「マスク警察」などと言いましたが、まさにこのような考え方によるのではないでしょうか
335 335
               </span>
336 336
                 <br/>
337 337
               <span style="margin-left: 1rem;">
338
-                しばらくの間、コロナ禍で宴会ができず残念だと思っていた方も多いと思いますが、その一方で、特に若い世代では、「職場の宴会など楽しくない」とか「むしろコロナでよかった」などと思う人もいるようです。しかし、昔のように、上司が部下に無理に飲ませるような宴席はタブーですが、仲間と他愛もない話をしながら交流してお互いの理解を深めることは、仕事関係を抜きにしても、とても有意義なことだと思うのです
338
+                問題なのは、ネットが普及した現在、面と向かって堂々とではなく、匿名で安易に相手を批判する人が増えていることです。残念なことに、他人を馬鹿にしたり陥れたりするような動画投稿が無くならないのは、それを見たいと思う人も多いからです。しかし、このような状況ではいつでも自分が被写体となって、非難にさらされる可能性があることを忘れてはいけません
339 339
               </span>
340
-                <br>
341
-                <span style="margin-left: 1rem;">
342
-                  さて、新年から、お酒に関してあまり説教じみた話をするのも「野暮」ですので、これくらいにしようと思います。堅い話を抜きにして、今年は皆さんが何の気兼ねもなく、気の置けない仲間と会える年となると良いですね。いつまでも自宅で「巣籠もり」生活を続けていては、気が滅入ります。今年こそは職場の同僚や趣味の仲間、ご近所同士などで、お互いの絆をより深められる年となることを願っています
343
-                </span>
344
-                  <br/>
340
+              <br>
341
+              <span style="margin-left: 1rem;">
342
+                難しい問題ですが、言い換えれば、技術の急激な進歩に人間社会が追い付いていないのかもしれません。ただし、どんな複雑なシステムも所詮は人間が使うための道具ですから、案外答えは簡単で「お互いに相手を気遣う思いやりの心」を持つことこそが、結局は一番の解決策なのではないでしょうか
343
+              </span>
344
+              <br/>
345 345
             </p>
346 346
           </span>
347 347
       </article>

読み込み中…
キャンセル
保存