#35 Update header section

Author: Yuma Soga

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

@@ -1,9 +1,10 @@
 
 // Styling for the masthead
 header.masthead {
+  color: snow;
   padding-top: 10rem;
   padding-bottom: calc(10rem - 56px);
-  background-image: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), image-url('coderdojo-konan-header-image-1.jpg');
+  background-image: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), image-url('coderdojo-konan-header-image-1.jpg');
   background-position: center center;
   @include background-cover;
   hr {
@@ -15,10 +16,12 @@ header.masthead {
   }
   p {
     font-weight: 300;
+    color: #f5f5f5;
   }
   @media (min-width: 768px) {
     p {
-      font-size: 1.15rem;
+      font-size: 1.5rem;
+      color: #f5f5f5;
     }
   }
   @media (min-width: 992px) {

app/views/staticpages/index.html.haml

@@ -17,13 +17,27 @@
 %header.masthead.text-center.text-white.d-flex
   .container.my-auto
     .row
-      .col-lg-10.mx-auto
+      .col-lg-12.mx-auto
+        %h2.text-uppercase 子供のためのプログラミング道場
         %h1.text-uppercase
-          %strong Your Favorite Source of Free Bootstrap Themes
+          %strong> CoderDojo Konan Okayama
         %hr/
-      .col-lg-8.mx-auto
-        %p.text-faded.mb-5 Start Bootstrap can help you build better websites using the Bootstrap CSS framework! Just download your template and start going, no strings attached!
-        %a.btn.btn-primary.btn-xl.js-scroll-trigger{:href => "#about"} Find Out More
+      .col-lg-12.mx-auto
+        %p.mb-5
+          小中高生を対象とした "無料プログラミング道場"
+          %br/
+          アイデアを形にする楽しさを体感し、
+          %br/
+          プロのプログラマーからアドバイスや刺激を受け、
+          %br/
+          友達たちと交流して切磋琢磨し、
+          %br/
+          未来を創るクリエイターになれ！
+          
+        - unless next_event_url.nil?
+          = link_to "次回の開催をCheck!", next_event_url, class: 'btn btn-primary btn-xl js-scroll-trigger', target: "_new"
+        - else
+          = link_to "申し込みページは只今準備中です！", root_url, class: 'btn btn-disabled btn-primary btn-xl js-scroll-trigger'
 %section#about.bg-primary
   .container
     .row