<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html lang="en">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>
GitLab
</title>
</head>
<body>
<style type="text/css">
img {
max-width: 100%; height: auto;
}
</style>
<div class="content">
<h3>
Felix Paul Kühne pushed to branch master
at <a href="https://code.videolan.org/VideoLAN.org/websites">VideoLAN organization / websites</a>
</h3>
<h4>
Commits:
</h4>
<ul>
<li>
<strong><a href="https://code.videolan.org/VideoLAN.org/websites/commit/883a026ba4d29b8901a9471dcc7e563751f6532d">883a026b</a></strong>
<div>
<span>by David Loiret</span>
<i>at 2016-04-27T14:21:00+02:00</i>
</div>
<pre class="commit-message" style="white-space: pre-wrap">Improve design of social buttons
Signed-off-by: Felix Paul Kühne <fkuehne@videolan.org></pre>
</li>
</ul>
<h4>7 changed files:</h4>
<ul>
<li class="file-stats">
<a href="#620f2ecad2bb6f74b2fcd0134963a841" style="text-decoration: none">
<span class="new-file" style="color: #090">
+
www.videolan.org/images/icons/social/facebook.svg
</span>
</a>
</li>
<li class="file-stats">
<a href="#ad29afc395839758d41094872298bd0d" style="text-decoration: none">
<span class="new-file" style="color: #090">
+
www.videolan.org/images/icons/social/google-plus.svg
</span>
</a>
</li>
<li class="file-stats">
<a href="#c0b0bf6d71bc5fc7e6d50d69c8aa2413" style="text-decoration: none">
<span class="new-file" style="color: #090">
+
www.videolan.org/images/icons/social/twitter.svg
</span>
</a>
</li>
<li class="file-stats">
<a href="#2ace16276b68c7d5aef163bb260bd9f7" style="text-decoration: none">
www.videolan.org/include/footer.php
</a>
</li>
<li class="file-stats">
<a href="#4dfe7e78b540daa005ea4b5f0458c90d" style="text-decoration: none">
www.videolan.org/include/header.php
</a>
</li>
<li class="file-stats">
<a href="#172f4bf093caeeba24730a1adff8f15a" style="text-decoration: none">
www.videolan.org/index.php
</a>
</li>
<li class="file-stats">
<a href="#a453f91a0a4af7575917fad54f4ac1d0" style="text-decoration: none">
www.videolan.org/style/style.scss
</a>
</li>
</ul>
<h4>Changes:</h4>
<li id="620f2ecad2bb6f74b2fcd0134963a841">
<a href="https://code.videolan.org/VideoLAN.org/websites/commit/883a026ba4d29b8901a9471dcc7e563751f6532d#diff-0">
<strong>
www.videolan.org/images/icons/social/facebook.svg
</strong>
</a>
<hr>
<pre class="highlight"><code><span style="background: #ffdddd; color: #000000">--- /dev/null
</span><span style="background: #ddffdd; color: #000000">+++ b/www.videolan.org/images/icons/social/facebook.svg
</span><span style="color: #aaaaaa">@@ -0,0 +1,5 @@
</span><span style="background: #ddffdd; color: #000000">+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32" viewBox="0 0 32 32">
+<path fill="#fff" d="M22.605 9.28l-0.332 6.221h-4.767v15.558h-6.223v-15.558h-3.112v-6.221h3.112v-1.689c0-1.279 0.517-3.251 1.44-4.473 0.983-1.295 2.568-2.176 4.878-2.176 3.769 0 5.474 0.536 5.474 0.536l-0.691 4.427c0 0-1.379-0.361-2.539-0.361-1.159 0-2.339 0.415-2.339 1.578v2.158h5.099z"></path>
+</svg>
</span></code></pre>
<br>
</li>
<li id="ad29afc395839758d41094872298bd0d">
<a href="https://code.videolan.org/VideoLAN.org/websites/commit/883a026ba4d29b8901a9471dcc7e563751f6532d#diff-1">
<strong>
www.videolan.org/images/icons/social/google-plus.svg
</strong>
</a>
<hr>
<pre class="highlight"><code><span style="background: #ffdddd; color: #000000">--- /dev/null
</span><span style="background: #ddffdd; color: #000000">+++ b/www.videolan.org/images/icons/social/google-plus.svg
</span><span style="color: #aaaaaa">@@ -0,0 +1,5 @@
</span><span style="background: #ddffdd; color: #000000">+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32" viewBox="0 0 32 32">
+<path fill="#fff" d="M17.471 2c0 0-6.28 0-8.373 0-3.754 0-7.287 2.844-7.287 6.138 0 3.366 2.559 6.083 6.378 6.083 0.266 0 0.524-0.005 0.776-0.024-0.248 0.475-0.425 1.009-0.425 1.564 0 0.936 0.503 1.694 1.14 2.313-0.481 0-0.945 0.014-1.452 0.014-4.649-0-8.228 2.961-8.228 6.032 0 3.024 3.923 4.916 8.573 4.916 5.301 0 8.228-3.008 8.228-6.032 0-2.425-0.715-3.877-2.928-5.442-0.757-0.536-2.204-1.839-2.204-2.604 0-0.897 0.256-1.34 1.607-2.395 1.385-1.082 2.365-2.603 2.365-4.372 0-2.106-0.938-4.159-2.699-4.837h2.655l1.874-1.355zM14.546 22.483c0.066 0.28 0.103 0.569 0.103 0.863 0 2.444-1.575 4.353-6.093 4.353-3.214 0-5.535-2.035-5.535-4.478 0-2.395 2.879-4.389 6.093-4.354 0.75 0.008 1.449 0.129 2.083 0.334 1.745 1.213 2.996 1.899 3.349 3.281zM9.401 13.368c-2.157-0.065-4.207-2.413-4.58-5.246s1.074-5.001 3.231-4.937c2.157 0.065 4.207 2.338 4.58 5.171s-1.075 5.077-3.231 5.012zM26 8v-6h-2v6h-6v2h6v6h2v-6h6v-2z"></path>
+</svg>
</span></code></pre>
<br>
</li>
<li id="c0b0bf6d71bc5fc7e6d50d69c8aa2413">
<a href="https://code.videolan.org/VideoLAN.org/websites/commit/883a026ba4d29b8901a9471dcc7e563751f6532d#diff-2">
<strong>
www.videolan.org/images/icons/social/twitter.svg
</strong>
</a>
<hr>
<pre class="highlight"><code><span style="background: #ffdddd; color: #000000">--- /dev/null
</span><span style="background: #ddffdd; color: #000000">+++ b/www.videolan.org/images/icons/social/twitter.svg
</span><span style="color: #aaaaaa">@@ -0,0 +1,5 @@
</span><span style="background: #ddffdd; color: #000000">+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32" viewBox="0 0 32 32">
+<path fill="#fff" d="M27.969 9.864c0.013 0.264 0.020 0.532 0.020 0.797 0 8.157-6.21 17.565-17.564 17.565-3.486 0-6.728-1.026-9.462-2.776 0.482 0.060 0.975 0.084 1.473 0.084 2.892 0 5.557-0.99 7.666-2.647-2.7-0.046-4.981-1.831-5.768-4.283 0.376 0.069 0.762 0.11 1.162 0.11 0.567 0 0.493-0.073 1.011-0.216-2.825-0.565-5.573-3.057-5.573-6.046 0-0.027 0-0.054 0-0.080 3.302 0.462 2.407 0.739 3.418 0.774-1.657-1.106-2.438-2.995-2.438-5.137 0-1.129 0.459-2.193 0.991-3.103 3.044 3.733 7.668 6.193 12.802 6.448-0.109-0.45-0.122-0.922-0.122-1.407 0-3.412 2.787-6.175 6.188-6.175 1.782 0 3.392 0.75 4.52 1.953 1.404-0.278 2.729-0.793 3.925-1.499-0.462 1.443-1.442 2.65-2.713 3.417 1.248-0.15 2.441-0.484 3.548-0.972-0.829 1.235-1.874 2.321-3.085 3.193z"></path>
+</svg>
</span></code></pre>
<br>
</li>
<li id="2ace16276b68c7d5aef163bb260bd9f7">
<a href="https://code.videolan.org/VideoLAN.org/websites/commit/883a026ba4d29b8901a9471dcc7e563751f6532d#diff-3">
<strong>
www.videolan.org/include/footer.php
</strong>
</a>
<hr>
<pre class="highlight"><code><span style="background: #ffdddd; color: #000000">--- a/www.videolan.org/include/footer.php
</span><span style="background: #ddffdd; color: #000000">+++ b/www.videolan.org/include/footer.php
</span><span style="color: #aaaaaa">@@ -8,8 +8,22 @@ function footer($tag = "", $alternate_lang=array()) {
</span> <div id='footer'>
<div class="container">
<div class="row">
<span style="background: #ffdddd; color: #000000">- <a class="col-sm-12 col-md-3" href="<?php getLink('/'); ?>">
- <?php image( 'logoGrey.png', 'Association VideoLAN', 'center-xs center-sm' ); ?></a>
</span><span style="background: #ddffdd; color: #000000">+ <div class="col-sm-12 col-md-3">
+ <a href="<?php getLink('/'); ?>">
+ <?php image( 'logoGrey.png', 'Association VideoLAN', 'center-xs center-sm' ); ?>
+ </a>
+ <div class="social-box">
+ <a class="social" href="https://plus.google.com/+vlc">
+ <i class="icon-google-plus"></i>
+ </a>
+ <a class="social" href="http://www.facebook.com/vlc.media.player">
+ <i class="icon-facebook"></i>
+ </a>
+ <a class="social" href="http://www.twitter.com/videolan">
+ <i class="icon-twitter"></i>
+ </a>
+ </div>
+ </div>
</span> <div class="col-xs-6 col-md-2">
<div class='footerHeading'>VLC media player</div>
<ul>
</code></pre>
<br>
</li>
<li id="4dfe7e78b540daa005ea4b5f0458c90d">
<a href="https://code.videolan.org/VideoLAN.org/websites/commit/883a026ba4d29b8901a9471dcc7e563751f6532d#diff-4">
<strong>
www.videolan.org/include/header.php
</strong>
</a>
<hr>
<pre class="highlight"><code><span style="background: #ffdddd; color: #000000">--- a/www.videolan.org/include/header.php
</span><span style="background: #ddffdd; color: #000000">+++ b/www.videolan.org/include/header.php
</span><span style="color: #aaaaaa">@@ -290,13 +290,6 @@ function start_body( $body_color, $language, $b_show_donate = true, $nobanner, $
</span> <?php
echo 'VideoLAN, '. _('a project and a').' <a href="//www.videolan.org/videolan/" class="noUnderline">'._('non-profit organization').'.</a> ';?>
</div>
<span style="background: #ffdddd; color: #000000">- <div class="social-box">
- <div id='plusone' style="padding: 3px 10px;">
- <g:plusone size="medium" annotation="none" href="http://www.videolan.org"></g:plusone>
- </div>
- <div style="padding: 3px 14px;"><a href="http://www.facebook.com/vlc.media.player" style="padding-top: 10px;"><?php image( 'facebook.png', "Facebook" );?></a></div>
- <div style="padding: 2px 12px;"><a href="http://www.twitter.com/videolan"><?php image( 'twitter.png', "Twitter" );?></a></div>
- </div>
</span> </div>
<?php
}
</code></pre>
<br>
</li>
<li id="172f4bf093caeeba24730a1adff8f15a">
<a href="https://code.videolan.org/VideoLAN.org/websites/commit/883a026ba4d29b8901a9471dcc7e563751f6532d#diff-5">
<strong>
www.videolan.org/index.php
</strong>
</a>
<hr>
<pre class="highlight"><code><span style="background: #ffdddd; color: #000000">--- a/www.videolan.org/index.php
</span><span style="background: #ddffdd; color: #000000">+++ b/www.videolan.org/index.php
</span><span style="color: #aaaaaa">@@ -250,8 +250,12 @@ include($_SERVER["DOCUMENT_ROOT"] . "/include/magpierss/rss_fetch.inc");
</span> } else {
echo ' style="padding-right: 20px;"';
} ?>>
<span style="background: #ffdddd; color: #000000">- <a href="http://www.twitter.com/videolan"><?php image('twitter.png', "Twitter"); ?></a>
- <a href="http://www.facebook.com/vlc.media.player"><?php image('facebook.png', "Facebook"); ?></a>
</span><span style="background: #ddffdd; color: #000000">+ <a class="social" href="http://www.twitter.com/videolan">
+ <i class="icon-twitter"></i>
+ </a>
+ <a class="social" href="http://www.facebook.com/vlc.media.player">
+ <i class="icon-facebook"></i>
+ </a>
</span> </span>
</h1>
<?php
</code></pre>
<br>
</li>
<li id="a453f91a0a4af7575917fad54f4ac1d0">
<a href="https://code.videolan.org/VideoLAN.org/websites/commit/883a026ba4d29b8901a9471dcc7e563751f6532d#diff-6">
<strong>
www.videolan.org/style/style.scss
</strong>
</a>
<hr>
<pre class="highlight"><code><span style="background: #ffdddd; color: #000000">--- a/www.videolan.org/style/style.scss
</span><span style="background: #ddffdd; color: #000000">+++ b/www.videolan.org/style/style.scss
</span><span style="color: #aaaaaa">@@ -904,9 +904,49 @@ img, .normalButton {
</span> /* ============================ SOCIAL BOX =========================== */
.social-box {
<span style="background: #ffdddd; color: #000000">- position: absolute;
- top: -12px;
- right: 10px;
</span><span style="background: #ddffdd; color: #000000">+ margin-top: 10px;
+ text-align: center;
+}
+
+@media (min-width: 992px) {
+ .social-box {
+ width: 183px;
+ }
+}
+
+a.social {
+ color: #fff;
+ display: inline-block;
+ margin: 5px;
+ i {
+ background-color: #777777;
+ display: block;
+ width: 32px;
+ height: 32px;
+ background-repeat: no-repeat;
+ background-position: center;
+ border-radius: 50%;
+ background-size: 20px;
+ border-radius: 50%;
+ }
+ .icon-facebook {
+ background-image: url('//images.videolan.org/images/icons/social/facebook.svg');
+ &:hover {
+ background-color: #3B5998;
+ }
+ }
+ .icon-google-plus {
+ background-image: url('//images.videolan.org/images/icons/social/google-plus.svg');
+ &:hover {
+ background-color: #DD4B39;
+ }
+ }
+ .icon-twitter {
+ background-image: url('//images.videolan.org/images/icons/social/twitter.svg');
+ &:hover {
+ background-color: #00ACED;
+ }
+ }
</span> }
/* ================================= DONATE BOX ================================== */
</code></pre>
<br>
</li>
</div>
<div class="footer" style="margin-top: 10px">
<p style="color: #777; font-size: small">
—
<br>
<a href="https://code.videolan.org/VideoLAN.org/websites/commit/883a026ba4d29b8901a9471dcc7e563751f6532d">View it on GitLab</a>.
<br>
You're receiving this email because of your account on code.videolan.org.
If you'd like to receive fewer emails, you can
adjust your notification settings.
</p>
</div>
</body>
</html>