|
| 1 | +<% provide(:title, '『プログラミングでポケモンをうごかしてみよう』に参加する皆さまへ') %> |
| 2 | +<% provide(:desc, '『プログラミングでポケモンをうごかしてみよう』のワークショップで必要となるポケモン素材のダウンロードお申し込みフォームです。') %> |
| 3 | +<% provide(:url, '/pokemon') %> |
| 4 | +<% provide(:meta_image, '/img/pokemon_scratch.png') %> |
| 5 | + |
| 6 | +<div class="container"> |
| 7 | + <section class="introduction" style="padding: 50px 0px;"> |
| 8 | + <div class="text-center"> |
| 9 | + <h1 style="line-height: 1.4em;"> |
| 10 | + ポケモン素材の<br class="ignore-pc" />ダウンロード |
| 11 | + </h1> |
| 12 | + <%= lazy_image_tag '/img/pokemon_scratch.png', alt: 'ポケモン・ワークショップのカバー画像', min: true, style: 'padding-bottom: 50px; border-radius: 4px;' %> |
| 13 | + </div> |
| 14 | + <p> |
| 15 | + 『<%= link_to 'プログラミングでポケモンをうごかしてみよう', pokemon_workshop_path %>』のワークショップで使うポケモン素材です。 |
| 16 | + </p> |
| 17 | + <blockquote style="border: 1px solid black; padding: .5em 1.5em; margin: 1em 0 1.5em; margin: 50px auto 50px;"> |
| 18 | + <p style="font-weight: bolder;"> |
| 19 | + 🆕 |
| 20 | + 本ワークショップは、2024年度にダウンロード版からオンライン版に移行しました。CoderDojo 運営者の方で本ワークショップ実施予定の方は <%= link_to 'Kata', kata_path(anchor: 'pokemon') %> に記載されているリンク先から詳細をご確認ください。 |
| 21 | + </p> |
| 22 | + </blockquote> |
| 23 | + <%= form_with url: pokemon_path, class: 'form' do |f| %> |
| 24 | + <div class="field"> |
| 25 | + <%= f.label :email, "メールアドレス" %> |
| 26 | + <%= f.email_field :email, autofocus: true, required: true, autocomplete: "email", class: "form__field", placeholder: '例: example@gmail.com', disabled: true %> |
| 27 | + </div> |
| 28 | + <div class="field"> |
| 29 | + <%= f.label :parent_name, "保護者の名前" %> |
| 30 | + <%= f.text_field :parent_name, autofocus: true, required: true, autocomplete: "name", class: "form__field", placeholder: '例: 幸田 道場', disabled: true %> |
| 31 | + </div> |
| 32 | + <div class="field"> |
| 33 | + <%= f.label :participant_name, "参加者の名前" %> |
| 34 | + <%= f.text_field :participant_name, autofocus: true, required: true, autocomplete: "name", class: "form__field", placeholder: '例: 幸田 道子', disabled: true %> |
| 35 | + </div> |
| 36 | + <div class="field"> |
| 37 | + <%= f.label :dojo_name, "道場名" %> |
| 38 | + <%= f.text_field :dojo_name, autofocus: true, required: true, class: "form__field", placeholder: '例: CoderDojo 柏', disabled: true %> |
| 39 | + </div> |
| 40 | + <div class="form__terms"> |
| 41 | + <h2 class="form__h2">ポケモン素材の利用規約</h2> |
| 42 | + <p><small>必ず、こちらの<%= link_to 'ポケモン素材の利用規約（全文）', 'https://bit.ly/pokemon-sozai-tos', rel: 'noopener', target: '_blank' %>をご確認ください。</small></p> |
| 43 | + <ul style="list-style: none"> |
| 44 | + <li style="margin-left: -14px;"><small>【特にご注意いただきたい事項】</small></li> |
| 45 | + </ul> |
| 46 | + <ul> |
| 47 | + <li><small>本素材または本素材を使った作品は、 インターネットに公開できません。例えば、本素材を使った作品のスクリーンショットをSNSで共有したり、scratch.mit.edu などで公開しないようお願いします。</small></li> |
| 48 | + <li><small>本素材を使って、政治的・宗教的・思想的な主張はできません。暴力的、残虐的、性的、差別的な表現や、犯罪行為を助長するような表現、その他公序良俗に反するような表現もお控えください。</small></li> |
| 49 | + <li><small>本素材の著作権その他一切の権利は、株式会社ポケモンまたは株式会社ポケモンに権利を許諾した第三者に帰属しています。本素材または本素材を使った作品の頒布、譲渡、公衆送信、貸与、リース、輸出、再許諾などはできません。</small></li> |
| 50 | + </ul> |
| 51 | + </div> |
| 52 | + <div class="field"> |
| 53 | + <%= f.check_box :term_of_use, required: true, disabled: true, style: "display:inline" %> |
| 54 | + <%= f.label :term_of_use, "上記の利用規約（全文）に同意する", style: "display:inline" %> |
| 55 | + </div> |
| 56 | + |
| 57 | + <%= f.submit "申し込む", class: "form__submit", style: "background-color: #ccc;", disabled: true, title: "本フォームは現在無効です。" %> |
| 58 | + |
| 59 | + <p class="form-notes"> |
| 60 | + Scratchは、Scratch財団がMITメディアラボのライフロング・キンダーガーテン・グループの協力により開発しているプロジェクトです。 |
| 61 | + <%= link_to 'scratch.mit.edu', 'https://scratch.mit.edu', rel: 'noopener', target: '_blank' %> から自由に入手できます。<br><br> |
| 62 | + ©2021 Pokémon. ©1995-2021 Nintendo/Creatures Inc./GAME FREAK inc。<br> |
| 63 | + ポケットモンスター・ポケモン・Pokémonは任天堂・クリーチャーズ・ゲームフリークの登録商標です。 |
| 64 | + </p> |
| 65 | + <% end %> |
| 66 | + </section> |
| 67 | +</div> |
0 commit comments