drill-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From tshi...@apache.org
Subject [25/25] drill git commit: Improved video widget and responsive bug fixes
Date Tue, 12 May 2015 05:57:07 GMT
Improved video widget and responsive bug fixes


Project: http://git-wip-us.apache.org/repos/asf/drill/repo
Commit: http://git-wip-us.apache.org/repos/asf/drill/commit/fcb4f412
Tree: http://git-wip-us.apache.org/repos/asf/drill/tree/fcb4f412
Diff: http://git-wip-us.apache.org/repos/asf/drill/diff/fcb4f412

Branch: refs/heads/gh-pages
Commit: fcb4f412bb27fc55a8a9525418cc151590b90259
Parents: 4f410f9
Author: Tomer Shiran <tshiran@gmail.com>
Authored: Mon May 11 22:44:40 2015 -0700
Committer: Tomer Shiran <tshiran@gmail.com>
Committed: Mon May 11 22:44:40 2015 -0700

----------------------------------------------------------------------
 _includes/authors.html           |   1 +
 css/responsive.css               |  19 +++++++++++--------
 css/style.css                    |  28 ++++++++++++++++++++++++++++
 css/video-slider.css             |  34 ++++++++++++++++++++++++++++++++++
 images/play-mq.png               | Bin 0 -> 1050 bytes
 images/thumbnail-65c42i7Xg7Q.jpg | Bin 0 -> 12659 bytes
 images/thumbnail-6pGeQOXDdD8.jpg | Bin 0 -> 13315 bytes
 images/thumbnail-MYY51kiFPTk.jpg | Bin 0 -> 13058 bytes
 images/thumbnail-bhmNbH2yzhM.jpg | Bin 0 -> 14299 bytes
 index.html                       |  29 ++++++++++++++++-------------
 10 files changed, 90 insertions(+), 21 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/drill/blob/fcb4f412/_includes/authors.html
----------------------------------------------------------------------
diff --git a/_includes/authors.html b/_includes/authors.html
new file mode 100644
index 0000000..30d358b
--- /dev/null
+++ b/_includes/authors.html
@@ -0,0 +1 @@
+{% for alias in post.authors %}{% assign author = site.data.authors[alias] %}{{ author.name
}}{% unless forloop.last %}, {% endunless %}{% endfor %}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/drill/blob/fcb4f412/css/responsive.css
----------------------------------------------------------------------
diff --git a/css/responsive.css b/css/responsive.css
index b5ba351..81714a5 100644
--- a/css/responsive.css
+++ b/css/responsive.css
@@ -191,18 +191,21 @@
   }
   #header .scroller .item div.headlines .btn { font-size: 16px; }
 
-  div.alertbar .hor-bar:after {
-    content: "";
-  }
   div.alertbar {
     text-align: left;
-    padding-left: 25px;
-  }
-  div.alertbar a {
-    display:block;
+    padding:0 25px;
   }
-  div.alertbar span.strong {
+  div.alertbar div {
     display: block;
+    padding:10px 0;
+  }
+  div.alertbar div:nth-child(1){
+    border-right:none;
+    border-bottom:solid 1px #cc9;
+  }
+  div.alertbar div:nth-child(2){
+    border-right:none;
+    border-bottom:solid 1px #cc9;
   }
   table.intro {
     width: 100%;

http://git-wip-us.apache.org/repos/asf/drill/blob/fcb4f412/css/style.css
----------------------------------------------------------------------
diff --git a/css/style.css b/css/style.css
index 9828806..aa8cfb5 100755
--- a/css/style.css
+++ b/css/style.css
@@ -824,3 +824,31 @@ li p {
 .int_text table-bordered tbody>tr:last-child>td{border-bottom-width:0}
 .int_text table-horizontal td, .int_text table-horizontal th{border-width:0 0 1px;border-bottom:1px
solid #cbcbcb}
 .int_text table-horizontal tbody>tr:last-child>td{border-bottom-width:0}
+
+
+div.alertbar{
+  line-height:1;
+  text-align: center;
+}
+
+div.alertbar div{
+  display: inline-block;
+  vertical-align: middle;
+  padding:0 10px;
+}
+
+div.alertbar div:nth-child(2){
+  border-right:solid 1px #cc9;
+}
+
+div.alertbar div.news{
+  font-weight:bold;
+}
+
+div.alertbar a{
+  
+}
+div.alertbar div span{
+  font-size:65%;
+  color:#aa7;
+}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/drill/blob/fcb4f412/css/video-slider.css
----------------------------------------------------------------------
diff --git a/css/video-slider.css b/css/video-slider.css
new file mode 100644
index 0000000..e80ece7
--- /dev/null
+++ b/css/video-slider.css
@@ -0,0 +1,34 @@
+div#video-slider{
+  width:260px;
+  float:right;
+}
+
+div.slide{
+  position:relative;
+  padding:0px 0px;
+}
+
+img.thumbnail {
+  width:100%;
+  margin:0 auto;
+}
+
+img.play{
+  position:absolute;
+  width:40px;
+  left:110px;
+  top:60px;
+}
+
+div.title{
+  layout:block;
+  bottom:0px;
+  left:0px;
+  width:100%;
+  line-height:20px;
+  color:#000;
+  opacity:.4;
+  text-align:center;
+  font-size:12px;
+  background-color:#fff;
+}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/drill/blob/fcb4f412/images/play-mq.png
----------------------------------------------------------------------
diff --git a/images/play-mq.png b/images/play-mq.png
new file mode 100644
index 0000000..c423b2a
Binary files /dev/null and b/images/play-mq.png differ

http://git-wip-us.apache.org/repos/asf/drill/blob/fcb4f412/images/thumbnail-65c42i7Xg7Q.jpg
----------------------------------------------------------------------
diff --git a/images/thumbnail-65c42i7Xg7Q.jpg b/images/thumbnail-65c42i7Xg7Q.jpg
new file mode 100644
index 0000000..61f8b4f
Binary files /dev/null and b/images/thumbnail-65c42i7Xg7Q.jpg differ

http://git-wip-us.apache.org/repos/asf/drill/blob/fcb4f412/images/thumbnail-6pGeQOXDdD8.jpg
----------------------------------------------------------------------
diff --git a/images/thumbnail-6pGeQOXDdD8.jpg b/images/thumbnail-6pGeQOXDdD8.jpg
new file mode 100644
index 0000000..af9bdbc
Binary files /dev/null and b/images/thumbnail-6pGeQOXDdD8.jpg differ

http://git-wip-us.apache.org/repos/asf/drill/blob/fcb4f412/images/thumbnail-MYY51kiFPTk.jpg
----------------------------------------------------------------------
diff --git a/images/thumbnail-MYY51kiFPTk.jpg b/images/thumbnail-MYY51kiFPTk.jpg
new file mode 100644
index 0000000..6e6b0bb
Binary files /dev/null and b/images/thumbnail-MYY51kiFPTk.jpg differ

http://git-wip-us.apache.org/repos/asf/drill/blob/fcb4f412/images/thumbnail-bhmNbH2yzhM.jpg
----------------------------------------------------------------------
diff --git a/images/thumbnail-bhmNbH2yzhM.jpg b/images/thumbnail-bhmNbH2yzhM.jpg
new file mode 100644
index 0000000..93747fb
Binary files /dev/null and b/images/thumbnail-bhmNbH2yzhM.jpg differ

http://git-wip-us.apache.org/repos/asf/drill/blob/fcb4f412/index.html
----------------------------------------------------------------------
diff --git a/index.html b/index.html
index 0ae78f2..7ad2709 100755
--- a/index.html
+++ b/index.html
@@ -2,8 +2,11 @@
 layout: default
 ---
 <link href="{{ site.baseurl }}/static/fancybox/jquery.fancybox.css" rel="stylesheet" type="text/css">
-<link href="{{ site.baseurl }}/css/video-box.css" rel="stylesheet" type="text/css">
+<link href="{{ site.baseurl }}/css/video-slider.css" rel="stylesheet" type="text/css">
 <script language="javascript" type="text/javascript" src="{{ site.baseurl }}/static/fancybox/jquery.fancybox.pack.js"></script>
+<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.5.0/slick.css"/>
+<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.5.0/slick-theme.css"/>
+<script type="text/javascript" src="//cdn.jsdelivr.net/jquery.slick/1.5.0/slick.min.js"></script>
 
 <script type="text/javascript">
 
@@ -18,6 +21,12 @@ $(document).ready(function() {
       this.href = url
     }
   });
+  
+  $('div#video-slider').slick({
+    autoplay: true,
+    autoplaySpeed: 5000,
+    dots: true
+  });
 });
 
 </script>
@@ -33,12 +42,11 @@ $(document).ready(function() {
 <div class="scroller">
   <div class="item">
     <div class="headlines tc">
-      <div id="video-box">   
-        <div class="background"></div>
-        <div class="row r0"><div><a class="various fancybox.iframe" href="http://www.youtube.com/watch?v=65c42i7Xg7Q"><img
src="http://img.youtube.com/vi/65c42i7Xg7Q/1.jpg" /></a></div><a class="various
fancybox.iframe" href="http://www.youtube.com/watch?v=65c42i7Xg7Q">1. The Rise of the Non-Relational
Datastore</a></div>
-        <div class="row r1"><div><a class="various fancybox.iframe" href="http://www.youtube.com/watch?v=MYY51kiFPTk"><img
src="http://img.youtube.com/vi/MYY51kiFPTk/1.jpg" /></a></div><a class="various
fancybox.iframe" href="http://www.youtube.com/watch?v=MYY51kiFPTk">2. Deployment Options
and Client Access</a></div>
-        <div class="row r2"><div><a class="various fancybox.iframe" href="http://www.youtube.com/watch?v=bhmNbH2yzhM"><img
src="http://img.youtube.com/vi/bhmNbH2yzhM/1.jpg" /></a></div><a class="various
fancybox.iframe" href="http://www.youtube.com/watch?v=bhmNbH2yzhM">3. Connecting to Data
Sources</a></div>
-        <div class="row r3"><div><a class="various fancybox.iframe" href="http://www.youtube.com/watch?v=6pGeQOXDdD8"><img
src="http://img.youtube.com/vi/6pGeQOXDdD8/1.jpg" /></a></div><a class="various
fancybox.iframe" href="http://www.youtube.com/watch?v=6pGeQOXDdD8">4. High-Performance
SQL with a JSON Model</a></div>
+      <div id="video-slider" class="slider">
+        <div class="slide"><a class="various fancybox.iframe" href="//www.youtube.com/watch?v=65c42i7Xg7Q"><img
src="{{ site.baseurl }}/images/thumbnail-65c42i7Xg7Q.jpg" class="thumbnail" /><img src="{{
site.baseurl }}/images/play-mq.png" class="play" /></a><div class="title">The
Rise of the Non-Relational Datastore</div></div>
+        <div class="slide"><a class="various fancybox.iframe" href="//www.youtube.com/watch?v=MYY51kiFPTk"><img
src="{{ site.baseurl }}/images/thumbnail-MYY51kiFPTk.jpg" class="thumbnail" /><img src="{{
site.baseurl }}/images/play-mq.png" class="play" /></a><div class="title">Deployment
Options and BI Tools</div></div>
+        <div class="slide"><a class="various fancybox.iframe" href="//www.youtube.com/watch?v=bhmNbH2yzhM"><img
src="{{ site.baseurl }}/images/thumbnail-bhmNbH2yzhM.jpg" class="thumbnail" /><img src="{{
site.baseurl }}/images/play-mq.png" class="play" /></a><div class="title">Connecting
to Data Sources</div></div>
+        <div class="slide"><a class="various fancybox.iframe" href="//www.youtube.com/watch?v=6pGeQOXDdD8"><img
src="{{ site.baseurl }}/images/thumbnail-6pGeQOXDdD8.jpg" class="thumbnail" /><img src="{{
site.baseurl }}/images/play-mq.png" class="play" /></a><div class="title">High
Performance with a JSON Data Model</div></div>
       </div>
       <h1 class="main-headline">Apache Drill</h1>
       <h2 id="sub-headline">Schema-free SQL Query Engine <br class="mobile-break"
/> for Hadoop and NoSQL</h2>
@@ -49,12 +57,7 @@ $(document).ready(function() {
 
 </div><!-- header -->
 <div class="alertbar">
-  <span class="strong">News:</span> 
-  {% assign post = site.categories.blog[0] %}<!-- previously: site.posts -->
-  <a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
-  <span class="hor-bar"></span>
-  {% assign post = site.categories.blog[1] %}<!-- previously: site.posts -->
-  <a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
+  <div class="news">News:</div>{% assign post = site.categories.blog[0] %}<div><a
href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a><br/><span>({%
include authors.html %})</span></div>{% assign post = site.categories.blog[1]
%}<div><a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a><br/><span>({%
include authors.html %})</span></div>
 </div>
 
 <div class="mw introWrapper">


Mime
View raw message