[www-doc] [Git][VideoLAN.org/websites][master] 2 commits: vdd19: update header

François Cartegnie gitlab at videolan.org
Sun Oct 13 17:37:16 CEST 2019



François Cartegnie pushed to branch master at VideoLAN organization / websites


Commits:
88b2ef35 by Francois Cartegnie at 2019-10-13T15:36:25Z
vdd19: update header

- - - - -
373ab485 by Francois Cartegnie at 2019-10-13T15:36:25Z
vdd19: hide countdown/floating sponsor on mobile

- - - - -


2 changed files:

- www.videolan.org/videolan/events/vdd19/index.php
- www.videolan.org/videolan/events/vdd19/style.css


Changes:

=====================================
www.videolan.org/videolan/events/vdd19/index.php
=====================================
@@ -70,7 +70,7 @@ $(function($){
 });
 
 </script>
-  <div class="sponsor-box-2">
+  <div class="sponsor-box-2 d-xs-none d-md-block">
     <h4>Sponsors</h4>
     <a href="https://www.iij.ad.jp/en/" target="_blank">
         <?php image( 'events/vdd19/sponsors/IIJ.jpg' , 'Internet Initiative Japan', 'sponsors-logo'); ?>
@@ -85,45 +85,52 @@ $(function($){
         <?php image( 'events/vdd19/sponsors/abematv.png' , 'AbemaTV', 'sponsors-logo'); ?>
     </a>
   </div>
-<header class="header-bg">
-  <div class="container">
-    <div class="row">
-      <div class="col-lg-8 col-lg-offset-2 text-center">
-        <img src="//images.videolan.org/images/VLC-IconSmall.png">
-        <h1>Video Dev Days 2019</h1>
-        <h3>The Open Multimedia Conference that frees the cone in you!</h3>
-        <h4>9 - 10 November, 2019, Tokyo</h4>
-        <a href="https://forms.gle/dUGSE3eG3gyh5SQ6A" class="btn btn-border vbtn-link">Register<span class="arrow right vdd-icon"></span></a>
-      </div>
-    </div>
-    <div class="row">
-      <div id="countdown">
-        <div class="countdown-box">
-          <span id="countdown-day" >--</span>
-          <div class="countdown-unit">Days</div>
-        </div>
-        <div class="countdown-box">
-          <span id="countdown-hour">--</span>
-          <div class="countdown-unit">Hours</div>
-        </div>
-        <div class="countdown-box">
-          <span id="countdown-min" >--</span>
-          <div class="countdown-unit">Minutes</div>
-        </div>
-        <div class="countdown-box">
-          <span id="countdown-sec" >--</span>
-          <div class="countdown-unit">Seconds</div>
+  <header class="header-bg">
+      <div class="container">
+        <div class="row">
+          <div class="col-md-6 col-xs-6 col-xs-offset-3">
+            <img class="col-xs-12" src="//images.videolan.org/images/events/vdd19/vdd2019cone.png">
+          </div>
+          <div class="col-xs-12 col-lg-6 text-center align-middle">
+            <h1>Video Dev Days 2019</h1>
+            <h3>The Open Multimedia Conference that frees the cone in you!</h3>
+            <h4>9 - 10 November, 2019, Tokyo</h4>
+            <div class="row d-xs-none d-md-block">
+              <div id="countdown">
+                <div class="countdown-box">
+                  <span id="countdown-day" >--</span>
+                  <div class="countdown-unit">Days</div>
+                </div>
+                <div class="countdown-box">
+                  <span id="countdown-hour">--</span>
+                  <div class="countdown-unit">Hours</div>
+                </div>
+                <div class="countdown-box">
+                  <span id="countdown-min" >--</span>
+                  <div class="countdown-unit">Minutes</div>
+                </div>
+                <div class="countdown-box">
+                  <span id="countdown-sec" >--</span>
+                  <div class="countdown-unit">Seconds</div>
+                </div>
+              </div>
+            </div>
+            <div class="row text-center">
+              <a href="https://forms.gle/dUGSE3eG3gyh5SQ6A" class="btn btn-border vbtn-link"><span class="arrow right vdd-icon"></span>Register<span class="arrow left vdd-icon"></span></a>
+            </div>
+          </div>
         </div>
+
       </div>
-    </div>
-  </div>
-  <!-- <div class="container">
-    <div id="sponsors">
-        <h5>Sponsors</h5>
-        <p>We are looking for sponsors</p>
-    </div>
-  </div> -->
-</header>
+<!-- 
+       <div class="container">
+           <div id="sponsors">
+           <h5>Sponsors</h5>
+           <p>We are looking for sponsors</p>
+           </div>
+       </div>
+-->
+   </header>
 <section id="overview">
   <div class="container">
     <div class="row">


=====================================
www.videolan.org/videolan/events/vdd19/style.css
=====================================
@@ -1,8 +1,7 @@
 .header-bg {
-    background: url('/images/events/vdd19/louie-martinez-IocJwyqRv3M-unsplash.jpg') center no-repeat;
+    background: none;
     padding: 180px 0;
     margin-top: -91px;
-    background-size: cover;
 }
 
 #nonprofitOrganizationDiv2 {



View it on GitLab: https://code.videolan.org/VideoLAN.org/websites/compare/cd69531cd007283699ed0f1027e90bc224321ec6...373ab4857c41e3bb7889c16cf70c5d08107f5a32

-- 
View it on GitLab: https://code.videolan.org/VideoLAN.org/websites/compare/cd69531cd007283699ed0f1027e90bc224321ec6...373ab4857c41e3bb7889c16cf70c5d08107f5a32
You're receiving this email because of your account on code.videolan.org.




More information about the www-doc mailing list