<html lang='en'>
<head>
<meta content='text/html; charset=utf-8' http-equiv='Content-Type'>
<title>
GitLab
</title>
</meta>
</head>
<style>
  img {
    max-width: 100%;
    height: auto;
  }
  p.details {
    font-style:italic;
    color:#777
  }
  .footer p {
    font-size:small;
    color:#777
  }
  pre.commit-message {
    white-space: pre-wrap;
  }
  .file-stats a {
    text-decoration: none;
  }
  .file-stats .new-file {
    color: #090;
  }
  .file-stats .deleted-file {
    color: #B00;
  }
</style>
<body>
<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/94ecb7d8f22a60d0ae897e17335235ed87f11431">94ecb7d8</a></strong>
<div>
<span>by Felix Paul Kühne</span>
<i>at 2016-03-01T12:00:21+01:00</i>
</div>
<pre class='commit-message'>Re-write VLMC page</pre>
</li>
</ul>
<h4>1 changed file:</h4>
<ul>
<li class='file-stats'>
<a href='#diff-0'>
www.videolan.org/vlmc/index.php
</a>
</li>
</ul>
<h4>Changes:</h4>
<li id='diff-0'>
<a href='https://code.videolan.org/VideoLAN.org/websites/commit/94ecb7d8f22a60d0ae897e17335235ed87f11431#diff-0'>
<strong>
www.videolan.org/vlmc/index.php
</strong>
</a>
<hr>
<pre class="highlight"><code><span style="color: #000000;background-color: #ffdddd">--- a/www.videolan.org/vlmc/index.php
</span><span style="color: #000000;background-color: #ddffdd">+++ b/www.videolan.org/vlmc/index.php
</span><span style="color: #aaaaaa">@@ -1,80 +1,100 @@
</span> <?php
<span style="color: #000000;background-color: #ffdddd">-   $title = "VLMC, open source video editor";
</span><span style="color: #000000;background-color: #ddffdd">+   $language="";
+   $title = _("VLMC, open source video editor");
+   $new_design = true;
+   
+   $additional_js = array("/js/slimbox2.js", "/js/slick-init.js", "/js/slick.min.js");
+   $additional_css = array("/js/css/slimbox2.css", "/style/slick.min.css");
+
+   require($_SERVER["DOCUMENT_ROOT"]."/include/language.php");
</span>    require($_SERVER["DOCUMENT_ROOT"]."/include/header.php");
<span style="color: #000000;background-color: #ddffdd">+   
+   function vlmcscreenshot($img, $thumb, $desc) {
+        echo"<div class='screenshot-4-3-responsive screenshot-small'><a href='http://images.videolan.org/vlmc/screenshots/$img' rel='lightbox-vlc'><img
+        src='//images.videolan.org/vlmc/screenshots/$thumb' alt='VLMC - $desc' /></a>
+        </div>";
+    }
</span> ?>
 
<span style="color: #000000;background-color: #ffdddd">-   <div>
-       <?php image( 'VLMC-Icon.png', 'Large Orange VLMC Logo', 'projectImg' ); ?>
-       <div style='float: left; width: 500px;'>
-           <h1 class='bigtitle'>VLMC</h1>
-           <div class='projectDescription'>
-               VideoLAN Movie Creator is a non-linear editing software for video creation based on libVLC and running on Windows, Linux and Mac OS X!
-               It is a free software distributed under the terms of the GPL v2.
-           </div>
-           <a class='extraInfoLink' href='#features'>Features</a>
-           <a class='extraInfoLink' href='#screenshots'>Screenshots</a>
-<!--                <a class='extraInfoLink' href='#'>Other Systems</a> -->
-            <div class="clearme"> </div>
-            <h1>We are <a href="http://trac.videolan.org/vlmc/wiki/Contributing">looking for contributors!</a></h1>
-            <h2>Stable downloads are not available, for now! Sorry for the issue!</a></h1>
-        </div>
-    </div>
-    <div style='clear: both; padding-top: 90px;'>
-        <div style='float: left; width: 400px; color: #333333;'>
-            <a name="features"></a>
-            <h1 style='margin-bottom: 25px;' class='red'>Features</h1>
-            Cross Platform program<br />
-            <br />
-            Based on VLC<br />
-            <br />
-            Read most file formats and can export to most formats<br />
-            <br />
-            Youtube upload integration<br />
-            <br />
-            Simple to use, yet powerful<br />
-        </div>
-<?php
-function vlmcscreenshot($img,$thumb, $desc){
-    echo"<div class='screenshot' style='height: 70px;'><a href='http://images.videolan.org/vlmc/screenshots/$img'><img
-    src='http://images.videolan.org/vlmc/screenshots/$thumb' alt='VLMC - $desc' /></a>
-    </div>";
-}
-?>
-        <div style='float: right; width: 450px; padding-left: 70px;'>
-                <a name="screenshots"></a>
-                <h1 style='padding-left: 5px; margin-bottom: 25px;'>Screenshots</h1>
-<?php
-                vlmcscreenshot('snapshot2.png', 'tm_snapshot2.png', "Screenshot" );
-                vlmcscreenshot('snapshot10.png', 'tm_snapshot10.png', "Screenshot" );
-                vlmcscreenshot('snapshot12.png', 'tm_snapshot12.png', "Screenshot" );
-                vlmcscreenshot('snapshot2.png', 'tm_snapshot2.png', "Screenshot" );
-?>
-        </div>
-    </div>
-<!--        <div class='tricolumn'>
-            <div class="onecolumn">
-                <h1>Heading One</h1>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod commodo suscipit.<br />
-                <br />
-                Donec tempor accumsan massa in iaculis. Donec volutpat rutrum ipsum nec volutpat. Nullam egestas dignissim lorem, eu euismod ante gravida vitae. Sed feugiat porta libero, nec sagittis felis pulvinar ut. Integer ut tristique ante. In hendrerit, risus quis iaculis posuere, ipsum sapien congue nulla, in tristique neque urna sed nibh.<br />
-                <br />
-                Nulla ultrices nisl id turpis egestas fermentum. Nunc egestas lacus sit amet metus tincidunt imperdiet. Donec euismod scelerisque diam, a egestas quam pretium non. Phasellus auctor elit non diam facilisis luctus. Sed id justo quis felis aliquam ullamcorper.<br />
</span><span style="color: #000000;background-color: #ddffdd">+<div class="container">
+    <section class="download-wrapper">
+        <div class="row reorder-xs">
+            <div class="v-align col-sm-5">
+                <div class="center-font-xs">
+                    <?php image('VLMC-Icon.png', 'Large Orange VLMC Logo', 'big-vlc-img img-responsive visible-xs-inline-block v-align'); ?>
+                    <h1 class="v-align bigtitle">
+                        VLMC
+                    </h1>
+                </div>
+                <div class="projectDescription hidden-sm hidden-xs">
+                    <?php echo
+                    _("VideoLAN Movie Creator is a non-linear editing software for video creation based on libVLC and running on Windows, Linux and Mac OS X! It is a free software distributed under the terms of the GPLv2."); ?>
+                </div>
+                <div class="projectDescription visible-xs visible-sm center-font-xs">
+                    <?php echo
+                    _("VideoLAN Movie Creator is a non-linear editing software for video creation based on libVLC and running on Windows, Linux and Mac OS X! It is a free software distributed under the terms of the GPLv2."); ?>
+                </div>
</span> 
<span style="color: #000000;background-color: #ddffdd">+                <div class="inner center-xs">
+                    <div id="downloadDetails">
+                        Downloads will be available later this year<br>
+                        Stay tuned!
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+</div>
+<section class="features bg-gray">
+    <div class="container">
+        <h2 class="visible-xs visible-sm center-font-xs center-font-sm"><?php echo _("Features"); ?></h2>
+        <div class="row reorder-sm reorder-xs">
+            <div class="items col-md-7 col-md-offset-1 col-md-pull-1 v-align-md v-align-lg">
+                <h2 class="hidden-xs hidden-sm"><?php echo _("Features"); ?></h2>
+                <ul>
+                    <li>
+                        <?php echo "<b>"._("Cross-platform")."</b> - "._("Runs on Windows, Linux and Mac OS X."); ?>
+                    </li>
+                    <li>
+                        <?php echo "<b>"._("Based on the proven VLC framework")."</b>"; ?>
+                    </li>
+                    <li>
+                        <?php echo "<b>"._("Reads everything and can export to most formats")."</b>"; ?>
+                    </li>
+                    <li>
+                        <?php echo "<b>"._("Simple to use, yet powerful")."</b>"; ?>
+                    </li>
+                    <li>
+                        <?php echo "<b>"._("Completely Free")."</b> - "._("no spyware, no ads and no user tracking."); ?>
+                    </li>
+                </ul>
</span>             </div>
<span style="color: #000000;background-color: #ffdddd">-            <div class="onecolumn">
-                <h1>Heading Two</h1>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod commodo suscipit.<br />
-                <br />
-                Nulla ultrices nisl id turpis egestas fermentum. Nunc egestas lacus sit amet metus tincidunt imperdiet. Donec euismod scelerisque diam, a egestas quam pretium non. Phasellus auctor elit non diam facilisis luctus. Sed id justo quis felis aliquam ullamcorper.<br />
-                <br />Donec tempor accumsan massa in iaculis. Donec volutpat rutrum ipsum nec volutpat. Nunc ac urna a risus scelerisque commodo non in neque. Donec blandit eleifend placerat. Proin viverra semper nisi sit amet cursus. Suspendisse potenti. Nullam egestas dignissim lorem, eu euismod ante gravida vitae. Sed feugiat porta libero, nec sagittis felis pulvinar ut. Integer ut tristique ante. In hendrerit, risus quis iaculis posuere, ipsum sapien congue nulla, in tristique neque urna sed nibh.
</span><span style="color: #000000;background-color: #ddffdd">+            <div class="col-md-4 v-align-md v-align-lg">
+                <img src="//images.videolan.org/vlmc/screenshots/snapshot12.png" class="center-sm center-xs img-responsive">
</span>             </div>
<span style="color: #000000;background-color: #ffdddd">-            <div class='lastcolumn'>
-                <h1>Heading Three</h1>
-                Nulla ultrices nisl id turpis egestas fermentum. Nunc egestas lacus sit amet metus tincidunt imperdiet. Donec euismod scelerisque diam, a egestas quam pretium non. Phasellus auctor elit non diam facilisis luctus. Sed id justo quis felis aliquam ullamcorper.<br />
-                <br />Donec blandit eleifend placerat. Proin viverra semper nisi sit amet cursus. Suspendisse potenti. Nullam egestas dignissim lorem, eu euismod ante gravida vitae. Sed feugiat porta libero, nec sagittis felis pulvinar ut. Integer ut tristique ante. In hendrerit, risus quis iaculis posuere, ipsum sapien congue nulla, in tristique neque urna sed nibh.
</span><span style="color: #000000;background-color: #ddffdd">+        </div>
+    </div>
+</section>
+<section class="bg-gray">
+    <div class="container">
+        <div class="row">
+            <div class="col-md-12 padding-bottom-24">
+                <h1 style='margin-bottom: 25px;' class='red'><?php echo _("Screenshots"); ?></h1>
+                <div id="content-carousel">
+                    <?php
+                    vlmcscreenshot('snapshot2.png', 'tm_snapshot2.png', "Screenshot" );
+                    vlmcscreenshot('snapshot10.png', 'tm_snapshot10.png', "Screenshot" );
+                    vlmcscreenshot('snapshot12.png', 'tm_snapshot12.png', "Screenshot" );
+                    vlmcscreenshot('snapshot2.png', 'tm_snapshot2.png', "Screenshot" );
+                    ?>
+                </div>
+                <div class="ltrClearLeft">
+                </div>
</span>             </div>
         </div>
<span style="color: #000000;background-color: #ffdddd">--->
-        <div style='clear: both;'></div>
</span><span style="color: #000000;background-color: #ddffdd">+    </div>
+</section>
</span> 
<span style="color: #000000;background-color: #ffdddd">-<?php footer(); ?>
</span><span style="color: #000000;background-color: #ddffdd">+<?php
+  footer('$Id$');
+?>
</span></code></pre>

<br>
</li>

</div>
<div class='footer' style='margin-top: 10px;'>
<p>

<br>
<a href="https://code.videolan.org/VideoLAN.org/websites/commit/94ecb7d8f22a60d0ae897e17335235ed87f11431">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.
<script type="application/ld+json">{"@context":"http://schema.org","@type":"EmailMessage","action":{"@type":"ViewAction","name":"View Commit","url":"https://code.videolan.org/VideoLAN.org/websites/commit/94ecb7d8f22a60d0ae897e17335235ed87f11431"}}</script>
</p>
</div>
</body>
</html>