ffs-wip.html 4.87 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92
---
layout: base
---
<div class="site-wrap ffs-proposal ffs-wip"> 
    
<div class="container ffs-breadcrumbs">
   <div class="row">
      <div class="col-xs-12">
          <p><a href="/forum-funding-system/">Forum Funding System</a></p>
          <p><a href="/forum-funding-system/work-in-progress/">Work in Progress</a></p>
        <p class="bread-active">{{page.title}}</p>
      </div>
   </div>
</div> 

    <!-- FULL WIDTH BLOCK -->
        <section class="container full"> 
                <div class="info-block">
                   <div class="row">
                        <div class="col-xs-12">
                            <h2>{{page.title}}</h2>
                            <p class="author-list"><span><img src="/img/author-filled.png"></span>{{page.author}}</p>
                            <p class="date-list"><span><img src="/img/calendar.png"></span>{{page.date}}</p>
                            <p class="progress-number-goal"><span><img src="/img/monero-amount.png"></span>100 XMR</p>
                            <p class="bar-work-status">Completed <span class="progress-number-funded">1</span> of <span class="progress-number-goal">3</span> milestones</p>
                            <div class="progress-bar">
                                <span class="work-progress" style="width: 30%"></span>
                            </div>
                        </div>
                    </div>
                </div>
        </section>
                   
        <section class="container full">
                <div class="">
                    <div class="row between-xs">
                       <div class="col-xs-12">
                            <div class="tabs">
                                  <input class="input" name="tabs" type="radio" id="tab-1" checked="checked"/>
                                  <label class="label" for="tab-1">Proposal</label>
                                  <div class="panel col-xs-12">
                                       <div class="panel-segment">
                                           {{content}}
                                       </div>
                                  </div>
                                  <input class="input" name="tabs" type="radio" id="tab-2"/>
                                  <label class="label" for="tab-2">Milestones</label>
                                  <div class="panel col-xs-12">
                                    {% if page.milestones != nil %}
                                        {% for milestones in page.milestones %}
                                           <div class="milestone panel-segment">
                                                <span class="{{milestones.status}} ms-{{milestones.status}}"></span>
                                                <h3>{{milestones.name}}</h3>
                                                <p><span>To be paid:</span> {{milestones.funds}}</p>
                                                {% if milestones.done != nil %}
                                                <p><span>Completion date:</span> {{milestones.done}}</p>
                                           </div>
                                            {%endif%}
                                        {%endfor%}
                                        {%else%}
                                            <div class="panel-segment">
                                                <p>No milestones</p>
                                            </div>
                                    {%endif%}
                                  </div>
                                  <input class="input" name="tabs" type="radio" id="tab-3"/>
                                  <label class="label" for="tab-3">Payouts</label>
                                  <div class="panel col-xs-12">
                                    {% if page.payouts != nil %}
                                        {% for payouts in page.payouts %}
                                           <div class="milestone panel-segment">
                                                <span class="{{milestones.status}} ms-{{milestones.status}}"></span>
                                                <p><span>Funds Awarded:</span> {{payouts.amount}}</p>
                                                <p><span>Date:</span> {{payouts.date}}</p>
                                            </div>
                                        {%endfor%}
                                        {%else%}
                                            <div class="panel-segment">
                                                <p>No payouts</p>
                                            </div>
                                    {%endif%}
                                  </div>
                                </div>
                       </div>
                    </div>
                </div>
        </section>
    <!-- END FULL WIDTH BLOCK -->
    
    </div>