Merge pull request #34 from CoderDojo-Konan-Okayama/future/next-event-button_update

Update next event button.

Author: Yuma Soga (YuSan | ゆ～さん)

app/assets/stylesheets/staticpages.scss

@@ -17,7 +17,7 @@
   .mdl-layout__header-row {
       margin-top: 0.5rem;
     .mdl-layout-title {
-        
+
     }
   }
   .header-section {
@@ -31,14 +31,12 @@
         p {
           font-size: 1.6rem;
           line-height: 2rem;
-          text-align: center; 
+          text-align: center;
         }
       }
       .header-section-button {
-          width: 100%;
-          height: 100%;
           a {
-            height: 100%;
+            color: white;
             font-size: 1.3rem;
             border-radius: 3px;
             padding-left: 0.8rem;
@@ -136,7 +134,7 @@ article {
             padding: 0.8rem;
             margin: 1rem;
             width: 20rem;
-            height: 5rem;    
+            height: 5rem;
             list-style-type: none;
             display: inline-block;
             img {
@@ -164,7 +162,7 @@ article {
             display: inline-block;
             margin: 0.5rem;
             vertical-align: top;
-          } 
+          }
           .twitter-timeline-box {
             display: inline-block;
             position: relative;
@@ -220,4 +218,4 @@ article {
 }
 .next_event_button:hover {
   opacity: 0.7;
-}
+}

app/views/staticpages/index.html.haml

@@ -29,7 +29,9 @@
             アドバイスをし、 そしてモノづくりの楽しさを共有します！
         .header-section-button
           - unless next_event_url.nil?
-            = link_to "次回の開催Check!", next_event_url, class: 'btn mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent mdl-js-ripple-effect'
+            = link_to "次回の開催をCheck!", next_event_url, class: 'btn mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent mdl-js-ripple-effect', target: "_new"
+          - else
+            = link_to "申し込みページは只今準備中です！", root_url, class: 'btn btn-disabled mdl-button mdl-js-button'
     .mdl-layout__drawer
       %span.mdl-layout-title CoderDojo Konan Okayama Official Site
       %nav.mdl-navigation
@@ -68,7 +70,10 @@
               %p 道場ごとに内容も規模も違いますが、Ninjaの自主性を重視している姿勢は一緒です。
             - unless next_event_url.nil?
               .mdl-card__actions.mdl-card--borde.next-event-button
-                = link_to "次回の開催Check!", next_event_url, class: 'btn mdl-button mdl-button--colored mdl-button--raised mdl-js-button mdl-js-ripple-effect'
+                = link_to "次回の開催をCheck!", next_event_url, class: 'btn mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent mdl-js-ripple-effect', target: "_new"
+            - else
+              .mdl-card__actions.mdl-card--borde.next-event-button
+                = link_to "申し込みページは只今準備中です！", root_url, class: 'btn btn-disabled mdl-button mdl-js-button'
         %section#language-section
           .language-section-card.mdl-card.mdl-shadow--2dp
             .mdl-card__title