Merge pull request #86 from yasslab/add-footer-logo

Add section of sponsers logo

Author: yasulab

app/assets/images/logos/case-shinjuku.png

@@ -38,6 +38,35 @@ div #README{
     margin: 0 !important;
 }
 
+// Sponsor section
+.sponsors_logo {
+  ul{
+    padding-left: 0px;
+  }
+  li{
+    list-style-type: none;
+    display: inline-block;
+    padding-top: 20px;
+    width:  300px;
+    height: 120px;
+    
+    @media only screen and (min-width: 560px) {
+      padding: 20px  0px 0px  0px;
+      margin:   0px  0px 0px  0px;
+      width:  220px;
+      height: 100px;
+    }
+    @media only screen and (min-width: 720px) {
+      padding:  0px 20px 0px 20px;
+      margin:  20px  0px 0px  0px;
+      width:  320px;
+      height: 100px;
+    }
+    img{
+      width:100%;
+    }
+  }
+}
 
 // Customized by @coderdojo-tokyo
 

app/assets/images/logos/case-shinjuku.pxm

@@ -107,8 +107,27 @@
 
     <p>本家サイトである CoderDojo (英語) では世界中の活動の様子が見れます。また、Facebook の CoderDojo Japan では日本全国の活動の様子を知ることができます。</p>
     <p>「これまでの成り立ちを知りたい」「地元で道場を立ち上げてみたい」といった場合には <a href="/kata">CoderDojo Kata</a> を参照してみてください。</p>
-    <br />
-    <h2>お問い合わせ</h2>
+  </section>
+</div>
+
+<div id="sponsors">
+  <section class='detail-introduction sponsors_logo text-center'>
+    <h2>スポンサー</h2>
+    <ul>
+      <li><a href="https://case-shinjuku.com/">
+          <%= image_tag "logos/case-shinjuku.png"%></a></li>
+      <li><a href="http://www.osscafe.net/">
+          <%= image_tag "logos/osscafe.png"%></a></li>
+      <li><a href="https://scrivito.com/">
+	  <%= image_tag "logos/scrivito.png"%></a></li>
+      <li><a href="https://yasslab.jp/">
+          <%= image_tag "logos/yasslab.png"%></a></li>
+    </ul>
+  </section>
+</div>
+<div class="text-center grayscale-bg">
+   <section class='detail-introduction'>
+       <h2>お問い合わせ</h2>
 
     <p>取材や支援などのお問い合わせについては、下記からご連絡ください 📨<br />
   メールの場合は担当の安川まで (<i>yohei@coderdojo.jp</i>) ご連絡ください。</p>

app/assets/images/logos/osscafe.png

@@ -0,0 +1,9 @@
+# -*- coding: utf-8 -*-
+require 'test_helper'
+
+class Toptest < ActionDispatch::IntegrationTest
+  test "Sponser links should be exist" do
+      get "/"
+      assert_select 'section.sponsors_logo a[href]', count:4
+  end
+end