Skip to content

Commit c12dca4

Browse files
yasulabyasulab
committed
Tweak headings, margins, and links to Kata in Top page
1 parent c7c1c4a commit c12dca4

File tree

5 files changed

+96
-58
lines changed

5 files changed

+96
-58
lines changed

‎app/assets/stylesheets/custom.scss

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -103,6 +103,36 @@
103103
padding-bottom: 30px;
104104
}
105105

106+
.kata{
107+
position: relative;
108+
img {
109+
width: 100%;
110+
height: auto;
111+
border-radius: 5px;
112+
}
113+
a.button {
114+
position: absolute;
115+
top: 40%;
116+
left: 50%;
117+
transform: translate(-40%, -50%);
118+
-ms-transform: translate(-40%, -50%);
119+
background-color: RoyalBlue;
120+
color: white;
121+
font-size: 16px;
122+
font-weight: bold;
123+
padding: 7px 11px;
124+
border: none;
125+
cursor: pointer;
126+
border-radius: 5px;
127+
opacity: 0.9;
128+
&:hover {
129+
text-decoration: underline;
130+
opacity: 0.95;
131+
}
132+
}
133+
}
134+
135+
106136
div #README{
107137
margin-top: -75px;
108138
}

‎app/views/home/show.html.haml

Lines changed: 58 additions & 48 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,10 @@
33
%h1 CoderDojo Japan
44
%p 子どものためのプログラミング道場
55
%br
6+
67
%section.cover
78
= image_tag "coderdojo-japan_cover.jpg"
9+
810
%section.introduction.text-center.list
911
%p
1012
CoderDojo は7〜17歳の子どもを対象にしたプログラミング道場です。2011年にアイルランドで始まり、世界では#{Dojo::NUM_OF_COUNTRIES}カ国・#{Dojo::NUM_OF_WHOLE_DOJOS}の道場、日本では全国に
@@ -27,7 +29,7 @@
2729
スライドが見えない場合は
2830
%a{:href => "https://docs.google.com/presentation/d/13t5P1gojsde_gvcvDnPsfHYIqsS-knqWGDxyh3eG8SU/edit#slide=id.p", :target => "_blank", :title => "CoderDojo ガイダンス <一般・ボランティア向け資料>"}<>
2931
コチラ
30-
%p{:style => "margin-top:10px;"} さらに詳しい様子については、次の記事や動画をご参照ください。
32+
%p{:style => "margin-top: 60px;"} さらに詳しい様子については、次の記事や動画をご参照ください。
3133
%ul{:style => "margin-bottom:30px;"}
3234
%li
3335
%a{:href => "http://bakemono.jp/reading/blog/web/2256/"} CoderDojoとは? 運営者に話を聞いてみた!
@@ -44,6 +46,7 @@
4446
%a{:href => "http://www.coderdojo-kashiwa.com/"} CoderDojo Kashiwa
4547
が制作した動画です。道場の雰囲気が伝われば幸いです ;)
4648
= render partial: 'shared/social_buttons'
49+
%br
4750

4851
/
4952
%section#events.detail-introduction.text-center
@@ -59,7 +62,7 @@
5962

6063
%section#dojos.dojos.text-center.grayscale-bg
6164
%br
62-
%h2{:style => "color: dimgray;"} 🗾 日本各地の道場 ☯️
65+
%h2{:style => "color: dimgray;"} 🗾 日本各地の道場
6366
%br
6467
%p
6568
近くの道場を探してみましょう！
@@ -71,15 +74,15 @@
7174
= render partial: 'shared/dojos', locals: { regions_and_dojos: @regions_and_dojos }
7275
%section#timeline.text-center
7376
%br
74-
%h2.text-center
75-
%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"} 最近の CoderDojo
77+
%h3.text-center
78+
%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"} 🐣 最近の CoderDojo
7679
%br
7780
%a.twitter-timeline{:href => "https://twitter.com/CoderDojoJapan?ref_src=twsrc%5Etfw", :data-lang => "ja", "data-chrome" => "noheader nofooter noborders", "data-dnt" => "true", "data-width" => "500", "data-tweet-limit" => "5"} @CoderDojoJapan アカウントのタイムライン
7881
%script{:async => "", :await => "", :src => "https://platform.twitter.com/widgets.js", :charset => "utf-8"}
7982
.text-center.grayscale-bg
8083
%section.detail-introduction.list
8184
%br
82-
%h2#next-step もっと詳しく知りたい
85+
%h2#kata{:style => "color: dimgray;"} 📚 もっと詳しく知りたい
8386
%br
8487
%p 下記ウェブサイトから、CoderDojo の詳細や最新の情報にアクセスできます。
8588
%ul
@@ -96,50 +99,57 @@
9699
%a{:href => "/kata#startup"}<>
97100
Kata の立ち上げる
98101
を読んでみてください。
99-
= link_to image_tag("coderdojo-kata_cover.png", alt: 'CoderDojo Kata', style: 'margin-bottom: 15px;'), '/kata'
102+
%div.kata
103+
= link_to image_tag("coderdojo-kata_cover.png", alt: 'CoderDojo Kata', style: 'margin-bottom: 15px;'), '/kata'
104+
%a.button{:href => '/kata'} Kata を読む
105+
100106

101107
= render partial: 'shared/partners'
102108

103-
#news.text-center.grayscale-bg
104-
%section.detail-introduction
105-
%br
106-
%h2 ニュースレター購読
107-
%br
108-
= render partial: 'shared/newsletter'
109-
110-
.text-center
111-
%section.detail-introduction
112-
%br
113-
%h2 お問い合わせ
109+
110+
%section#news.detail-introduction.text-center.grayscale-bg
111+
%br
112+
%h2{:style => "color: dimgray;"} 📰 ニュースレター購読
113+
%br
114+
= render partial: 'shared/newsletter'
115+
%br
116+
%br
117+
118+
%section#contact.detail-introduction.text-center
119+
%br
120+
%h2{:style => "color: dimgray;"} 📮 お問い合わせ
121+
%br
122+
%p
123+
取材や支援などのお問い合わせについては下記からご連絡ください 📨
114124
%br
115-
%p
116-
取材や支援などのお問い合わせについては下記からご連絡ください 📨
117-
%br
118-
メールの場合は
119-
%i info@coderdojo.jp
120-
\ までお問い合わせください。
121-
/ Contact Form via Wufoo
122-
#contact
123-
#wufoo-qkjthoy0qpuvg9{:style => "margin-top: -10px"}
124-
%a{:href => "https://yasslab.wufoo.com/forms/qkjthoy0qpuvg9"}> 問い合わせフォーム
125-
:javascript
126-
var qkjthoy0qpuvg9;(function(d, t) {
127-
var s = d.createElement(t), options = {
128-
'userName':'yasslab',
129-
'formHash':'qkjthoy0qpuvg9',
130-
'autoResize':true,
131-
'height':'497',
132-
'async':true,
133-
'host':'wufoo.com',
134-
'header':'show',
135-
'ssl':true
136-
};
137-
s.src = ('https:' == d.location.protocol ? 'https://' : 'http://') + 'www.wufoo.com/scripts/embed/form.js';
138-
s.onload = s.onreadystatechange = function() {
139-
var rs = this.readyState; if (rs) if (rs != 'complete') if (rs != 'loaded') return;
140-
try {
141-
qkjthoy0qpuvg9 = new WufooForm();qkjthoy0qpuvg9.initialize(options);qkjthoy0qpuvg9.display();
142-
} catch (e) {}
143-
};
144-
var scr = d.getElementsByTagName(t)[0], par = scr.parentNode; par.insertBefore(s, scr);
145-
})(document, 'script');
125+
メールの場合は
126+
%i info@coderdojo.jp
127+
\ までお問い合わせください。
128+
/ Contact Form via Wufoo
129+
#contact
130+
#wufoo-qkjthoy0qpuvg9{:style => "margin-top: -10px"}
131+
%a{:href => "https://yasslab.wufoo.com/forms/qkjthoy0qpuvg9"}> 問い合わせフォーム
132+
:javascript
133+
var qkjthoy0qpuvg9;(function(d, t) {
134+
var s = d.createElement(t), options = {
135+
'userName':'yasslab',
136+
'formHash':'qkjthoy0qpuvg9',
137+
'autoResize':true,
138+
'height':'497',
139+
'async':true,
140+
'host':'wufoo.com',
141+
'header':'show',
142+
'ssl':true
143+
};
144+
s.src = ('https:' == d.location.protocol ? 'https://' : 'http://') + 'www.wufoo.com/scripts/embed/form.js';
145+
s.onload = s.onreadystatechange = function() {
146+
var rs = this.readyState; if (rs) if (rs != 'complete') if (rs != 'loaded') return;
147+
try {
148+
qkjthoy0qpuvg9 = new WufooForm();qkjthoy0qpuvg9.initialize(options);qkjthoy0qpuvg9.display();
149+
} catch (e) {}
150+
};
151+
var scr = d.getElementsByTagName(t)[0], par = scr.parentNode; par.insertBefore(s, scr);
152+
})(document, 'script');
153+
154+
%br
155+
%br

‎app/views/shared/_newsletter.html+smartphone.haml

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,8 @@
11
%p
22
CoderDojo コミュニティの最新情報をキャッチアップしてみませんか?
3-
CoderDojo Japan が最近の活動をメールで毎月配信しています。
4-
過去の配信は
5-
%a{:href => 'https://news.coderdojo.jp/', :target => '_blank'}<>
6-
コチラ
3+
CoderDojo Japan が最近の活動をメールで毎月配信しています。過去の配信は
4+
%a{:href => 'https://news.coderdojo.jp/'}<>
5+
%b コチラ
76
から ;)
87

98
%form#mc-embedded-subscribe-form{:class=> "validate", :action =>"https://coderdojo.us17.list-manage.com/subscribe/post?u=39a5824e42ab56ec44bb4e84e&amp;id=097dfa6a14", :method =>"post", :name =>"mc-embedded-subscribe-form" ,:novalidate=>"" ,:target=>"_blank"}

‎app/views/shared/_newsletter.html.haml

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,8 @@
11
%p
22
CoderDojo コミュニティの最新情報をキャッチアップしてみませんか?
3-
CoderDojo Japan が最近の活動をメールで毎月配信しています。
4-
過去の配信は
3+
CoderDojo Japan が最近の活動をメールで毎月配信しています。過去の配信は
54
%a{:href => 'https://news.coderdojo.jp/', :target => '_blank'}<>
6-
コチラ
5+
%b コチラ
76
から ;)
87

98
%div#mc_embed_signup

‎app/views/shared/_partners.haml

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
%section#partners.detail-introduction.partners_logo.text-center
22
%br
3-
%h2 パートナー
3+
%h2{:style => "color: dimgray;"} 🤝 パートナー法人
44
:javascript
55
$(function () {
66
$('[data-toggle="tooltip"]').tooltip();
@@ -30,10 +30,10 @@
3030
%li= link_to image_tag('logos/algolia.png', alt: 'Algolia', style: 'margin-top: 5px', data: { toggle: 'tooltip', placement: 'bottom' }, title: '検索エンジン DocSearch の提供'), 'https://www.algolia.com/'
3131
%li= link_to image_tag('logos/makeblock.png', alt: 'Makeblock', style: 'margin-top: 5px', data: { toggle: 'tooltip', placement: 'bottom' }, title: '無線付きシングルボードの提供'), 'https://news.coderdojo.jp/2019/05/10/makeblock-halocode-and-coderdojo-japan/'
3232

33-
%p{:style => "margin-top: 50px;"}
33+
%p{:style => "margin: 50px 0px;"}
3434
法人向けパートナーシップの
3535
%br.ignore-pc<>
3636
詳細は
3737
%a{:href => "/docs/about-partnership"}<>
38-
コチラ
38+
%b コチラ
3939
から

0 commit comments

Comments
 (0)