Repository: incubator-griffin-site Updated Branches: refs/heads/asf-site 77230ad74 -> dbf8feb77
Updated asf-site site from master (e97871049bc17092bf321a8971b95a16f43bf353) Project: http://git-wip-us.apache.org/repos/asf/incubator-griffin-site/repo Commit: http://git-wip-us.apache.org/repos/asf/incubator-griffin-site/commit/dbf8feb7 Tree: http://git-wip-us.apache.org/repos/asf/incubator-griffin-site/tree/dbf8feb7 Diff: http://git-wip-us.apache.org/repos/asf/incubator-griffin-site/diff/dbf8feb7 Branch: refs/heads/asf-site Commit: dbf8feb776aae1f026b7a4e8c8a3e6994587a378 Parents: 77230ad Author: William Guo <gu...@apache.org> Authored: Thu Nov 1 19:21:35 2018 +0800 Committer: William Guo <gu...@apache.org> Committed: Thu Nov 1 19:21:35 2018 +0800 ---------------------------------------------------------------------- css/style.css | 17 ++++++++++++++++- index.html | 18 +++++++++--------- 2 files changed, 25 insertions(+), 10 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/incubator-griffin-site/blob/dbf8feb7/css/style.css ---------------------------------------------------------------------- diff --git a/css/style.css b/css/style.css index 94e8d60..7dc9ddc 100755 --- a/css/style.css +++ b/css/style.css @@ -72,7 +72,22 @@ h4{font-size:18px; font-weight:500;} .service_title{font-size:18px; margin:15px 0 5px 0; color:#575757;} .workwrapper{width:100%; padding:70px 0 50px 0; text-align:center;} -.workmargin{margin-bottom:50px;} +/*.workmargin{margin-bottom:50px;}*/ +.workmargin { + width:100%; + overflow: hidden; + margin-bottom:50px; +} +@media only screen and (max-width: 767px) +{ + .one, .two, .three, .four + { + display: block; + float: none; + width: 100%; + padding: 20px 0; + } +} .workbox{float:left;} .workbox img{width:100%;} .worktitle{margin-top:15%; font-size:18px; font-weight:bold; color:#ffffff;} http://git-wip-us.apache.org/repos/asf/incubator-griffin-site/blob/dbf8feb7/index.html ---------------------------------------------------------------------- diff --git a/index.html b/index.html index 9e6990b..a6f8ce8 100755 --- a/index.html +++ b/index.html @@ -6,7 +6,7 @@ <meta name="description" content="Apache Griffin - Big Data Quality Solution For Batch and Streaming"> <meta name="author" content="Apache Griffin"> <meta charset="utf-8"> - <meta name="viewport" content="initial-scale=1"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Style Sheets --> <link rel="stylesheet" href="css/animate.css"> @@ -195,24 +195,24 @@ <h2 class="sectiontile">WHO USES Apache Griffin</h2> <div class="row" style="margin-top:50px;"> <div class="workmargin"> - <a href="http://www.ebay.com/"><img style="width: 160px" src="/images/ebay.png" + <a class="one" href="http://www.ebay.com/"><img style="width: 160px;margin-left:60px;" src="/images/ebay.png" class="usecaseimage"></a> - <a href="http://www.huawei.com/"><img style="width: 160px;margin-left:60px;" src="/images/huawei.png" + <a class="two" href="http://www.huawei.com/"><img style="width: 160px;margin-left:60px;" src="/images/huawei.png" class="usecaseimage"></a> - <a href="http://www.jd.com/"><img style="width: 160px;margin-left:60px;" src="/images/jd.png" + <a class="three" href="http://www.jd.com/"><img style="width: 160px;margin-left:60px;" src="/images/jd.png" class="usecaseimage"></a> - <a href="http://bank.pingan.com/"><img style="width: 160px;margin-left:60px;" src="/images/payh.png" + <a class="four" href="http://bank.pingan.com/"><img style="width: 160px;margin-left:60px;" src="/images/payh.png" class="usecaseimage"></a> </div> <div class="row" style="margin-top:50px;"> <div class="workmargin"> - <a href="http://www.paypal.com/"><img style="width: 160px" src="/images/paypal.svg" + <a class="one" href="http://www.paypal.com/"><img style="width: 160px;margin-left:60px;" src="/images/paypal.svg" class="usecaseimage"></a> - <a href="http://www.vip.com/"><img style="width: 160px;margin-left:60px;" src="/images/vip.png" + <a class="two" href="http://www.vip.com/"><img style="width: 160px;margin-left:60px;" src="/images/vip.png" class="usecaseimage"></a> - <a href="https://www.vmware.com/"><img style="width: 160px;margin-left:60px;" + <a class="three" href="https://www.vmware.com/"><img style="width: 160px;margin-left:60px;" src="/images/vmware.png" class="usecaseimage"></a> - <a href="https://www.expedia.com/"><img style="width: 160px;margin-left:60px;" + <a class="four" href="https://www.expedia.com/"><img style="width: 160px;margin-left:60px;" src="/images/expedia.png" class="usecaseimage"></a> </div> </div>