From d9aea4370593bbcc27550a151100beac4ab8ebbf Mon Sep 17 00:00:00 2001 From: Yohei Yasukawa Date: Sun, 29 Dec 2024 18:20:34 +0900 Subject: [PATCH] Stop opening up new tag for better UX in mobiles --- app/views/home/show.html.haml | 52 +++++++++++++++-------------------- 1 file changed, 22 insertions(+), 30 deletions(-) diff --git a/app/views/home/show.html.haml b/app/views/home/show.html.haml index 8275da193..887686d50 100644 --- a/app/views/home/show.html.haml +++ b/app/views/home/show.html.haml @@ -33,7 +33,7 @@ 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 の様子については、 @@ -41,19 +41,19 @@ 次の動画や記事をぜひ！😆 %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 = {