Problem: No progress info in ICO details page [issue fractalide#199]

Solution: Add progress info to ICO details page.
sjmackenzie · Oct 10, 2018 · 6ae37c9 · 6ae37c9
1 parent e0d0fd5
commit 6ae37c9
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 0 deletions.
diff --git a/content/ico/details.md b/content/ico/details.md
@@ -59,6 +59,34 @@
             </div>
         </div>
     </div>
+    <div class="row">
+        <div class="col-md-offset-2 col-md-8 col-sm-offset-2 col-sm-8 col-xs-offset-1 col-xs-10">
+            <div class="panel panel-default">
+                <div class="panel-body text-center">
+                    <h2 class="sub_heading_blue">ICO public sale is ongoing</h2>
+                </div>
+                <div class="panel-body">
+                    <div class="row">
+                        <div class="col-md-offset-3 col-md-6 col-sm-offset-2 col-sm-8 col-xs-12">
+                            <div class="progress">
+                                <div class="progress-bar" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">
+                                    <span class="sr-only">50% Complete</span>
+                                </div>
+                            </div>                            
+                            <div class="text-center">
+                                <p class="sale_progress">50% completed</p>
+                            </div>
+                            <p><b>ICO started in ADA Epoch:</b>> <span class="pull-right">74</span></p>
+                            <p><b>Current ADA Epoch:</b> <span class="pull-right">74</span></p>
+                            <p><b>ICO Ends in ADA Epoch:</b> <span class="pull-right">115</span></p>
+                            <p><b>ICO Epoch:</b> <span class="pull-right">0/40</span></p>
+                            <p><b>Discount at ICO Epoch 0:</b> <span class="pull-right">75% off</span></p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
     <div class="row">
         <div class="col-md-offset-2 col-md-8 col-sm-offset-2 col-sm-8 col-xs-offset-1 col-xs-10">
             <div class="panel panel-default">

diff --git a/themes/fractalide/files/css/custom.css b/themes/fractalide/files/css/custom.css
@@ -951,6 +951,10 @@ section#ico-details .header_gradient {
     padding: 20px;
 }
 
+.sale_progress {
+    color: #79949f;
+}
+
 .checklist input[type=checkbox] {
   display: none;
 }