Skip to content
This repository was archived by the owner on Mar 19, 2020. It is now read-only.

Commit 980232e

Browse files
author
Yuma Soga
committed
#35 Update About section and Add thinking-together section
1 parent 10f427b commit 980232e

File tree

9 files changed

+138
-35
lines changed

9 files changed

+138
-35
lines changed

‎app/assets/images/index/introduction-image/dojo-image-06.jpg

153 KB
Loading

‎app/assets/stylesheets/bootstrap-creative/_about.scss

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
#about {
2+
p {
3+
font-size: 1rem;
4+
}
5+
}

‎app/assets/stylesheets/bootstrap-creative/_animation.scss

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
.shake_text_line {
2+
display: inline-block;
3+
animation: shake_line .3s infinite;
4+
}
5+
6+
@keyframes shake_line {
7+
0% {transform: translate(0px, 0px) rotateZ(0deg)}
8+
25% {transform: translate(2px, 2px) rotateZ(1deg)}
9+
50% {transform: translate(0px, 2px) rotateZ(0deg)}
10+
75% {transform: translate(2px, 0px) rotateZ(-1deg)}
11+
100% {transform: translate(0px, 0px) rotateZ(0deg)}
12+
}

‎app/assets/stylesheets/bootstrap-creative/_global.scss

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,7 @@ h6 {
4242
}
4343

4444
.bg-dark {
45-
background-color: $gray-900 !important;
45+
background-color: $gray-200 !important;
4646
}
4747

4848
.text-faded {
@@ -59,13 +59,13 @@ section {
5959

6060
::-moz-selection {
6161
color: $white;
62-
background: $gray-900;
62+
background: $gray-100;
6363
text-shadow: none;
6464
}
6565

6666
::selection {
6767
color: $white;
68-
background: $gray-900;
68+
background: $gray-100;
6969
text-shadow: none;
7070
}
7171

@@ -78,3 +78,6 @@ img::-moz-selection {
7878
color: $white;
7979
background: transparent;
8080
}
81+
.cl-black {
82+
color: black;
83+
}

‎app/assets/stylesheets/bootstrap-creative/_masthead.scss

Lines changed: 26 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -13,15 +13,33 @@ header.masthead {
1313
}
1414
h1 {
1515
font-size: 2rem;
16+
font-style: italic;
17+
text-shadow: 1px 1px 0 rgba(0,0,0,.8);
1618
}
1719
p {
18-
font-weight: 300;
19-
color: #f5f5f5;
20+
font-size: 1.3rem;
21+
color: $p_color;
22+
font-style: italic;
23+
border-bottom: 0.3rem dotted $primary;
24+
text-shadow: 1px 1px 0 rgba(0,0,0,.3);
25+
strong {
26+
font-size: 120%;
27+
color: $p_color;
28+
text-shadow: 1px 1px 0 rgba(0,0,0,.5);
29+
}
2030
}
2131
@media (min-width: 768px) {
2232
p {
23-
font-size: 1.5rem;
24-
color: #f5f5f5;
33+
font-size: 1.3rem;
34+
color: $p_color;
35+
font-style: italic;
36+
border-bottom: 0.3rem dotted $primary;
37+
text-shadow: 1px 1px 0 rgba(0,0,0,.3);
38+
strong {
39+
font-size: 120%;
40+
color: $p_color;
41+
text-shadow: 1px 1px 0 rgba(0,0,0,.5);
42+
}
2543
}
2644
}
2745
@media (min-width: 992px) {
@@ -31,11 +49,15 @@ header.masthead {
3149
padding-bottom: 0;
3250
h1 {
3351
font-size: 3rem;
52+
font-style: italic;
53+
text-shadow: 1px 1px 0 rgba(0,0,0,.8);
3454
}
3555
}
3656
@media (min-width: 1200px) {
3757
h1 {
3858
font-size: 4rem;
59+
font-style: italic;
60+
text-shadow: 1px 1px 0 rgba(0,0,0,.8);
3961
}
4062
}
4163
}

‎app/assets/stylesheets/bootstrap-creative/_thinking-together.scss

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
#thinking-together.bg-dark{
2+
background-color: $gray-200 !important;
3+
}

‎app/assets/stylesheets/bootstrap-creative/_variables.scss

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,5 +12,8 @@ $gray-800: #343a40 !default;
1212
$gray-900: #212529 !default;
1313
$black: #000 !default;
1414

15+
$p_color: #f0f8ff !default;
1516

16-
$primary: #F05F40 !default;
17+
$primary: #4169e1 !default;
18+
19+
// $primary: #F05F40 !default;

‎app/assets/stylesheets/bootstrap-creative/creative.scss

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,11 @@
11
@import "variables";
22
@import "mixins";
3+
@import "bootstrap-overrides";
34
@import "global";
45
@import "navbar";
56
@import "masthead";
67
@import "services";
78
@import "portfolio";
8-
@import "bootstrap-overrides";
9+
@import "animation";
10+
@import "about";
11+
@import "thinking-together";

‎app/views/staticpages/index.html.haml

Lines changed: 78 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -17,23 +17,39 @@
1717
%header.masthead.text-center.text-white.d-flex
1818
.container.my-auto
1919
.row
20-
.col-lg-12.mx-auto
20+
.col-lg-10.mx-auto
2121
%h2.text-uppercase 子供のためのプログラミング道場
2222
%h1.text-uppercase
2323
%strong> CoderDojo Konan Okayama
2424
%hr/
25-
.col-lg-12.mx-auto
25+
.col-lg-10.mx-auto
26+
%p.mb-2
27+
%strong>"CoderDojo"
28+
とは小中高生を対象とした
29+
%strong>"無料プログラミングコミュニティ"
30+
です。
31+
%br
2632
%p.mb-5
27-
小中高生を対象とした "無料プログラミング道場"
33+
%strong>"アイデア"
34+
を形にする
35+
%strong>"楽しさ"
36+
を体感し、
2837
%br/
29-
アイデアを形にする楽しさを体感し、
38+
%strong>"プロのCoder"
39+
から
40+
%strong>"アドバイス"
41+
や
42+
%strong>"刺激"
43+
を受け、
3044
%br/
31-
プロのプログラマーからアドバイスや刺激を受け、
45+
%strong>"友達"
46+
たちと交流しながら
47+
%strong>"技術"を"磨き合い"
48+
、
3249
%br/
33-
友達たちと交流して切磋琢磨し、
34-
%br/
35-
未来を創るクリエイターになれ！
36-
50+
%strong>"未来を創るクリエイター"
51+
になれ！
52+
3753
- unless next_event_url.nil?
3854
= link_to "次回の開催をCheck!", next_event_url, class: 'btn btn-primary btn-xl js-scroll-trigger', target: "_new"
3955
- else
@@ -42,38 +58,74 @@
4258
.container
4359
.row
4460
.col-lg-8.mx-auto.text-center
45-
%h2.section-heading.text-white We've got what you need!
61+
%h2.section-heading.text-white What's CoderDojo? - CoderDojo とは
4662
%hr.light.my-4/
47-
%p.text-faded.mb-4 Start Bootstrap has everything you need to get your new website up and running in no time! All of the templates and themes on Start Bootstrap are open source, free to download, and easy to use. No strings attached!
48-
%a.btn.btn-light.btn-xl.js-scroll-trigger{:href => "#services"} Get Started!
49-
%section#services
63+
%p.mb-4.text-white
64+
CoderDojo は7〜17歳の子どもを対象にした無料で参加できるプログラミング道場(サークル)です。
65+
%br/
66+
2011年にアイルランドで始まり、世界では70カ国・1,200以上の道場、
67+
%br/
68+
日本では全国に84以上の道場があります。(2017/5/27現在)
69+
%p.mb-4.text-white
70+
各地のCoderDojoは、それぞれの有志がボランティアで運営していて、
71+
%br/
72+
CoderDojoでは、Ninja同士（参加している子供をNinjaといいます。）で教えあったり、
73+
%br/
74+
わからないことがあれば、現役プログラマーを中心としたメンターさんに質問したりできます。
75+
- unless next_event_url.nil?
76+
= link_to "次回の開催をCheck!", next_event_url, class: 'btn btn-light btn-xl js-scroll-trigger', target: "_new"
77+
- else
78+
= link_to "申し込みページは只今準備中です！", root_url, class: 'btn btn-disabled btn-primary btn-xl js-scroll-trigger'
79+
%section#thinking-together.bg-dark.p-3
80+
.container
81+
.row
82+
.col-lg-8.mx-auto.p-3.my-3
83+
%img.img-fluid{:alt => "開催風景 1", :src => "#{asset_path "index/introduction-image/dojo-image-6.jpg"}"}/
84+
.col-lg-8.mx-auto.my-3.text-center
85+
%h2.section-heading Thinking together - 一緒になって考える
86+
%hr.light.my-4/
87+
%p.mb-4
88+
CoderDojo 岡山 岡南 は、みんなが同じことをするのではなく、
89+
%br/
90+
それぞれのやりたいこと・作りたいものに対して、メンターが同じ目線で、
91+
%br/
92+
一緒になって考えてくれ、
93+
%br/
94+
そしてアドバイスしてくれる場所です。
95+
%p.mb-4
96+
そのため、特にカリキュラムや、課題などは無く、
97+
%br/
98+
各自がテキストを持ってきたり、作りたいものを作ったり、
99+
%br/
100+
%a{href: 'https://coderdojo.jp/kata/', target: '_new'} CoderDojo Kata
101+
などに掲載されているテキストをやったりもしています。
102+
%br/
103+
とても自由な雰囲気で、そして楽しみながらやることに重点を置いているのです。
104+
%section#language
50105
.container
51106
.row
52107
.col-lg-12.text-center
53-
%h2.section-heading At Your Service
108+
%h2.section-heading CoderDojo 岡山 岡南 での主な言語
109+
%h6.section-heading あくまで目安であって、他の言語でも大歓迎です！
54110
%hr.my-4/
55111
.container
56112
.row
57113
.col-lg-3.col-md-6.text-center
58114
.service-box.mt-5.mx-auto
59-
%i.fa.fa-4x.fa-diamond.text-primary.mb-3.sr-icons
60-
%h3.mb-3 Sturdy Templates
61-
%p.text-muted.mb-0 Our templates are updated regularly so they don't break.
115+
%img.mb-3.sr-icons.img-fluid{:alt => "Scratch Cat", :src => "#{asset_path "index/scratch-cat.png"}"}/
116+
%h3.mb-3 Scratch
62117
.col-lg-3.col-md-6.text-center
63118
.service-box.mt-5.mx-auto
64-
%i.fa.fa-4x.fa-paper-plane.text-primary.mb-3.sr-icons
65-
%h3.mb-3 Ready to Ship
66-
%p.text-muted.mb-0 You can use this theme as is, or you can make changes!
119+
%img.mb-3.sr-icons.img-fluid{:alt => "Java Logo", :src => "#{asset_path "index/java-original.png"}"}/
120+
%h3.mb-3 Java
67121
.col-lg-3.col-md-6.text-center
68122
.service-box.mt-5.mx-auto
69-
%i.fa.fa-4x.fa-newspaper-o.text-primary.mb-3.sr-icons
70-
%h3.mb-3 Up to Date
71-
%p.text-muted.mb-0 We update dependencies to keep things fresh.
123+
%img.mb-3.sr-icons.img-fluid{:alt => "Web系言語", :src => "#{asset_path "index/web-lang.png"}"}/
124+
%h3.mb-3 HTML/CSS/JavaScript
72125
.col-lg-3.col-md-6.text-center
73126
.service-box.mt-5.mx-auto
74-
%i.fa.fa-4x.fa-heart.text-primary.mb-3.sr-icons
75-
%h3.mb-3 Made with Love
76-
%p.text-muted.mb-0 You have to make your websites with love these days!
127+
%img.mb-3.sr-icons.img-fluid{:alt => "Ruby (on Rails)", :src => "#{asset_path "index/ruby-original.png"}"}/
128+
%h3.mb-3 Ruby(on Rails)
77129
-# %section#portfolio.p-0
78130
-# .container-fluid.p-0
79131
-# .row.no-gutters.popup-gallery

0 commit comments

Comments
 (0)