#35 Add learn-with-each-other section and Update next-event-button

Author: Yuma Soga

app/assets/stylesheets/bootstrap-creative/_other-sections.scss

@@ -0,0 +1,6 @@
+#thinking-together.bg-dark{
+  background-color: $gray-100 !important;
+}
+#language.bg-dark{
+  background-color: $gray-100 !important;
+}

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

@@ -14,6 +14,6 @@ $black: #000 !default;
 
 $p_color: #f0f8ff !default;
 
-$primary: #4169e1 !default;
+$primary: #ffa500 !default;
 
 // $primary: #F05F40 !default;

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

@@ -8,4 +8,4 @@
 @import "portfolio";
 @import "animation";
 @import "about";
-@import "thinking-together";
+@import "other-sections";

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

@@ -2,10 +2,10 @@
   .container.my-auto
     .row
       .col-lg-10.mx-auto
-        %h2.text-uppercase 子供のためのプログラミング道場
-        %h1.text-uppercase
+        %h2 子供のためのプログラミング道場
+        %h1
           %strong> CoderDojo Konan Okayama
-        %hr/
+        %hr.light.my-4/
       .col-lg-10.mx-auto
         %p.mb-2
           %strong>"CoderDojo"
@@ -35,14 +35,14 @@
           になれ！
 
         - unless next_event_url.nil?
-          = link_to "次回の開催をCheck!", next_event_url, class: 'btn btn-primary btn-xl js-scroll-trigger', target: "_new"
+          = link_to "次回の開催をCheck!", next_event_url, class: 'btn btn-primary btn-xl js-scroll-trigger text-white', target: "_new"
         - else
-          = link_to "申し込みページは只今準備中です！", root_url, class: 'btn btn-disabled btn-primary btn-xl js-scroll-trigger'
-%section#about.bg-primary
+          = link_to "申し込みページは只今準備中です！", "#{root_url}#page-top", class: 'btn btn-disabled btn-xl border border-primary js-scroll-trigger text-white'
+%section#about.bg-primary.p-5
   .container
     .row
       .col-lg-8.mx-auto.text-center
-        %h2.section-heading.text-white What's CoderDojo? - CoderDojo とは
+        %h2.section-heading.text-white What's the CoderDojo? - CoderDojo とは
         %hr.light.my-4/
         %p.mb-4.text-white
           CoderDojo は7〜17歳の子どもを対象にした無料で参加できるプログラミング道場(サークル)です。
@@ -59,7 +59,7 @@
         - unless next_event_url.nil?
           = link_to "次回の開催をCheck!", next_event_url, class: 'btn btn-light btn-xl js-scroll-trigger', target: "_new"
         - else
-          = link_to "申し込みページは只今準備中です！", root_url, class: 'btn btn-disabled btn-primary btn-xl js-scroll-trigger'
+          = link_to "申し込みページは只今準備中です！", "#{root_url}#page-top", class: 'btn btn-disabled border border-white btn-xl js-scroll-trigger text-white'
 %section#thinking-together.bg-dark.p-3
   .container
     .row
@@ -85,7 +85,35 @@
           などに掲載されているテキストをやったりもしています。
           %br/
           とても自由な雰囲気で、そして楽しみながらやることに重点を置いているのです。
-%section#language
+%section#learn-with-each-other.bg-white.p-3
+  .container
+    .row
+      .col-lg-8.mx-auto.p-3.my-3
+        %img.img-fluid{:alt => "開催風景 2", :src => "#{asset_path "index/introduction-image/dojo-image-01.jpg"}"}/
+      .col-lg-8.mx-auto.my-3.text-center
+        %h2.section-heading
+          Learn with each other and co-polish
+          %br - 共に学び、共に磨く
+        %hr.my-4/
+        %p.mb-4
+          それぞれが違うことをやっているからと言って、
+          %br/
+          全くもって交流しないというわけではありません。
+        %p.mb-4
+          自分も、他人も、それぞれがお互いにきちんと尊重し、
+          %br/
+          同じことをやっているNinja同士、互いにそのやり方を教えあったり、
+          %br/
+          また別のことをやっていたとしても、そのNinjaに関心を持ち、
+          %br/
+          積極的に交流ができ、どんどん知見や関係を深め、広めることができる。
+        %p.mb-4
+          CoderDojo 岡山 岡南 運営一同 は、そういう場でありたいと願っております。
+        %p.mb-4
+          中には全くもって初対面だったのに、Dojoを通し、仲良くなったNinja達も居ます。
+          %br/
+          彼らは互いに切磋琢磨し、めきめきと上達してきているのです。
+%section#language.bg-dark
   .container
     .row
       .col-lg-12.text-center