donate.blade.php 7.4 KB
Newer Older
beardedwarrior's avatar
beardedwarrior committed
1 2 3 4 5 6 7 8
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

xiphon's avatar
xiphon committed
9
    <title>CCS - Donate {{$project->title}}</title>
beardedwarrior's avatar
beardedwarrior committed
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

    <link rel="apple-touch-icon" sizes="180x180" href="/meta/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/meta/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/meta/favicon-16x16.png">
    <link rel="manifest" href="/meta/manifest.json">
    <link rel="mask-icon" href="/meta/safari-pinned-tab.svg" color="#5bbad5">
    <meta name="theme-color" content="#ffffff">

    <link href="/css/custom.css" rel="stylesheet">


    <meta name="msapplication-config" content="/ietemplates/ieconfig.xml">

</head>


<body>
<div class="page-wrapper">

    <div class="mob-nav">
        <input class="burger-check" id="mobile-burger" type="checkbox"><label for="mobile-burger" class="burger"></label>

        <div class="slide-in-nav">
            <div class="container slide-in">
                <div class="row">
                    <div class="col-xs-12">
                        <div class="text-center nav-item mob">
xiphon's avatar
xiphon committed
37
                            <a href="/ideas/" class="top-link">Ideas</a>
beardedwarrior's avatar
beardedwarrior committed
38 39
                        </div>
                        <div class="text-center nav-item mob">
xiphon's avatar
xiphon committed
40
                            <a href="/funding-required/">Funding Required</a>
beardedwarrior's avatar
beardedwarrior committed
41 42
                        </div>
                        <div class="text-center nav-item mob">
xiphon's avatar
xiphon committed
43
                            <a href="/work-in-progress/">Work in Progress</a>
beardedwarrior's avatar
beardedwarrior committed
44 45
                        </div>
                        <div class="text-center nav-item mob">
xiphon's avatar
xiphon committed
46
                            <a href="/completed-proposals/">Completed Tasks</a>
beardedwarrior's avatar
beardedwarrior committed
47 48
                        </div>
                        <div class="text-center nav-item mob">
xiphon's avatar
xiphon committed
49
                            <a href="/completed-proposals/">Back to Getmonero.org</a>
beardedwarrior's avatar
beardedwarrior committed
50 51 52 53 54 55 56 57 58 59 60 61
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>

    <div class="desktop-nav">
        <nav class="container">
            <div class="row middle-xs">
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
xiphon's avatar
xiphon committed
62
                    <p class="site-name"><a href="/">Community Crowdfunding System</a></p>
beardedwarrior's avatar
beardedwarrior committed
63 64 65 66
                </div>
                <div class="col-lg-8 col-md-8 col-sm-8 items end-xs">
                    <div class="row end-xs middle-xs">
                        <div class="col-md-12">
xiphon's avatar
xiphon committed
67 68 69 70 71
                            <a href="/ideas/" class="top-link">Ideas</a>
                            <a href="/funding-required/">Funding Required</a>
                            <a href="/work-in-progress/">Work in Progress</a>
                            <a href="/completed-proposals/">Completed Tasks</a>
                            <a href="https://getmonero.org">Getmonero.org</a>
beardedwarrior's avatar
beardedwarrior committed
72 73 74 75 76 77 78 79
                        </div>
                    </div>
                </div>
            </div>
        </nav>
    </div>
    <div class="mob bot-nav white-nav">
        <div class="row middle-xs">
xiphon's avatar
xiphon committed
80 81
            <div class="col-xs-12">
                <p class="site-name"><a href="/">Community Crowdfunding System</a></p>
beardedwarrior's avatar
beardedwarrior committed
82 83 84 85 86 87 88 89 90
            </div>
        </div>
    </div>

    <div class="site-wrap ffs-proposal ffs-con">

        <div class="container ffs-breadcrumbs">
            <div class="row">
                <div class="col-xs-12">
xiphon's avatar
xiphon committed
91
                    <p><a href="/">Community Crowdfunding System</a></p>
xiphon's avatar
xiphon committed
92 93
                    <p><a href="/funding-required/">Funding Required</a></p>
                    <p><a href="/proposals/{{pathinfo($project->filename, PATHINFO_FILENAME)}}.html">{{$project->title}}</a></p>
beardedwarrior's avatar
beardedwarrior committed
94 95 96 97 98 99 100 101
                    <p class="bread-active">Contribute</p>
                </div>
            </div>
        </div>

        <section class="container full">
            <div class="info-block">
                <div class="row">
102
                    <div class="col-xs-12"> 
beardedwarrior's avatar
beardedwarrior committed
103 104
                        <h2>{{$project->title}}</h2>
                        <div class="row middle-xs between-xs">
105
                            <p class="author-list"><span><img src="/img/author-filled.png"></span>{{$project->author}}</p>
106
                            <p class="date-list"><span><img src="/img/calendar.png"></span>{{date('F j, Y', strtotime($project->created_at))}}</p>
107
                            <p class="bar-fund-status">Raised <span class="progress-number-funded">{{$project->raised_amount}}</span> of <span class="progress-number-goal">{{$project->target_amount}}</span> XMR</p>
beardedwarrior's avatar
beardedwarrior committed
108 109
                        </div>
                        <div class="progress-bar">
110
                            <span class="fund-progress" style="width: {{min(100, intval($project->raised_amount * 100 / $project->target_amount))}}%"></span>
beardedwarrior's avatar
beardedwarrior committed
111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129
                        </div>
                        <p>Your contribution should be visible within 5 minutes of you sending your contribution. If for some reason it is not there, please contact a member of the Core Team!</p>
                    </div>
                </div>
            </div>
        </section>

        <section class="container full">
            <div class="row">
                <div class="col-xs-12">
                    <div class="tabs con-how">
                        <input class="input" name="tabs" type="radio" id="tab-1" checked="checked"/>
                        <label class="label" for="tab-1">QR Code</label>
                        <div class="panel col-xs-12">
                            <div class="panel-segment">
                                <h3>Contribute with a QR code</h3>
                                <p>1. Choose the amount of XMR you wish to contribute to this proposal</p>
                                <p>2. Scan this QR code or tap to open in your Monero wallet app:</p>
                                <p>
130
                                    <a href="{{$project->address_uri}}" class="qr"><img src="{{$project->qrCodeSrc}}"/></a>
beardedwarrior's avatar
beardedwarrior committed
131 132 133 134 135
                                </p>
                                <p>3. Send! Thank you! You are amazing!</p>
                            </div>
                        </div>
                        <input class="input" name="tabs" type="radio" id="tab-2"/>
136
                        <label class="label" for="tab-2">Address</label>
beardedwarrior's avatar
beardedwarrior committed
137 138
                        <div class="panel col-xs-12">
                            <div class="panel-segment">
139
                                <h3>Contribute using an address</h3>
beardedwarrior's avatar
beardedwarrior committed
140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169
                                <p>1. Choose the amount of XMR you wish to contribute to this proposal</p>
                                <p>2. Enter the following XMR address:</p>   <p class="string">{{$project->address}}</p>
                                <p>3. Send! Thank you! You are amazing!</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>

    <footer class="container-fluid">
        <div class="container">
            <div class="row around-xs footer-wrapper">

                <div class="row center-xs">
                    <div class="social-icons">
                    </div>
                    <div class="footer-links">
                        <ul class="list-unstyled list-inline">

                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </footer>
</div>
</body>
</html>