From 9062096cc601522a2c10478007da3bfa82711792 Mon Sep 17 00:00:00 2001
From: sugurugu <u.sgr.22114w@gmail.com>
Date: Thu, 23 Jun 2016 20:04:31 +0900
Subject: [PATCH] sponsor logo:adaption to smartphone

---
 source/assets/css/style.css | 16 +++++++++++-
 source/index.html.erb       | 50 +++++++++++++++++++------------------
 2 files changed, 41 insertions(+), 25 deletions(-)

diff --git a/source/assets/css/style.css b/source/assets/css/style.css
index 25c1f57..8d08626 100644
--- a/source/assets/css/style.css
+++ b/source/assets/css/style.css
@@ -61,11 +61,18 @@ a.navbar-brand:hover{
   text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
   font-size: 1.5em;
 }
+
 .eqh{
+  float: right;
+  display: inline-block;
   float: none;
-  display: table-cell;;
+  display: table-cell;
 }
 
+img.eqhadaption{
+  width: 100%;
+  max-width: 280px;
+}
 /* footer */
 .footerback{
   position: relative;
@@ -512,4 +519,11 @@ tbody.programtable tr td{
     width: 100px;
     height: 100px;
   }
+  .eqh{
+    display: inline-block;
+    float: none;
+  }
+  img.eqhadaption{
+    width: 100%;
+  }
 }
diff --git a/source/index.html.erb b/source/index.html.erb
index 739343c..ee354ea 100644
--- a/source/index.html.erb
+++ b/source/index.html.erb
@@ -306,11 +306,11 @@
                     <img src="assets/img/mithril.png" alt="">
                   </div>
                   <% data.index.prise.mithril.each_slice(1) do |prise| %>
-                  <div class="col-md-12">
+                  <div class="col-md-12 col-sm-12 col-xs-12">
                     <% prise.each do |p| %>
-                    <div class="col-md-4 col-md-offset-4">
+                    <div class="col-md-4 col-sm-6 col-xs-12 eqh">
                       <a class="linkwhite" href="<%= p.url %>">
-                        <img src="assets/img/sponsor/<%= p.imgname %>" alt="<%= p.sponsorname %>" class="sponsor-img sponsor-size-mithril" <%= (p.zoom.nil?)?"":"style=\"width:"+p.zoom+"\"" %> >
+                        <img src="assets/img/sponsor/<%= p.imgname %>" alt="<%= p.sponsorname %>" class="sponsor-img sponsor-size-mithril eqhadaption" <%= (p.zoom.nil?)?"":"style=\"width:"+p.zoom+"\"" %> >
                       </a>
                     </div>
                     <% end %>
@@ -322,11 +322,11 @@
                     <img src="assets/img/platinum.png" alt="">
                   </div>
                   <% data.index.prise.platinum.each_slice(3) do |prise| %>
-                  <div class="col-md-12">
+                  <div class="col-md-12 col-sm-12 col-xs-12">
                     <% prise.each do |p| %>
-                    <div class="col-md-4 eqh">
+                    <div class="col-md-4 col-sm-6 col-xs-12 eqh">
                       <a class="linkwhite" href="<%= p.url %>">
-                        <img src="assets/img/sponsor/<%= p.imgname %>" alt="<%= p.sponsorname %>" class="sponsor-img sponsor-size-platinum" <%= (p.zoom.nil?)?"":"style=\"width:"+p.zoom+"\"" %> >
+                        <img src="assets/img/sponsor/<%= p.imgname %>" alt="<%= p.sponsorname %>" class="sponsor-img sponsor-size-platinum eqhadaption" <%= (p.zoom.nil?)?"":"style=\"width:"+p.zoom+"\"" %> >
                       </a>
                     </div>
                     <% end %>
@@ -338,11 +338,11 @@
                     <img src="assets/img/gold.png" alt="">
                   </div>
                   <% data.index.prise.gold.each_slice(3) do |prise| %>
-                  <div class="col-md-12">
+                  <div class="col-md-12 col-sm-12 col-xs-12">
                     <% prise.each do |p| %>
-                    <div class="col-md-4 eqh">
+                    <div class="col-md-4 col-sm-6 col-xs-12 eqh">
                       <a class="linkwhite" href="<%= p.url %>">
-                        <img src="assets/img/sponsor/<%= p.imgname %>" alt="<%= p.sponsorname %>" class="sponsor-img sponsor-size-gold" <%= (p.zoom.nil?)?"":"style=\"width:"+p.zoom+"\"" %> >
+                        <img src="assets/img/sponsor/<%= p.imgname %>" alt="<%= p.sponsorname %>" class="sponsor-img sponsor-size-gold eqhadaption" <%= (p.zoom.nil?)?"":"style=\"width:"+p.zoom+"\"" %> >
                       </a>
                     </div>
                     <% end %>
@@ -355,24 +355,26 @@
                     <img src="assets/img/silver.png" alt="">
                   </div>
                   <% data.index.prise.silver.each_slice(3) do |prise| %>
-                  <div class="col-md-12">
+                  <div class="row">
+                  <div class="col-md-12 col-sm-12 col-xs-12">
                     <% prise.each do |p| %>
-                    <div class="col-md-4 eqh">
+                    <div class="col-md-4 col-sm-6 col-xs-12 eqh">
                       <a class="linkwhite" href="<%= p.url %>">
-                        <img src="assets/img/sponsor/<%= p.imgname %>" alt="<%= p.sponsorname %>" class="sponsor-img sponsor-size-silver" <%= (p.zoom.nil?)?"":"style=\"width:"+p.zoom+"\"" %> >
+                        <img src="assets/img/sponsor/<%= p.imgname %>" alt="<%= p.sponsorname %>" class="sponsor-img sponsor-size-silver eqhadaption" <%= (p.zoom.nil?)?"":"style=\"width:"+p.zoom+"\"" %> >
                       </a>
                     </div>
                     <% end %>
                   </div>
+                  </div>
                   <% end %>
                   <% end %>
                   <% unless data.index.prise.mono.nil? %>
                   <% data.index.prise.mono.each_slice(3) do |prise| %>
-                  <div class="col-md-12">
+                  <div class="col-md-12 col-sm-12 col-xs-12">
                     <% prise.each do |p| %>
-                    <div class="col-md-4 eqh">
+                    <div class="col-md-4 col-sm-6 col-xs-12 eqh">
                       <a class="linkwhite" href="<%= p.url %>">
-                        <img src="assets/img/sponsor/<%= p.imgname %>" alt="<%= p.sponsorname %>" class="sponsor-img sponsor-size-mono" <%= (p.zoom.nil?)?"":"style=\"width:"+p.zoom+"\"" %> >
+                        <img src="assets/img/sponsor/<%= p.imgname %>" alt="<%= p.sponsorname %>" class="sponsor-img sponsor-size-mono eqhadaption" <%= (p.zoom.nil?)?"":"style=\"width:"+p.zoom+"\"" %> >
                       </a>
                     </div>
                     <% end %>
@@ -385,11 +387,11 @@
                     <img src="assets/img/backsupport.png" alt="">
                   </div>
                   <% data.index.prise.backsupport.each_slice(3) do |prise| %>
-                  <div class="col-md-12">
+                  <div class="col-md-12 col-sm-12 col-xs-12">
                     <% prise.each do |p| %>
-                    <div class="col-md-4 eqh">
+                    <div class="col-md-4 col-sm-6 col-xs-12 eqh">
                       <a class="linkwhite" href="<%= p.url %>">
-                        <img src="assets/img/sponsor/<%= p.imgname %>" alt="<%= p.sponsorname %>" class="sponsor-img sponsor-size-backsupport" <%= (p.zoom.nil?)?"":"style=\"width:"+p.zoom+"\"" %> >
+                        <img src="assets/img/sponsor/<%= p.imgname %>" alt="<%= p.sponsorname %>" class="sponsor-img sponsor-size-backsupport eqhadaption" <%= (p.zoom.nil?)?"":"style=\"width:"+p.zoom+"\"" %> >
                       </a>
                     </div>
                     <% end %>
@@ -401,11 +403,11 @@
                     <img src="assets/img/cohost.png" alt="">
                   </div>
                   <% data.index.prise.cohost.each_slice(3) do |prise| %>
-                  <div class="col-md-12">
+                  <div class="col-md-12 col-sm-12 col-xs-12">
                     <% prise.each do |p| %>
-                    <div class="col-md-4 eqh">
+                    <div class="col-md-4 col-sm-6 col-xs-12 eqh">
                       <a class="linkwhite" href="<%= p.url %>">
-                        <img src="assets/img/sponsor/<%= p.imgname %>" alt="<%= p.sponsorname %>" class="sponsor-img sponsor-size-cohost" <%= (p.zoom.nil?)?"":"style=\"width:"+p.zoom+"\"" %> >
+                        <img src="assets/img/sponsor/<%= p.imgname %>" alt="<%= p.sponsorname %>" class="sponsor-img sponsor-size-cohost eqhadaption" <%= (p.zoom.nil?)?"":"style=\"width:"+p.zoom+"\"" %> >
                       </a>
                     </div>
                     <% end %>
@@ -417,11 +419,11 @@
                     <img src="assets/img/media.png" alt="">
                   </div>
                   <% data.index.prise.media.each_slice(3) do |prise| %>
-                  <div class="col-md-12">
+                  <div class="col-md-12 col-sm-12 col-xs-12">
                     <% prise.each do |p| %>
-                    <div class="col-md-4 eqh">
+                    <div class="col-md-4 col-sm-6 col-xs-12 eqh">
                       <a class="linkwhite" href="<%= p.url %>">
-                        <img src="assets/img/sponsor/<%= p.imgname %>" alt="<%= p.sponsorname %>" class="sponsor-img sponsor-size-medias" <%= (p.zoom.nil?)?"":"style=\"width:"+p.zoom+"\"" %> >
+                        <img src="assets/img/sponsor/<%= p.imgname %>" alt="<%= p.sponsorname %>" class="sponsor-img sponsor-size-medias eqhadaption" <%= (p.zoom.nil?)?"":"style=\"width:"+p.zoom+"\"" %> >
                       </a>
                     </div>
                     <% end %>