Add note and cretid on Stretch3 and its extention

Author: yasulab

app/assets/stylesheets/custom.scss

@@ -1051,7 +1051,7 @@ section {
   padding: 8px;
   border-radius: 6px;
 }
-.pokemon-notes {
+.form-notes {
   margin-top: 100px;
   font-size: 11.8px;
   line-height: 1.7em;

app/views/pokemons/new.html.haml

@@ -64,7 +64,7 @@
 
       = f.submit "申し込む", class: "form__submit", disabled: true
 
-      %p.pokemon-notes
+      %p.form-notes
         Scratchは、Scratch財団がMITメディアラボのライフロング・キンダーガーテン・グループの協力により開発しているプロジェクトです。
         %a{href: "https://scratch.mit.edu", rel: "noopener", target: "_blank"}<> scratch.mit.edu
         \ から自由に入手できます。

app/views/stretch3s/new.html.haml

@@ -105,3 +105,21 @@
             %b
               ※
               ボタン押下後、Stretch3 のページへ移動します
+
+      %p.form-notes
+        Stretch3 は NHK for School や書籍「
+        %a{href: 'https://www.oreilly.co.jp/books/9784814400829/', target: '_blank'}<> Scratch ではじめる機械学習
+        」などでも取り扱われている、自作の拡張機能が使えるように改造されたスクラッチです。特徴は以下の通りです。（引用元:
+        \ 
+        %a{href: 'https://www.nhk.or.jp/school/sougou/programming/origin/shiryou/028.html', target: '_blank'}<> NHK for School
+        ）
+        %blockquote{style: 'font-size: 11.8px; line-height: 1.8em; color: #909090; margin-bottom: 0px;'}
+          〇一部の機能以外は、ふつうのスクラッチと同じように操作できます
+          %br
+          〇スクラッチのアカウントに作品を保存できません（コンピューターに保存することはできます）
+          %br
+          〇スクラッチのサイトでの作品の共有ができません
+        %span{style: 'font-size: 11.8px; line-height: 1.8em; color: #909090;'}
+          &copy; Junya Ishihara (Stretch3) / Yu Ishihara, Ichiro Nakatani (拡張機能)
+        %br
+    /%p{style: "color: gray; text-align: center; padding-bottom: 30px"} 回答のコピーがメールで送信されます。