[www-doc] [Git][VideoLAN.org/websites][master] 2 commits: Update Android screenshots for 3.3.0
Jean-Baptiste Kempf
gitlab at videolan.org
Wed Sep 23 18:12:21 CEST 2020
Jean-Baptiste Kempf pushed to branch master at VideoLAN organization / websites
Commits:
91b9307c by Nicolas Pomepuy at 2020-09-22T09:17:07+02:00
Update Android screenshots for 3.3.0
- - - - -
0c200679 by Nicolas Pomepuy at 2020-09-23T11:40:05+02:00
Improve Android layout
- - - - -
16 changed files:
- www.videolan.org/include/os-specific.php
- www.videolan.org/style/slick.scss
- www.videolan.org/vlc/download-android.php
- www.videolan.org/vlc/screenshots/android/library-audio-portrait.jpg
- www.videolan.org/vlc/screenshots/android/library-music-album-portrait.jpg
- www.videolan.org/vlc/screenshots/android/library-video-landscape-medium.jpg
- www.videolan.org/vlc/screenshots/android/library-video-landscape-tablet-medium.jpg
- www.videolan.org/vlc/screenshots/android/library-video-landscape-tablet.jpg
- www.videolan.org/vlc/screenshots/android/library-video-landscape.jpg
- www.videolan.org/vlc/screenshots/android/library-video-portrait.jpg
- www.videolan.org/vlc/screenshots/android/playback-medium.jpg
- www.videolan.org/vlc/screenshots/android/playback-tablet-medium.jpg
- www.videolan.org/vlc/screenshots/android/playback-tablet.jpg
- www.videolan.org/vlc/screenshots/android/playback.jpg
- www.videolan.org/vlc/screenshots/chromeos/library-medium.jpg
- www.videolan.org/vlc/screenshots/chromeos/playback-medium.jpg
Changes:
=====================================
www.videolan.org/include/os-specific.php
=====================================
@@ -582,14 +582,15 @@ function getImageOrientation($imgPath) {
return $aspect;
}
-function drawScreenshots($screenshots) {
- echo '<div class="v-align carousel-padding-xs col-xs-12 col-sm-5 col-sm-offset-1 col-sm-pull-1"><div id="header-carousel">';
+function drawScreenshots($screenshots, $largeWidth = false) {
+ $fullWidthClasses = $largeWidth ? " col-sm-8" : "col-sm-5";
+ echo '<div class="v-align col-xs-12 '.$fullWidthClasses.'"><div id="header-carousel">';
$first = true;
foreach($screenshots as $screenshot) {
$src = $first ? $screenshot['src'] : '';
$srcLazy = $first ? '' : $screenshot['src'];
$dom = '<div class="screenshot2 '.getImageOrientation($screenshot['src']).'">';
- $dom .= '<img src="'.$src.'" alt="'.$screenshot['name'].'" data-lazy="'.$srcLazy.'" />';
+ $dom .= '<img src="'.$src.'" alt="'.$screenshot['name'].'" data-lazy="'.$srcLazy.'" style="margin: auto;"/>';
$dom .= '</div>';
echo $dom;
$first = false;
=====================================
www.videolan.org/style/slick.scss
=====================================
@@ -110,3 +110,9 @@
.slick-arrow.slick-hidden {
display: none;
}
+
+ at media (max-width: 576px) {
+ #header-carousel {
+ margin-top: 25px;
+ }
+}
\ No newline at end of file
=====================================
www.videolan.org/vlc/download-android.php
=====================================
@@ -17,49 +17,50 @@
$defaultDetail = getOS("android");
?>
<section class="download-wrapper">
- <div class="row reorder-xs">
- <?php drawScreenshots($screenshots); ?>
- <div class="v-align col-sm-5">
- <div class="center-font-xs">
- <?php image('largeVLC.png', 'Large Orange VLC media player Traffic Cone Logo', 'big-vlc-img img-responsive visible-xs-inline-block v-align'); ?>
- <h1 class="v-align bigtitle">
- VLC for Android™
- </h1>
- </div>
- <div class="projectDescription hidden-sm hidden-xs">
- <?php echo
- _("VLC for Android is a full port of VLC media player to the Android™ platform.<br />
- It can play any video and audio files, network streams and DVD ISOs, like the classic version of VLC.<br/>
- VLC features a full music player, a media database, equalizer and filters, and numerous other features."); ?>
- </div>
- <div class="projectDescription visible-xs visible-sm center-font-xs">
- <?php echo
- _("VLC for Android is a full port of VLC media player to the Android™ platform.<br />
- It can play any video and audio files, network streams and DVD ISOs, like the classic version of VLC.<br/>
- VLC features a full music player, a media database, equalizer and filters, and numerous other features."); ?>
- </div>
+ <div class="text-center">
+ <?php image('largeVLC.png', 'Large Orange VLC media player Traffic Cone Logo', 'big-vlc-img img-responsive visible-xs-inline-block v-align'); ?>
+ <h1 class="v-align bigtitle">
+ VLC for Android™
+ </h1>
+ </div>
+ <div class="row reorder-xs">
+ <?php drawScreenshots($screenshots, true); ?>
+ <div class="v-align col-sm-4">
- <div class="inner center-xs">
- <div class="btn-group" style="width:360px; margin-top:14px;">
- <a href="https://play.google.com/store/apps/details?id=org.videolan.vlc"><img src="/images/get_it_on_play_logo_large.png" border="0" /></a>
- <a href="http://www.amazon.com/VLC-Mobile-Team-for-Fire/dp/B00U65KQMQ"><img src="/images/badges/Amazon-apps-black.png" height="60" /></a>
- </div>
- <div id="downloadDetails">
- Version <span id='downloadVersion'>
- <?php echo $defaultDetail["latestVersion"] ?></span> • <span id='downloadOS'><?php echo $defaultDetail["name"]; ?></span>
- <br>
- or download the <a href="//get.videolan.org/vlc-android/<?php echo $androidversion; ?>/">APK package</a> from our mirrors.
- <br>
- <a href="https://code.videolan.org/videolan/vlc-android/raw/master/NEWS">Changelog.</a>
- </div>
+ <div class="projectDescription hidden-sm hidden-xs">
+ <?php echo
+ _("VLC for Android is a full port of VLC media player to the Android™ platform.<br />
+ It can play any video and audio files, network streams and DVD ISOs, like the classic version of VLC.<br/>
+ VLC features a full music player, a media database, equalizer and filters, and numerous other features."); ?>
+ </div>
+ <div class="projectDescription visible-xs visible-sm center-font-xs">
+ <?php echo
+ _("VLC for Android is a full port of VLC media player to the Android™ platform.<br />
+ It can play any video and audio files, network streams and DVD ISOs, like the classic version of VLC.<br/>
+ VLC features a full music player, a media database, equalizer and filters, and numerous other features."); ?>
+ </div>
+
+ <div class="inner center-xs">
+ <div class="btn-group" style="display:block; text-align: center; margin-top:14px;">
+ <a href="https://play.google.com/store/apps/details?id=org.videolan.vlc"><img src="/images/get_it_on_play_logo_large.png" border="0" /></a>
+ <a href="http://www.amazon.com/VLC-Mobile-Team-for-Fire/dp/B00U65KQMQ"><img src="/images/badges/Amazon-apps-black.png" height="60" /></a>
+ </div>
+ <div id="downloadDetails">
+ Version <span id='downloadVersion'>
+ <?php echo $defaultDetail["latestVersion"] ?></span> • <span id='downloadOS'><?php echo $defaultDetail["name"]; ?></span>
+ <br>
+ or download the <a href="//get.videolan.org/vlc-android/<?php echo $androidversion; ?>/">APK package</a> from our mirrors.
+ <br>
+ <a href="https://code.videolan.org/videolan/vlc-android/raw/master/NEWS">Changelog.</a>
</div>
</div>
</div>
+ </div>
</section>
<h1 style='margin-bottom: 12px;'><?php echo _("Features"); ?></h1>
- <div style='float: left; width: 480px; margin-bottom: 20px;'>
+ <div style='float: left; margin-bottom: 20px;'>
<!-- <div class='audienceCallout'><?php echo _("Video"); ?></div> -->
<div class='clearme'>
<div>
=====================================
www.videolan.org/vlc/screenshots/android/library-audio-portrait.jpg
=====================================
Binary files a/www.videolan.org/vlc/screenshots/android/library-audio-portrait.jpg and b/www.videolan.org/vlc/screenshots/android/library-audio-portrait.jpg differ
=====================================
www.videolan.org/vlc/screenshots/android/library-music-album-portrait.jpg
=====================================
Binary files a/www.videolan.org/vlc/screenshots/android/library-music-album-portrait.jpg and b/www.videolan.org/vlc/screenshots/android/library-music-album-portrait.jpg differ
=====================================
www.videolan.org/vlc/screenshots/android/library-video-landscape-medium.jpg
=====================================
Binary files a/www.videolan.org/vlc/screenshots/android/library-video-landscape-medium.jpg and b/www.videolan.org/vlc/screenshots/android/library-video-landscape-medium.jpg differ
=====================================
www.videolan.org/vlc/screenshots/android/library-video-landscape-tablet-medium.jpg
=====================================
Binary files a/www.videolan.org/vlc/screenshots/android/library-video-landscape-tablet-medium.jpg and b/www.videolan.org/vlc/screenshots/android/library-video-landscape-tablet-medium.jpg differ
=====================================
www.videolan.org/vlc/screenshots/android/library-video-landscape-tablet.jpg
=====================================
Binary files a/www.videolan.org/vlc/screenshots/android/library-video-landscape-tablet.jpg and b/www.videolan.org/vlc/screenshots/android/library-video-landscape-tablet.jpg differ
=====================================
www.videolan.org/vlc/screenshots/android/library-video-landscape.jpg
=====================================
Binary files a/www.videolan.org/vlc/screenshots/android/library-video-landscape.jpg and b/www.videolan.org/vlc/screenshots/android/library-video-landscape.jpg differ
=====================================
www.videolan.org/vlc/screenshots/android/library-video-portrait.jpg
=====================================
Binary files a/www.videolan.org/vlc/screenshots/android/library-video-portrait.jpg and b/www.videolan.org/vlc/screenshots/android/library-video-portrait.jpg differ
=====================================
www.videolan.org/vlc/screenshots/android/playback-medium.jpg
=====================================
Binary files a/www.videolan.org/vlc/screenshots/android/playback-medium.jpg and b/www.videolan.org/vlc/screenshots/android/playback-medium.jpg differ
=====================================
www.videolan.org/vlc/screenshots/android/playback-tablet-medium.jpg
=====================================
Binary files a/www.videolan.org/vlc/screenshots/android/playback-tablet-medium.jpg and b/www.videolan.org/vlc/screenshots/android/playback-tablet-medium.jpg differ
=====================================
www.videolan.org/vlc/screenshots/android/playback-tablet.jpg
=====================================
Binary files a/www.videolan.org/vlc/screenshots/android/playback-tablet.jpg and b/www.videolan.org/vlc/screenshots/android/playback-tablet.jpg differ
=====================================
www.videolan.org/vlc/screenshots/android/playback.jpg
=====================================
Binary files a/www.videolan.org/vlc/screenshots/android/playback.jpg and b/www.videolan.org/vlc/screenshots/android/playback.jpg differ
=====================================
www.videolan.org/vlc/screenshots/chromeos/library-medium.jpg
=====================================
Binary files a/www.videolan.org/vlc/screenshots/chromeos/library-medium.jpg and b/www.videolan.org/vlc/screenshots/chromeos/library-medium.jpg differ
=====================================
www.videolan.org/vlc/screenshots/chromeos/playback-medium.jpg
=====================================
Binary files a/www.videolan.org/vlc/screenshots/chromeos/playback-medium.jpg and b/www.videolan.org/vlc/screenshots/chromeos/playback-medium.jpg differ
View it on GitLab: https://code.videolan.org/VideoLAN.org/websites/-/compare/77a04e240332d5adafe3de618f972a6e7e5effa7...0c20067978565b2055e462717099059d4e3d2234
--
View it on GitLab: https://code.videolan.org/VideoLAN.org/websites/-/compare/77a04e240332d5adafe3de618f972a6e7e5effa7...0c20067978565b2055e462717099059d4e3d2234
You're receiving this email because of your account on code.videolan.org.
More information about the www-doc
mailing list