Stop opening up new tag for better UX in mobiles

coderdojo-japan · Dec 29, 2024 · d9aea43 · d9aea43
1 parent ed5a7ac
commit d9aea43
Showing 1 changed file with 22 additions and 30 deletions.
diff --git a/app/views/home/show.html.haml b/app/views/home/show.html.haml
@@ -33,27 +33,27 @@
               frameborder: "0", marginheight: "0", marginwidth: "0", scrolling: "no", src: "https://docs.google.com/presentation/d/e/2PACX-1vSfSoYY3Iw6o0DL4Ki6-JNhgIOb61pktNZMRAYQZ4QdvORYb5ryBmOshmoDwe6M1BA8O-_-dzXOTReP/embed?start=false&loop=false", width: "595", height: "350"}
     %div{style: "margin-bottom:5px; color: grey;"}
       スライドが見えない場合は
-      %a{href: "https://bit.ly/coderdojo-guidance-2021", target: "_blank", rel: "external noopener", title: "CoderDojo ガイダンス <一般・ボランティア向け資料>"}<>
+      %a{href: "https://bit.ly/coderdojo-guidance-2021", title: "CoderDojo ガイダンス <一般・ボランティア向け資料>"}<>
         コチラ
   %p#youtube{style: "margin-top: 60px;"}
     CoderDojo の様子については、
     %br.ignore-pc<>
     次の動画や記事をぜひ！😆
 
   %div.home-point-thumbnail{style: "margin-top: 30px; margin-bottom: 30px;"}
-    = link_to lazy_image_tag('/video-thumbnail.webp', alt: 'あなたが CoderDojo に来る理由は何ですか？', min: true), 'https://www.youtube.com/watch?v=5Q3r4XQflFs&list=PL94GDfaSQTmKzw7RLjbmUgl8VyfBR9E8e&index=1', target: "_blank", rel: "external noopener"
+    = link_to lazy_image_tag('/video-thumbnail.webp', alt: 'あなたが CoderDojo に来る理由は何ですか？', min: true), 'https://www.youtube.com/watch?v=5Q3r4XQflFs&list=PL94GDfaSQTmKzw7RLjbmUgl8VyfBR9E8e&index=1'
   /%div.home-point-video
   /  %iframe{allowfullscreen: "", frameborder: "0", height: "315", width: "560",
   /          src: "https://www.youtube.com/embed/gLDue2xb1j8?rel=0"}
   %ul{style: "margin-bottom:30px;"}
     %li
-      %a{href: "http://bakemono.jp/reading/blog/web/2256/", target: "_blank", rel: "external noopener"} CoderDojoとは? 運営者に話を聞いてみた!
+      %a{href: "http://bakemono.jp/reading/blog/web/2256/"} CoderDojoとは? 運営者に話を聞いてみた!
       %small (バケモノ.jp)
     %li
-      %a{href: "http://ict-enews.net/zoomin/17coderdojo/", target: "_blank", rel: "external noopener"} CoderDojoをはじめてみませんか
+      %a{href: "http://ict-enews.net/zoomin/17coderdojo/"} CoderDojoをはじめてみませんか
       %small (ICT教育ニュース)
     %li
-      %a{href: "https://takadanobaba.keizai.biz/column/1/", target: "_blank", rel: "external noopener"} CoderDojo Japan 特集インタビュー
+      %a{href: "https://takadanobaba.keizai.biz/column/1/"} CoderDojo Japan 特集インタビュー
       %small (高田馬場経済新聞)
 
   %div.text-center{style: 'margin-top: 0px; margin-left: -17px;'}
@@ -76,16 +76,16 @@
     イベントのお知らせ
   %ol{style: "list-style: none; margin-left: -40px; margin-top: 30px;"}
     %li
-      = link_to lazy_image_tag('dojocon_japan_2022.webp', alt: "DojoCon Japan 2022", style: "margin-bottom: 15px;"), "https://dojocon2022.coderdojo.jp/", target: "_blank", rel: "external noopener"
+      = link_to lazy_image_tag('dojocon_japan_2022.webp', alt: "DojoCon Japan 2022", style: "margin-bottom: 15px;"), "https://dojocon2022.coderdojo.jp/"
 
   %p{style: 'margin-bottom: 30px;'}
     11月27日に
-    %a{href: "https://dojocon2022.coderdojo.jp/", target: "_blank", rel: "external noopener"}<> DojoCon Japan
+    %a{href: "https://dojocon2022.coderdojo.jp/"}<> DojoCon Japan
     開催! 全国のCoderDojo関係者と話してみませんか? 😆✨
 
 /
   %p.event-notice{style: "margin-top: 30px; margin-bottom: 60px;"}
-    %a{href: "https://bit.ly/pokemon-special-workshop-in-kashiwa", target: "_blank", rel: "external noopener"} プログラミングでポケモンをうごかしてみよう
+    %a{href: "https://bit.ly/pokemon-special-workshop-in-kashiwa"} プログラミングでポケモンをうごかしてみよう
     %br
     %small
       5月16日 (日) 10am〜、オンライン開催
@@ -106,7 +106,7 @@
     %a.btn-blue{href: events_path}<>
       %i.far.fa-calendar-alt
       近日開催から探す
-    /%a.btn-blue{href: zen_url, target: '_blank', rel: 'external noopener'}<>
+    /%a.btn-blue{href: zen_url}<>
     %a.btn-blue{href: dojomap_url}<>
       %i.far.fa-map-marked
       地図情報から探す
@@ -115,14 +115,14 @@
 %section#timeline.text-center{style: 'margin-bottom: 50px;'}
   %br
   %h3.text-center{style: 'margin-bottom: 30px;'}
-    %a{href: "https://twitter.com/search?vertical=default&q=dojocon%20OR%20coderdojo%20OR%20%E3%82%B3%E3%83%BC%E3%83%80%E3%83%BC%E9%81%93%E5%A0%B4%20lang%3Aja", target: "_blank", rel: "external noopener"}
+    %a{href: "https://x.com/search?vertical=default&q=dojocon%20OR%20coderdojo%20OR%20コーダー道場%20lang%3Aja"}
       %i.fab.fa-x-twitter
       最近の CoderDojo
   .twitter-timeline-wrap
-    %a.twitter-timeline{href: "https://twitter.com/CoderDojoJapan?ref_src=twsrc%5Etfw", target: "_blank",
-                        rel: "external noopener", 'data-lang' => "ja", "data-dnt" => "true",
+    %a.twitter-timeline{href: "https://twitter.com/CoderDojoJapan?ref_src=twsrc%5Etfw",
+                        'data-lang' => "ja", "data-dnt" => "true",
                         "data-chrome" => "noheader nofooter noborders", "data-width" => "500",
-                        "data-tweet-limit" => "5"} @CoderDojoJapan アカウントのタイムライン
+                        "data-tweet-limit" => "5"} @CoderDojoJapan のタイムライン
     %script{async: "", await: "", src: "https://platform.twitter.com/widgets.js", charset: "utf-8"}
 
 / Start with 'div' not 'section' due to grayscale-bg area
@@ -136,8 +136,7 @@
     %p
       %a{href: podcasts_path}🎧 Podcast
       や
-      %a{href: "https://www.youtube.com/CoderDojoJapan",
-         target: "_blank", rel: "external noopener"} 📺 YouTube
+      %a{href: "https://www.youtube.com/CoderDojoJapan"} 📺 YouTube
       など、様々な方法で CoderDojo の最新情報を発信しています。お好みの方法で最新情報をキャッチしてみよう！
 
     %ul{style: "list-style: none;"}
@@ -151,30 +150,24 @@
         %a{href: news_path} 📰 DojoLetter
         %span{style: 'font-size: 65%'} (Newsletter)
       %li
-        %a{href: "https://www.youtube.com/CoderDojoJapan",
-           target: "_blank", rel: "external noopener"} 📺 DojoChannel
+        %a{href: "https://www.youtube.com/CoderDojoJapan"} 📺 DojoChannel
         %span{style: 'font-size: 65%'} (YouTube)
       %li
-        %a{href: "https://twitter.com/CoderDojoJapan",
-           target: "_blank", rel: "external noopener"} 📣 CoderDojo Japan
+        %a{href: "https://x.com/CoderDojoJapan"} 📣 CoderDojo Japan
         %span{style: 'font-size: 65%'} (Twitter)
       %li
-        %a{href: "https://www.facebook.com/groups/coderdojo.jp",
-           target: "_blank", rel: "external noopener"} 👥 CoderDojo Japan
+        %a{href: "https://www.facebook.com/groups/coderdojo.jp"} 👥 CoderDojo Japan
         %span{style: 'font-size: 65%'} (Facebook)
       %li
-        %a{href: foundation_url('/'),
-           target: "_blank", rel: "external noopener"} 🌐 CoderDojo Foundation
+        %a{href: foundation_url('/')} 🌐 CoderDojo Foundation
         %span{style: 'font-size: 65%'} (海外)
     %br
     %p
       %a{href: kata_path} 📑 Kata
       では運営に役立つ情報を、
-      %a{href: "https://twitter.com/CoderDojoJapan",
-         target: "_blank", rel: "external noopener"}<> 📣 Twitter
+      %a{href: "https://twitter.com/CoderDojoJapan"}<> 📣 Twitter
       \ では最近の活動状況を、
-      %a{href: foundation_url('/'),
-         target: "_blank", rel: "external noopener"}<> 🌐 CoderDojo Foundation
+      %a{href: foundation_url('/')}<> 🌐 CoderDojo Foundation
       \ では海外の雰囲気を知ることができます。
     %br
     %p
@@ -207,7 +200,7 @@
         (毎月配信)
     = render partial: 'shared/newsletter'
     .btn-cover{style: 'margin-top: 40px;'}
-      %a.btn-blue{href: dojoletter_url, target: '_blank', rel: 'noopener'}<>
+      %a.btn-blue{href: dojoletter_url}<>
         %i.far.fa-newspaper
         過去の配信を読む
       
@@ -289,8 +282,7 @@
     %br
   / Contact Form via Wufoo
   #wufoo-qkjthoy0qpuvg9{style: "margin-top: -10px"}
-    %a{href: "https://yasslab.wufoo.com/forms/qkjthoy0qpuvg9",
-       target: "_blank", rel: "external noopener"}> 問い合わせフォーム
+    %a{href: "https://yasslab.wufoo.com/forms/qkjthoy0qpuvg9"}> 問い合わせフォーム
   :javascript
     var qkjthoy0qpuvg9;(function(d, t) {
     var s = d.createElement(t), options = {