[pitivi-web] Add CO2 neutral label

[Alexandru Băluț <alexbalut src gnome org>]

commit 1baeeda181f0fe98012040e1a4e4f4148e01e0b4
Author: Alexandru Băluț <alexandru balut gmail com>
Date:   Fri Jul 30 23:12:31 2021 +0200

    Add CO2 neutral label

 content/contact.html         |  5 +++++
 layouts/partials/footer.html | 46 ++++++++++++++++++++++++++++----------------
 static/css/pitivi.css        | 12 +++++++++++-
 3 files changed, 45 insertions(+), 18 deletions(-)
---
diff --git a/content/contact.html b/content/contact.html
index f11d565..327e349 100644
--- a/content/contact.html
+++ b/content/contact.html
@@ -2,6 +2,11 @@
 title: "Contact"
 ---
 
+<section class="centered-introduction">
+    <h1>We love feedback!</h1>
+    <p>Make sure it's constructive and to the point, though. Praise is good but don't exaggerate. Showing us 
your videos edited with Pitivi is the best compliment.</p>
+</section>
+
 <section class="auto-column-half">
     <h1>Reporting problems</h1>
     <p>We track enhancement requests and bug reports in GitLab. Our bug tracker is well-organized and issues 
are investigated systematically. See our <a href="https://developer.pitivi.org/Bug_reporting.html";>bug 
reporting</a> info page for useful links and details.</p>
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index bc75da1..3c6d477 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -1,21 +1,29 @@
 <footer>
-    <div style="font-size: 300%;">
-        <a href="https://twitter.com/pitivi";><i class="fab fa-twitter-square"></i></a>
-        
-        <a href="https://gitlab.gnome.org/GNOME/pitivi";><i class="fab fa-gitlab"></i></a>
+    <div class="footer-box">
+        <p>If you really like the work we do, you may consider <a href="/donators/">donating</a>.</p>
+    </div>
+    <div class="footer-box">
+        <div style="font-size: 300%; float: left;">
+            <a href="https://twitter.com/pitivi";><i class="fab fa-twitter-square"></i></a>
+            <a href="https://gitlab.gnome.org/GNOME/pitivi";><i class="fab fa-gitlab"></i></a>
+        </div>
+        <div style="float: right;">
+            <a href="https://tree-nation.com/profile/impact/pitivi#co2"; target="_blank" 
style="position:relative;cursor:pointer;display:block;z-index:999;">
+                <img src="https://tree-nation.com/images/tracking/label-co2-website-white-en.png"; 
style="width:157px;height:auto;">
+            </a>
+        </div>
+    </div>
+    <div class="footer-box">
+        {{ $editPath := "" }}
+        {{- if .File }}
+        {{- $editPath = printf "content/%s" .Path }}
+        {{- else if .IsHome }}
+        {{- $editPath = "layouts/index.html" }}
+        {{- end }}
+        {{- with $editPath -}}
+        <p><a style="color: gray; font-size: smaller;" href="{{ $.Site.Params.gitlab }}/-/blob/master/{{ . 
}}">Edit this page</a></p>
+        {{- end }}
     </div>
-        
-    <p>If you really like the work we do, you may consider <a href="/donators/">donating</a> once in a 
while.</p>
-
-    {{ $editPath := "" }}
-    {{- if .File }}
-    {{- $editPath = printf "content/%s" .Path }}
-    {{- else if .IsHome }}
-    {{- $editPath = "layouts/index.html" }}
-    {{- end }}
-    {{- with $editPath -}}
-    <a style="color: gray; font-size: smaller;" href="{{ $.Site.Params.gitlab }}/-/blob/master/{{ . }}">Edit 
this</a>
-    {{- end }}
 </footer>
 
 
@@ -30,4 +38,8 @@ piwikTracker.trackPageView();
 piwikTracker.enableLinkTracking();
 } catch( err ) {}
 </script>
-<!-- End Piwik Tag -->
\ No newline at end of file
+<!-- End Piwik Tag -->
+
+
+<script src="https://tree-nation.com/js/track.js";></script>
+<script>treenation_track("6104650b7213b");</script>
\ No newline at end of file
diff --git a/static/css/pitivi.css b/static/css/pitivi.css
index 134a388..4535f71 100644
--- a/static/css/pitivi.css
+++ b/static/css/pitivi.css
@@ -40,7 +40,7 @@ header > nav > .logo {
 header > nav > ul {
     float: right;
     padding: 0px;
-    margin: 1.1em 1em 2em 0px;
+    margin: 1.1em 1em 0px 0px;
 }
 header > nav > ul > li {
     display: inline;
@@ -57,6 +57,8 @@ header > nav > ul > li > a {
     max-width: 960px;
     margin-left: auto;
     margin-right: auto;
+    padding-top: 1em;
+    clear: both;
 }
 
 footer {
@@ -66,6 +68,14 @@ footer {
     text-align: center;
 }
 
+.footer-box {
+    margin-left: auto;
+    margin-right: auto;
+    clear: both;
+    padding-top: 0.5em;
+    max-width: 430px;
+}
+
 section {
     margin: 0em 1em;
 }