[www-doc] [Git][VideoLAN.org/websites][master] 3 commits: vlc/releases/3.0.0: fix carousel
Simon Latapie
gitlab at videolan.org
Fri Feb 9 16:27:57 CET 2018
Simon Latapie pushed to branch master at VideoLAN organization / websites
Commits:
0d8e9998 by Simon Latapie at 2018-02-09T16:27:45+01:00
vlc/releases/3.0.0: fix carousel
- - - - -
efafbc99 by Simon Latapie at 2018-02-09T16:27:45+01:00
releases/3.0.0: try to get to bootstrap columns
- - - - -
89df0aca by Simon Latapie at 2018-02-09T16:27:45+01:00
vlc/releases/3.0.0: fix a padding
- - - - -
1 changed file:
- www.videolan.org/vlc/releases/3.0.0.php
Changes:
=====================================
www.videolan.org/vlc/releases/3.0.0.php
=====================================
--- a/www.videolan.org/vlc/releases/3.0.0.php
+++ b/www.videolan.org/vlc/releases/3.0.0.php
@@ -108,6 +108,7 @@
}
.subtext { position: relative; top: -20px; left:250px; width: 400px; text-align: center; }
+ .subtext2 { position: relative; top: -20px; width: 100%; text-align: center; }
</style>
<script>
@@ -131,7 +132,7 @@
callback: {
complete: function(number) {
var selector = "#text_" + number;
- $(".subtext").css("display", "none");
+ $(".subtext2").css("display", "none");
$(selector).css("display", "block");
}
}
@@ -139,7 +140,8 @@
});
</script>
- <div style="width: 940px; margin: 0 auto;">
+ <div class="container">
+ <div class="row col-md-12">
<div id="slides" style="margin: 0 auto;">
<img src="/vlc/releases/3.0.0/carousel-3.0-4k.jpg">
<img src="/vlc/releases/3.0.0/carousel-3.0-hdr.jpg">
@@ -148,15 +150,18 @@
<img src="/vlc/releases/3.0.0/carousel-iphone10-1.jpg">
<img src="/vlc/releases/3.0.0/carousel-3.0-xbox.jpg">
</div>
- <h2 class="subtext" id="text_1">Hardware accelerated decoding for HD and UHD</h2>
- <h2 class="subtext" style="display: none;" id="text_2">Supports HDR and HDR tone-mapping</h2>
- <h2 class="subtext" style="display: none;" id="text_3">360° video navigation</h2>
- <h2 class="subtext" style="display: none;" id="text_4">Chromecast streaming</h2>
- <h2 class="subtext" style="display: none;" id="text_5">Optimized for iPhone X</h2>
- <h2 class="subtext" style="display: none;" id="text_6">Faster version for UWP and XBox One</h2>
+ </div>
+ <div class="row col-md-12">
+ <h2 class="subtext2" id="text_1">Hardware accelerated decoding for HD and UHD</h2>
+ <h2 class="subtext2" style="display: none;" id="text_2">Supports HDR and HDR tone-mapping</h2>
+ <h2 class="subtext2" style="display: none;" id="text_3">360° video navigation</h2>
+ <h2 class="subtext2" style="display: none;" id="text_4">Chromecast streaming</h2>
+ <h2 class="subtext2" style="display: none;" id="text_5">Optimized for iPhone X</h2>
+ <h2 class="subtext2" style="display: none;" id="text_6">Faster version for UWP and XBox One</h2>
</div>
- <a id='downloadButton' href='#download' style="margin-left: 300px; margin-top: 20px;">
+ <div class="row col-md-offset-4 col-md-4">
+ <a id='downloadButton' href='#download' style="margin-top: 0px;">
<img style='position: absolute; top: -10px; left: -10px;' src='/images/downloadVLC.png' alt='Download VLC icon' />
<span class='downloadText'><?php echo _("Get VLC now!"); ?></span>
<span id='downloadDetails' style='font-size: 12px; color: white;'>
@@ -174,32 +179,48 @@
});
</script>
</div>
+ </div>
+ </div>
+
+ <div class="clearme" style='padding-top: 10px;'>
+
<div class="container">
- <div class="clearme" style='padding-top: 30px;'>
- <div style='float: left; width: 600px;'>
- <h1 style='margin-bottom: 12px;'><?php echo _("3.0 Highlights"); ?></h1>
- <div class='projectDescription' style="width: 600px;">
- <div style="padding-bottom: 8px;">VLC 3.0 "Vetinari" is a new major update of VLC.</div>
- <div>VLC 3.0 activates hardware decoding by default, to get <a href="https://vimeo.com/254723528">4K and 8K playback!</a></div>
- <div>Supports 4K, 10bits and HDR</div>
- <div>Playback 360 video and 3D audio, up to Ambisoncics 3rd order</div>
- <div>Allows passthrough for HD audio codecs</div>
- <div>Can stream to Chromecast devices, even in formats not supported natively</div>
- <div>Can play Blu-Ray Java menus: BD-J</div>
- <div>VLC supports browsing of local network drives and NAS</div>
- <div>Support for more formats and faster seeking</div>
- <div>New subtitles renderer support Complex Text Scripts and Fonts fallback</div>
- <div style="float: right; margin-top: 10px">Read the complete <a href="/developers/vlc-branch/NEWS"/>Changelog</a>.</div>
- </div>
+ <section>
+ <div class="container">
+ <div class="row col-md-12">
+ <h1 style='margin-bottom: 12px;'><?php echo _("3.0 Highlights"); ?></h1>
+ </div>
+ <div class="row projectDescription" style="width:100%">
+ <div class='col-md-8'>
+ <ul>
+ <li style="padding-bottom: 8px;">VLC 3.0 "Vetinari" is a new major update of VLC.</li>
+ <li>VLC 3.0 activates hardware decoding by default, to get <a href="https://vimeo.com/254723528">4K and 8K playback!</a></li>
+ <li>It supports 10bits and HDR</li>
+ <li>VLC supports 360 video and 3D audio, up to Ambisoncics 3rd order</li>
+ <li>Allows passthrough for HD audio codecs</li>
+ <li>Can stream to Chromecast devices, even in formats not supported natively</li>
+ <li>Can play Blu-Ray Java menus: BD-J</li>
+ <li>VLC supports browsing of local network drives and NAS</li>
+ <li>Read the <a href="/press/vlc-3.0.0.html">Press release</a> and the <a href="/developers/vlc-branch/NEWS"/>Changelog</a>.</li>
+ </ul>
+ </div>
+ <div class='col-md-4'><?php image( 'largeVLC.png', 'Large Orange VLC media player Traffic Cone Logo', 'projectImg' ); ?></div>
</div>
- <div style='float: left; width: 200px;'><?php image( 'largeVLC.png', 'Large Orange VLC media player Traffic Cone Logo', 'projectImg' ); ?></div>
</div>
</div>
+ </section>
+ </div>
+ <section class="bg-gray" style='padding-top: 30px;'>
<div class="container">
+ <div class="row">
+ <div class="col-md-12">
<h1 style='margin-bottom: 12px;'> 3.0 <?php echo _("Features"); ?></h1>
+ </div>
+ </div>
- <div style='float: left; width: 480px; margin-bottom: 25px;'>
+ <div class="row">
+ <div class="col-md-6">
<div class='audienceCallout'><?php echo _("Core"); ?></div>
<div class='clearme'>
<div class='productDescription'>
@@ -215,8 +236,7 @@
</div>
</div>
</div>
-
- <div style='float: left; width: 480px;'>
+ <div class="col-md-6">
<div class='audienceCallout'><?php echo _("Acceleration"); ?></div>
<div class='clearme'>
<div class='productDescription'>
@@ -232,8 +252,10 @@
</div>
</div>
</div>
+ </div>
- <div class="clearme" style='float: left; width: 480px; margin-bottom: 20px;'>
+ <div class="row">
+ <div class="col-md-6">
<div class='audienceCallout'><?php echo _("Codecs"); ?></div>
<div class='clearme'>
<div class='productDescription'>
@@ -251,7 +273,7 @@
</div>
</div>
</div>
- <div style='float: left; width: 480px;'>
+ <div class="col-md-6">
<div class='audienceCallout'><?php echo _("Containers"); ?></div>
<div class='clearme'>
<div class='productDescription'>
@@ -265,8 +287,10 @@
</div>
</div>
</div>
+ </div>
- <div class="clearme" style='float: left; width: 480px; margin-bottom: 20px;'>
+ <div class="row">
+ <div class="col-md-6">
<div class='audienceCallout'><?php echo _("Video outputs and filters"); ?></div>
<div class='clearme'>
<div class='productDescription'>
@@ -285,8 +309,7 @@
</div>
</div>
</div>
-
- <div style='float: left; width: 480px;'>
+ <div class="col-md-6">
<div class='audienceCallout'><?php echo _("Audio outputs and filters"); ?></div>
<div class='clearme'>
<div class='productDescription'>
@@ -304,8 +327,10 @@
</div>
</div>
</div>
+ </div>
- <div class="clearme" style='float: left; width: 480px; margin-bottom: 20px;'>
+ <div class="row">
+ <div class="col-md-6">
<div class='audienceCallout'><?php echo _("OS Versions"); ?></div>
<div class='clearme'>
<div class='productDescription'>
@@ -322,8 +347,7 @@
</div>
</div>
</div>
-
- <div style='float: left; width: 480px;'>
+ <div class="col-md-6">
<div class='audienceCallout'><?php echo _("Android specific")?></div>
<div class='clearme'>
<div class='productDescription'>
@@ -338,8 +362,10 @@
</div>
</div>
</div>
+ </div>
</div>
+ </section>
<!-- Downloads -->
<div class="container">
View it on GitLab: https://code.videolan.org/VideoLAN.org/websites/compare/ac2c000433eece91c33b0067c4942c3c9ce353b1...89df0aca34b3fc8ee6c5d0bc509be38db369585a
---
View it on GitLab: https://code.videolan.org/VideoLAN.org/websites/compare/ac2c000433eece91c33b0067c4942c3c9ce353b1...89df0aca34b3fc8ee6c5d0bc509be38db369585a
You're receiving this email because of your account on code.videolan.org.
More information about the www-doc
mailing list