Add donations progress bar to home page

6886ef97 · Bady · 9fca64e3 · 6886ef97
Commit 6886ef97 authored 5 years ago by Bady
--- a/index.html
+++ b/index.html
@@ -16,6 +16,7 @@

  <!-- Custom CSS -->
  <link rel="stylesheet" href="css/style.css">
+  <link rel="stylesheet" href="css/progress-bar.css">
 </head>

 <body data-spy="scroll" data-offset="50" data-target=".navbar-collapse" style='background: rgba(0, 0, 0, 0) url("images/bg.png") repeat scroll 0% 0%;'>
@@ -87,11 +88,22 @@
          </div>

          <div style="text-align:center;">
-            <p style="margin-top:4px; margin-bottom: 50px; color:white; font-size: 1.3em; text-shadow: 1px 1px #000000;">The Community-run Distributed Social-network</p>
+            <p style="margin-top:4px; color:white; font-size: 1.3em; text-shadow: 1px 1px #000000;">The Community-run Distributed Social-network</p>
          </div>

        </div>

+        <!-- Donations progress bar -->
+        <div class="progress">
+          <div id="direct-donations" class="progress-bar progress-bar-primary" role="progressbar" title="Direct">
+            <span class="percent"></span>
+          </div>
+          <div id="indiegogo-donations" class="progress-bar progress-bar-info" role="progressbar" title="Indiegogo">
+            <span class="percent"></span>
+          </div>
+        </div>
+        <div class="progress-text"></div>
+
        <div class="btn-group space">
          <a class="btn" style="width:130px; margin-left:12px;" href="https://poddery.com/users/sign_in">LOGIN</a>
          <a class="btn" style="width:130px; margin-left:12px;" href="https://poddery.com/users/sign_up">REGISTER</a>
@@ -429,5 +441,6 @@

  <!-- Custom JS -->
  <script src="js/custom.js"></script>
+  <script src="js/progress-bar.js"></script>
 </body>
 </html>