From 2b1b8ec4755465af0b49ff3d4816f1702d2b0c3b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E3=83=86=E3=82=AF=E3=83=8B=E3=82=AB=E3=83=AB=E8=AB=8F?=
 =?UTF-8?q?=E8=A8=AA=E5=AD=90?= <renraku@076.ne.jp>
Date: Tue, 18 Jan 2022 19:05:01 +0900
Subject: [PATCH] =?UTF-8?q?JS=E3=81=AE=E6=B3=A8=E6=84=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/pages/common/comments.blade.php     |  73 ++++-----
 resources/views/pages/site/contact.blade.php  | 143 +++++++++---------
 resources/views/theme/techsuwa/site.blade.php |   2 +-
 3 files changed, 112 insertions(+), 106 deletions(-)

diff --git a/resources/views/pages/common/comments.blade.php b/resources/views/pages/common/comments.blade.php
index b485ddd..d7c3860 100644
--- a/resources/views/pages/common/comments.blade.php
+++ b/resources/views/pages/common/comments.blade.php
@@ -1,44 +1,47 @@
 <div id="comments" class="comments-area clearfix">
 	<h3 class="comments-count section-heading uppercase"><span>{{ $comment['total'] }} 件のコメント</span></h3>
   <div style="margin: 12px 0;">
-    @if ($isvideo !== 'n')
-      <form action="/comment/new" method="post">
-        @csrf
-        @if ($user == new stdClass())
-          <div class="form-group row">
-            <div class="col-md-4 col-lg-3">名前</div>
-            <div class="input-group col-md col-lg">
-              <input type="text" name="newname" class="form-control" value="" placeholder="ご入力しない場合、名前は「名無しのテクニシャン」になります。" />
+    <div style="display: block; padding: 20px;" class="alert alert-warning" id="jswarning">コメントを投稿するには、JavaScriptをOFFにして下さい。</div>
+    <noscript>
+      @if ($isvideo !== 'n')
+        <form action="/comment/new" method="post">
+          @csrf
+          @if ($user == new stdClass())
+            <div class="form-group row">
+              <div class="col-md-4 col-lg-3">名前</div>
+              <div class="input-group col-md col-lg">
+                <input type="text" name="newname" class="form-control" value="" placeholder="ご入力しない場合、名前は「名無しのテクニシャン」になります。" />
+              </div>
+            </div>
+            <div class="form-group row">
+              <div class="col-md-4 col-lg-3">メールアドレス</div>
+              <div class="input-group col-md col-lg">
+                <input type="text" name="newmail" class="form-control" value="" placeholder="返信される場合、メールに通知を送ります。" />
+              </div>
+            </div>
+          @else
+            <div class="form-group row">
+              <div class="col-md-4 col-lg-3">名前</div>
+              <div class="input-group col-md col-lg">
+                <a href="/profile/{{ $user['user_id'] }}" style="{{ $user['showcol'] }}"><img style="width: 24px; height: 24px;" src="{{ $user['avatar'] }}" alt="{{ $user['showname'] }}さんのアイコン"> {{ $user['showname'] }}</a>
+              </div>
+            </div>
+          @endif
+          <div class="row">
+            <div class="col-md-4 col-lg-3">本文 <span class="badge badge-danger">必須</span></div>
+            <div class="col-md col-lg">
+              <textarea class="form-control" name="newmessage" rows="4"></textarea>
             </div>
           </div>
-          <div class="form-group row">
-            <div class="col-md-4 col-lg-3">メールアドレス</div>
-            <div class="input-group col-md col-lg">
-              <input type="text" name="newmail" class="form-control" value="" placeholder="返信される場合、メールに通知を送ります。" />
+          <input type="hidden" name="slug" value="{{ $slug }}" />
+          <div class="row" style="margin-top: 16px;">
+            <div class="col">
+              <input name="submit" type="submit" class="btn btn-block btn-primary" value="送信" />
             </div>
           </div>
-        @else
-          <div class="form-group row">
-            <div class="col-md-4 col-lg-3">名前</div>
-            <div class="input-group col-md col-lg">
-              <a href="/profile/{{ $user['user_id'] }}" style="{{ $user['showcol'] }}"><img style="width: 24px; height: 24px;" src="{{ $user['avatar'] }}" alt="{{ $user['showname'] }}さんのアイコン"> {{ $user['showname'] }}</a>
-            </div>
-          </div>
-        @endif
-        <div class="row">
-          <div class="col-md-4 col-lg-3">本文 <span class="badge badge-danger">必須</span></div>
-          <div class="col-md col-lg">
-            <textarea class="form-control" name="newmessage" rows="4"></textarea>
-          </div>
-        </div>
-        <input type="hidden" name="slug" value="{{ $slug }}" />
-        <div class="row" style="margin-top: 16px;">
-          <div class="col">
-            <input name="submit" type="submit" class="btn btn-block btn-primary" value="送信" />
-          </div>
-        </div>
-      </form>
-    @endif
+        </form>
+      @endif
+    </noscript>
     <hr />
     @if ($comment['total'] == 0) コメントがありません。
     @else
@@ -97,4 +100,4 @@
       @endforeach
     @endif
 	</div>
-</div>
\ No newline at end of file
+</div>
diff --git a/resources/views/pages/site/contact.blade.php b/resources/views/pages/site/contact.blade.php
index ca77afc..f4e499d 100644
--- a/resources/views/pages/site/contact.blade.php
+++ b/resources/views/pages/site/contact.blade.php
@@ -4,80 +4,83 @@
 <div class="within">
   <div class="bar">連絡フォーム</div>
   <div class="back">
-    @if (!empty($err))
-      <div class="alert alert-danger" role="alert">
-        <ul>
-          @foreach ($err as $e)
-            <li>{{ $e }}</li>
-          @endforeach
-        </ul>
-      </div>
-    @endif
-    私のGPGはこちらです→ <a href="https://some.very.questionable.website/suwako-gpg.key">suwako-gpg.key</a>
-    <hr />
-    <form method="POST" action="/contact" enctype="multipart/form-data">
-      @csrf
-      <div class="row body">
-        <div class="col-sm-3"><b>メールアドレス<span style="color: #ed1515;">*</span></b></div>
-        <div class="col">
-          <input name="adr" type="text" class="form-control" value="{{ $field['adr'] }}" />
-          <span style="font-size: 10px; color: #7f8c8d;">例）notwork@076.ne.jp</span>
-        </div>
-      </div>
-      <div class="row body">
-        <div class="col-sm-3"><b>件名<span style="color: #ed1515;">*</span></b></div>
-        <div class="col">
-          <input name="kenmei" type="text" class="form-control" value="{{ $field['kenmei'] }}" />
-          <span style="font-size: 10px; color: #7f8c8d;">例）アカウントの作成について</span>
-        </div>
-      </div>
-      <div class="row body">
-        <div class="col-sm-3"><b>カテゴリ<span style="color: #ed1515;">*</span></b></div>
-        <div class="col">
-          <select name="cat" class="form-control">
-            @foreach ($field['cats'] as $k => $v)
-              <option value="{{ $k }}" @if ($field['cat'] == $k) selected @endif >{{ $v }}</option>
+    <div style="display: block; padding: 20px;" class="alert alert-warning" id="jswarning">連絡するには、JavaScriptをOFFにして下さい。</div>
+    <noscript>
+      @if (!empty($err))
+        <div class="alert alert-danger padding: 20px;" role="alert">
+          <ul>
+            @foreach ($err as $e)
+              <li>{{ $e }}</li>
             @endforeach
-          </select>
-          <span style="font-size: 10px; color: #ed1515;">注意）違うカテゴリを選択すると、メールアドレスをブロックされます！！</span>
+          </ul>
         </div>
-      </div>
-      <div class="row body">
-        <div class="col-sm-3"><b>GPG公開キー<span style="color: #ed1515;">*</span></b></div>
-        <div class="col"><input type="file" name="gpg" /></div>
-      </div>
-      <div class="row body">
-        <div class="col-sm-3"><b>文章<span style="color: #ed1515;">*</span></b></div>
-        <div class="col"><textarea name="bunsyo" rows="16" class="form-control">{{ $field['bunsyo'] }}</textarea></div>
-      </div>
-      <div class="row body">
-        <div class="col-sm-3"><b>連絡ルール<span style="color: #ed1515;">*</span></b></div>
-        <div class="col">
-          <p style="font-size: 80%;">
-            メールを送る前、ちゃんと下記のルールをお読み下さい。<br />
-            ルールを守らないと、送信者様のメールアドレスをブラックリストに追加しますので、ご注意下さい。<br /><br />
-
-            ①　件名及び文章にURLを追加できません、「http」や「https」等を消しても駄目です。<br />
-            　　それの場合、送信者様のメールアドレスをブラックリストに追加します。<br />
-            ②　正しいカテゴリを選択して下さい。<br />
-            　　文章と件名とカテゴリが異なったら、送信者様のメールアドレスをブラックリストに追加します。<br />
-            ③　送るには、GPGパブリックキーは必須です。新規創造するには：「gpg --generate」<br />
-            ④　返事する時も、GPGで暗号されないと、<br />
-            　　私は返事しません。私のパブリックキーはページの上で御座います。<br />
-            ⑤　このフォームで、私のGPGパブリックキーを送ったら、返事しません。<br />
-            ⑥　私は返事しなければ、複数同じメールを送ると、送信者様のメールアドレスをブラックリストに追加します。<br />
-            ⑦　日本語でメールを送信して下さい。他の言語の場合、翻訳機で読めないと、返事しません。
-          </p>
-          <div class="form-group form-check">
-            <input type="checkbox" name="ruleapply" class="form-check-input" id="ruleapply" @if ($field['ruleapply']) checked @endif />
-            <label class="form-check-label" for="ruleapply">すべてのルールを読みました。そうして、全部で同意します。</label>
+      @endif
+      私のGPGはこちらです→ <a href="https://some.very.questionable.website/suwako-gpg.key">suwako-gpg.key</a>
+      <hr />
+      <form method="POST" action="/contact" enctype="multipart/form-data">
+        @csrf
+        <div class="row body">
+          <div class="col-sm-3"><b>メールアドレス<span style="color: #ed1515;">*</span></b></div>
+          <div class="col">
+            <input name="adr" type="text" class="form-control" value="{{ $field['adr'] }}" />
+            <span style="font-size: 10px; color: #7f8c8d;">例）notwork@076.ne.jp</span>
           </div>
         </div>
-      </div>
-      <div class="row body">
-        <div class="col"><input type="submit" name="submit" class="btn btn-success btn-block" value="送信" /></div>
-      </div>
-    </form>
+        <div class="row body">
+          <div class="col-sm-3"><b>件名<span style="color: #ed1515;">*</span></b></div>
+          <div class="col">
+            <input name="kenmei" type="text" class="form-control" value="{{ $field['kenmei'] }}" />
+            <span style="font-size: 10px; color: #7f8c8d;">例）アカウントの作成について</span>
+          </div>
+        </div>
+        <div class="row body">
+          <div class="col-sm-3"><b>カテゴリ<span style="color: #ed1515;">*</span></b></div>
+          <div class="col">
+            <select name="cat" class="form-control">
+              @foreach ($field['cats'] as $k => $v)
+                <option value="{{ $k }}" @if ($field['cat'] == $k) selected @endif >{{ $v }}</option>
+              @endforeach
+            </select>
+            <span style="font-size: 10px; color: #ed1515;">注意）違うカテゴリを選択すると、メールアドレスをブロックされます！！</span>
+          </div>
+        </div>
+        <div class="row body">
+          <div class="col-sm-3"><b>GPG公開キー<span style="color: #ed1515;">*</span></b></div>
+          <div class="col"><input type="file" name="gpg" /></div>
+        </div>
+        <div class="row body">
+          <div class="col-sm-3"><b>文章<span style="color: #ed1515;">*</span></b></div>
+          <div class="col"><textarea name="bunsyo" rows="16" class="form-control">{{ $field['bunsyo'] }}</textarea></div>
+        </div>
+        <div class="row body">
+          <div class="col-sm-3"><b>連絡ルール<span style="color: #ed1515;">*</span></b></div>
+          <div class="col">
+            <p style="font-size: 80%;">
+              メールを送る前、ちゃんと下記のルールをお読み下さい。<br />
+              ルールを守らないと、送信者様のメールアドレスをブラックリストに追加しますので、ご注意下さい。<br /><br />
+
+              ①　件名及び文章にURLを追加できません、「http」や「https」等を消しても駄目です。<br />
+              　　それの場合、送信者様のメールアドレスをブラックリストに追加します。<br />
+              ②　正しいカテゴリを選択して下さい。<br />
+              　　文章と件名とカテゴリが異なったら、送信者様のメールアドレスをブラックリストに追加します。<br />
+              ③　送るには、GPGパブリックキーは必須です。新規創造するには：「gpg --generate」<br />
+              ④　返事する時も、GPGで暗号されないと、<br />
+              　　私は返事しません。私のパブリックキーはページの上で御座います。<br />
+              ⑤　このフォームで、私のGPGパブリックキーを送ったら、返事しません。<br />
+              ⑥　私は返事しなければ、複数同じメールを送ると、送信者様のメールアドレスをブラックリストに追加します。<br />
+              ⑦　日本語でメールを送信して下さい。他の言語の場合、翻訳機で読めないと、返事しません。
+            </p>
+            <div class="form-group form-check">
+              <input type="checkbox" name="ruleapply" class="form-check-input" id="ruleapply" @if ($field['ruleapply']) checked @endif />
+              <label class="form-check-label" for="ruleapply">すべてのルールを読みました。そうして、全部で同意します。</label>
+            </div>
+          </div>
+        </div>
+        <div class="row body">
+          <div class="col"><input type="submit" name="submit" class="btn btn-success btn-block" value="送信" /></div>
+        </div>
+      </form>
+    </noscript>
   </div>
 </div>
 
diff --git a/resources/views/theme/techsuwa/site.blade.php b/resources/views/theme/techsuwa/site.blade.php
index 1ab671b..deed165 100644
--- a/resources/views/theme/techsuwa/site.blade.php
+++ b/resources/views/theme/techsuwa/site.blade.php
@@ -16,7 +16,7 @@
   @include('theme.'.env('THEME').'.component.colors')
 </head>
 <body>
-  <div class="fixed-top navbar-expand" style="background-color: #aaaa00; color: #fcfcfc; display: none; padding: 20px; z-index: 5000;" id="jswarning">注意：JavsScriptはONです。安全・安心の為、JavaScriptをOFFにしてお願い致します。</div>
+  <div class="fixed-top navbar-expand" style="background-color: #aaaa00; color: #fcfcfc; display: none; padding: 20px; z-index: 5000;" class="alert alert-warning" id="jswarning">注意：JavsScriptはONです。安全・安心の為、JavaScriptをOFFにしてお願い致します。</div>
   <script type="text/javascript">document.getElementById('jswarning').style.display = 'block';</script>
   @include('theme.'.env('THEME').'.component.navbar')
   <main id="app">