[pitivi-web/aleb.money] How we spent the money

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

commit bc321cf56a02b1ba0ced6f1c1c315868cfd04100
Author: Alexandru Băluț <alexandru balut gmail com>
Date:   Tue Oct 18 01:20:06 2022 +0200

    How we spent the money

 content/donators/index.html | 79 +++++++++++++++++++++++++++++++++++++++++++--
 static/css/pitivi.css       | 27 ++++++++++++++++
 2 files changed, 104 insertions(+), 2 deletions(-)
---
diff --git a/content/donators/index.html b/content/donators/index.html
index 69e502f..57908d7 100644
--- a/content/donators/index.html
+++ b/content/donators/index.html
@@ -2,7 +2,7 @@
 title: "Donators"
 ---
 
-<section class="centered-introduction">
+<section class="centered-indivoduction">
     <h1>Time, money and trees</h1>
     <p>One of the things we value the most is the community of contributors driving Pitivi (<a 
href="/contribute/">join us!</a>). For us, time is usually more precious and scarce than money. Nevertheless, 
we can put money to good use!</p>
 
@@ -27,6 +27,81 @@ title: "Donators"
     </ul>
 
     <h1>Let's talk serious business</h1>
-    <p>Need professional support or development around GStreamer and Pitivi? Then you should probably talk 
to <a href="https://www.igalia.com";>these guys</a>.</p>
+    <p>Need professional support or development around GSdiveamer and Pitivi? Then you should probably talk 
to <a href="https://www.igalia.com";>these guys</a>.</p>
+
+    <h1>What did you do with the money?</h1>
+
+    The numbers below may give a rough idea how we spent the money.
+
+    <div id="donations">
+        <div class="row">
+            <div class="when">2014</div>
+            <div class="value">+21302 EUR</div>
+            <div>Fundraiser</div>
+        </div>
+        <div class="row">
+            <div class="when">2015</div>
+            <div class="value">-16000 EUR</div>
+            <div>Thibault and Mathieu worked on fundraiser goals</div>
+        </div>
+        <div class="row">
+            <div class="when">2016</div>
+            <div class="value">-5159 CHF</div>
+            <div>Alex worked on bugfixing. Oct-Dec</div>
+        </div>
+
+        <div class="row zero-row">
+            <div></div>
+            <div>(zero)</div>
+        </div>
+
+        <div class="row">
+            <div class="when">2019</div>
+            <div class="value">+4200 USD</div>
+            <div>GSoC</div>
+        </div>
+        <div class="row">
+            <div class="when">2019</div>
+            <div class="value">-2000 USD</div>
+            <div>Thibault infrastructure bills</div>
+        </div>
+        <div class="row">
+            <div class="when">2020</div>
+            <div class="value">-5683 EUR</div>
+            <div>Henry implemented time effects support in GES. Apr-Jun, 341 hours</div>
+        </div>
+        <div class="row">
+            <div class="when">2020</div>
+            <div class="value">+831 EUR</div>
+            <div>Flattr</div>
+        </div>
+        <div class="row">
+            <div class="when">2020</div>
+            <div class="value">+2500 USD</div>
+            <div>GSoC</div>
+        </div>
+        <div class="row">
+            <div class="when">2020</div>
+            <div class="value">+250 CHF</div>
+            <div>Liberapay</div>
+        </div>
+ 
+        <div class="row zero-row">
+            <div></div>
+            <div>(zero)</div>
+        </div>
+
+        <div class="row">
+            <div class="when">2021</div>
+            <div class="value">+800 USD</div>
+            <div>GSoC</div>
+        </div>
+        <div class="row">
+            <div class="when">2022</div>
+            <div class="value">+340 CHF</div>
+            <div>Liberapay</div>
+        </div>
+    </div>
+
 </section>
     
\ No newline at end of file
diff --git a/static/css/pitivi.css b/static/css/pitivi.css
index 4535f71..bb8904e 100644
--- a/static/css/pitivi.css
+++ b/static/css/pitivi.css
@@ -215,4 +215,31 @@ section#frontpage_splash h1 {
 #audio_icon {
     width: 1.5em;
     color: lightgrey;
+}
+
+/* Donations */
+#donations {
+    display: table;
+    margin-top: 1em;
+}
+#donations .row {
+    display: table-row;
+}
+#donations .zero-row div {
+    color: grey;
+    text-align: center;
+    padding-bottom: 1em;
+    padding-top: 1em;
+}
+#donations .row div {
+    display: table-cell;
+    padding-right: 1em;
+}
+#donations .row .when {
+    white-space: nowrap;
+}
+#donations .row .value {
+    text-align: right;
+    white-space: nowrap;
+    font-family: 'Roboto Mono', monospace;
 }
\ No newline at end of file