GNOME.org
 

[pitivi-web] Update the Tour page

commit 7c7c0db8228696dc66515ba67f7065c116a7a7c6
Author: Alexandru Băluț <alexandru balut gmail com>
Date:   Mon Jun 14 01:38:51 2021 +0200

    Update the Tour page

 content/tour.html     | 98 +++++++++++++++++++--------------------------------
 static/css/pitivi.css |  6 +++-
 2 files changed, 42 insertions(+), 62 deletions(-)
---
diff --git a/content/tour.html b/content/tour.html
index 7d5477a..4d83758 100644
--- a/content/tour.html
+++ b/content/tour.html
@@ -1,116 +1,90 @@
 ---
 title: "Tour"
-date: 2017-03-21T19:04:08+00:00
+date: 2021-06-14T01:40:39+02:00
 ---
 
 <section class="centered-introduction">
 <h1>Pitivi is a truly unique video editor.</h1>
-<ol>
-    <li>With its "no downstream hacks" and "upstream first" approach, it acts as a cutting-edge catalyst to 
push <a href="https://developer.pitivi.org/Architecture.html";>open-source technologies we love</a> 
forward.</li><!-- TODO: explain the upstream first approach in a wiki page -->
+<ul>
+    <li>With its "no downstream hacks" and "upstream first" approach, it acts as a cutting-edge catalyst to 
push <a href="https://developer.pitivi.org/Architecture.html";>open-source technologies we love</a> 
forward.</li>
+
+    <li>It champions design and usability research: there is no eternal newbie, and Pitivi's user interface 
is carefully designed to suit both the newcomer <em>and</em> the professional, to be efficient <em>and</em> 
intuitive. We adhere to the <a href="https://developer.gnome.org/hig/stable/"; title="GNOME's HIG 
documentation">GNOME Human Interface Guidelines</a> and regularly discuss with artists all around the planet 
to tackle the hard problems the right way, to make complex tasks easy to accomplish.</li>
 
-    <li>It champions design and usability research: there is no eternal newbie, and Pitivi's user interface 
is carefully designed to suit both the newcomer <em>and</em> the professional, to be efficient <em>and</em> 
intuitive. We adhere to the <a href="http://library.gnome.org/devel/hig-book/stable/"; title="GNOME's HIG 
documentation">GNOME Human Interface Guidelines</a> and regularly discuss with artists all around the planet 
to tackle the hard problems the right way, to make complex tasks easy to accomplish.</li>
     <li>It is a vibrant community-driven project, backed by longstanding contributors with a strong interest 
and experience in multimedia.</li>
-<ol>
+<ul>
 </section>
 
 
-<section class="full-width-gallery">
+<section>
 
-<div class="box-huge">
-<h2>Stunning elegance. Boundless potential.</h2>
+<h2>Stunning elegance</h2>
 <a href="/i/screenshots/0.94.png">
 <!-- Watch out, the embedded version is more compressed than the one we link to -->
-<img src="/i/screenshots/0.94.jpg" alt="Main window">
+<img src="/i/screenshots/0.94.jpg" alt="Main window" style="width: 90%; max-width: 1000px;">
 </a>
-</div>
+</section>
 
+
+<section class="full-width-gallery">
 <div class="box">
-<h2>Free and Open Source.</h2>
+<h2>Free and Open Source</h2>
 <p>Pitivi respects your freedom and keeps getting better with each new release. It will never require 
licensing fees or use <a href="http://en.wikipedia.org/wiki/Digital_rights_management"; title="Wikipedia: 
Digital Rights Management">DRM</a> to prevent you from using it whenever, wherever and however you like. 
Developed collaboratively by people from all around the world, its sole purpose is to be a fantastic video 
editor to empower people to express themselves through video. Like GStreamer and <a 
href="https://developer.pitivi.org/GES.html"; title="GStreamer Editing Services">GES</a>, Pitivi is 
distributed under <a href="http://www.gnu.org/copyleft/lesser.html"; title="GNU Lesser General Public 
License">LGPL</a>.</p>
 
-<!--</div>
-These two boxes are joined to avoid waste. Yay floats!
-<div class="box">-->
-<h2>Anything in, anything out.</h2>
+<h2>Anything in</h2>
 <p>As long as it is well supported by the <a href="http://en.wikipedia.org/wiki/GStreamer"; title="Wikipedia: 
GStreamer">GStreamer Multimedia Framework</a>, Pitivi will accept any format you throw at it.</p>
-</div>
+<p>Some video editing applications only allow you to use footage that has the exact same framerate inside a 
project. Well, our timeline is like the honey badger: <em>it doesn't care</em>.</p>
 
 <!-- TODO: when our timeline is a bit more touch-friendly...
-<div class="box">
-<h2>Something you can touch and feel.</h2>
+<h2>Something you can touch and feel</h2>
 <img src="http://placebear.com/720/360"; />
 <p>Our new user interface is compatible with touchscreen devices. Yes, you read that right.</p>
-</div>
 -->
 
-<div class="box">
-<h2>Hundreds of animated effects, transitions and filters.</h2>
+<h2>Hundreds of animated effects, transitions and filters</h2>
 <p>Not only do you have access to over 70 industry-standard transitions and more than a hundred video and 
audio effects, you can add true dynamism to your films by animating all the effects' properties over time 
with keyframes.</p>
-</div>
 
-<div class="box">
-<h2>Flexible and efficient.</h2>
+<h2>Flexible and efficient</h2>
 <p>Packed with time-saving features such as realtime trimming previews, ripple and roll editing, grouping 
and snapping, realtime assets management and searching, playhead-centric zooming and editing, non-modal 
cutting, detachable interface components, smooth scrolling, automatic zoom adjustment, Pitivi allows you to 
cut with ease. Like a ninja with a vibroblade.</p>
 </div>
 
-<div class="box">
-<h2>Framerate-independent timeline.</h2>
-<p>Some video editing applications only allow you to use footage that has the exact same framerate inside a 
project. Well, our timeline is like the honey badger: <em>it doesn't care</em>.</p>
-</div>
-
-<div class="box">
-<h2>True precision.</h2>
-<p>Others say they're frame-accurate; we say that's not enough. We're accurate to the <a 
href="http://en.wikipedia.org/wiki/Nanosecond";>nanosecond</a>. Because we can.</p>
-</div>
 
 <div class="box">
-<h2>Beautiful audio waveforms.</h2>
+<h2>Beautiful audio waveforms</h2>
 <p>Visuals are only a tiny part of the story. A movie without balanced and well-timed sound is amateur at 
best. Pitivi provides you with a clear and accurate representation of loudness, so you can balance things out 
or easily detect patterns for beat matching, clap synchronization or simply cutting to the music.</p>
-</div>
 
-<div class="box">
-<h2>Speaks many languages.</h2>
+<h2>Speaks many languages</h2>
 <p>Thanks to the tireless work of the GNOME translation and localization teams, Pitivi is available in <a 
href="http://l10n.gnome.org/module/pitivi/";>many languages</a>. Your language is not listed there? <a 
href="https://wiki.gnome.org/TranslationProject";>Make it happen</a>.</p>
-</div>
 
-<div class="box">
-<h2>Easy to learn. Exciting to master.</h2>
+<h2>Easy to learn. Exciting to master</h2>
 <p>You have better things to do than dealing with cumbersome user interfaces or reading through books just 
to get started. Resulting from years of experience and analysis, our user interface is 
<strong>intuitive</strong> and <strong>self-documenting</strong>: it provides you with all the contextual 
hints you need to grasp the essentials without needing to dive into the user manual all the time. But if you 
want to do something more complicated or want to better understand the tenets of our design, our 
fully-searchable, topic-oriented and multilingual user manual is right there, at your fingertips.</p>
-</div>
 
-<div class="box">
-<h2>It grows on you and grows with you.</h2>
+<h2>It grows on you and grows with you</h2>
 <p>In addition to providing you with the best video editing software possible, nothing is more important to 
us than encouraging you to adapt and improve Pitivi and <a href="https://developer.pitivi.org/GES.html"; 
title="GStreamer Editing Services">GES</a>. After all, you should truly <em>own</em> your software. The 
reason we can keep improving with each release is because <em>you</em> <a href="/contributing">get 
involved</a>.</p>
 </div>
 
+
 <div class="box">
-<h2>Natural desktop environment integration.</h2>
+<h2>Natural desktop environment integration</h2>
 <p>Pitivi integrates best with the <a href="http://gnome.org";>GNOME</a> desktop — or any Linux desktop 
environment, really. We don't just look pretty alongside other GTK applications though: we help redefine the 
desktop experience by working closely with toolkit and theme designers to suit our needs and push the whole 
ecosystem forward.</p>
-</div>
 
-<div class="box">
-<h2>Automatic project backups that actually work.</h2>
+<h2>Automatic project backups that actually work</h2>
 <p>Once created, your project is always safe. With Pitivi, you can even cut the power or crash the entire 
computer and Pitivi will offer you to restore from the last automatic checkpoint. Best of all: Pitivi won't 
try to second-guess you. We've seen enough examples out there of applications that can't be trusted to handle 
backups <em>correctly</em>.</p>
-</div>
 
-<div class="box">
-<h2>Background processing.</h2>
-<p>Pitivi generates thumbnails
- and waveforms
-<!-- TODO: re-enable this when the feature is merged
-, waveforms and clip proxies
--->
- in the background, without disrupting your workflow.</p>
-</div>
+<h2>Background processing</h2>
+<p>Pitivi generates thumbnails, waveforms and clip proxies in the background, without disrupting your 
workflow.</p>
 
-<div class="box">
-<h2>No need to reinvent the wheel.</h2>
+<h2>No need to reinvent the wheel</h2>
 <p>With the <a href="https://developer.pitivi.org/GES.html";>GStreamer Editing Services</a> library, we are 
laying solid foundations for the future based upon over a decade of experience. Built atop the <a 
href="https://www.openhub.net/p/gstreamer";>giant</a> shoulders of the industry-standard GStreamer multimedia 
framework, GES reduces fragmentation and risk while allowing diversity for application writers and 
adaptability for all kinds of purposes.</p>
+
 </div>
+</section>
 
-<div class="box">
+<section id="raw-features-list">
+<div>
 <h2>See what others have to say about it!</h2>
 <p>Take a look at some of the <a href="https://developer.pitivi.org/Praise.html";>praises/positive 
comments</a> we have received so far.</p>
+</div>
+
 </section>
 
 
@@ -134,7 +108,7 @@ These two boxes are joined to avoid waste. Yay floats!
     <li>SMPTE video transitions</li>
     <li>Ability to specify custom aspect ratios and framerates</li>
     <li>Ability to create presets for project settings and rendering</li>
-    <li>Welcome dialog that helps you start a project or load recent projects in two clicks</li>
+    <li>Greeter that helps you start a project or load recent projects quickly</li>
     <li>Ability to preview video, audio and image files directly in the file chooser before importing</li>
     <li>Fast, playhead-centered zooming</li>
     <li>Mousewheel integration with modifier keys for timeline navigation</li>
@@ -148,6 +122,8 @@ These two boxes are joined to avoid waste. Yay floats!
     <li>Tarball export</li>
     <li>Commandline processing and rendering mode using GES</li>
     <li>Scripting capabilities using GES</li>
+    <li>Plugins</li>
+    <li>Developer console</li>
     <li>Written in Python, with a clean and modular codebase</li>
     <li>Hardware-accelerated and touch-capable user interface</li>
 </ul>
diff --git a/static/css/pitivi.css b/static/css/pitivi.css
index 965053d..20b9a91 100644
--- a/static/css/pitivi.css
+++ b/static/css/pitivi.css
@@ -327,7 +327,7 @@ code{
     .full-width-gallery .box{
         /* With 1% padding * 4 boxes: 2*4*1% = 8% eaten out of 96% available,
            so 88% left to divide by 4 boxes. */
-        width: 22%;
+        width: 31%;
     }
     .full-width-gallery .box-huge{
         /* roughly two boxes-wide (2 more on the right):
@@ -340,6 +340,10 @@ code{
         -moz-column-count: 3;
         -webkit-column-count: 3;
     }
+    #content{
+        margin-left: 4em;
+        margin-right: 4em;
+    }
     .centered-introduction{
         max-width: 80%;
         margin-left: auto;
[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]