From 93d3287c5c516e5fbb8a3569b2e4f4937ef85b8d Mon Sep 17 00:00:00 2001
From: Miguel Simoni <miguel.simoni@gmail.com>
Date: Tue, 9 Oct 2018 22:44:26 -0300
Subject: [PATCH] Problem: No progress info in ICO details page [issue #199]

Solution: Add progress info to ICO details page.
---
 content/ico/details.md                 | 28 ++++++++++++++++++++++++++
 themes/fractalide/files/css/custom.css |  4 ++++
 2 files changed, 32 insertions(+)

diff --git a/content/ico/details.md b/content/ico/details.md
index 7f9291bc..472cb270 100644
--- 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
index 5e81e2fa..2c38b9bd 100644
--- 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;
 }