PageSourceSearch

https://bitpact.github.io/

html bitpact.github.io collected 2026-10-03 08:42:57 UTC 22,570 bytes, 492 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3  <head>
4    <meta charset="utf-8">
5    <meta http-equiv="X-UA-Compatible" content="IE=edge">
6    <meta name="viewport" content="width=device-width, initial-scale=1">
7    <title>BitPact: Smart Contracts With Your Future Self</title>
8
9    <link href="font-awesome/css/font-awesome.css" rel="stylesheet">
10
11    <!-- Bootstrap -->
12    <link href="css/bootstrap.min.css" rel="stylesheet">
13
14
15    <!-- Page-Level Plugin CSS - Dashboard -->
16    <link href="css/plugins/timeline/timeline.css" rel="stylesheet">
17
18    <!-- SB Admin CSS - Include with every page -->
19    <link href="css/sb-admin.css" rel="stylesheet">
20    <style>
21    .dev_warning { border:1px solid; color:red; text-align:center }
22    .for-debugging { display:nonez }
23    .linkable-anchor { padding-top: 40px; margin-top: -40px; }
24
25    .for-charities .individuals-only { display:none }
26    .for-individuals .charities-only { display:none }
27
28    .view-goal-form-loading { display:none }
29
30    #goal-view-section .contract-info { float:right }
31
32    body:not(.mnemonic-created-and-confirmed) li.needs-mnemonic-created-and-confirmed a { color:gray }
33    body.mnemonic-created-and-confirmed #confirm-mnemonic-button { display: none }
34
35    #goal-view-section:not(.wins-on-yes) .contract-info.needs-wins-on-yes { display:none }
36    #goal-view-section:not(.wins-on-no) .contract-info.needs-wins-on-no { display:none }
37    #goal-view-section:not(.wins-on-none) .contract-info.needs-wins-on-none { display:none }
38
39    #goal-view-section:not(.decided) .contract-info.needs-decided { display:none }
40    #goal-view-section:not(.undecided) .contract-info.needs-undecided { display:none }
41
42    #goal-view-section:not(.key-not-ready) .contract-info.needs-key-not-ready { display:none }
43
44    #goal-view-section:not(.i-won) .contract-info.needs-i-won { display:none }
45    #goal-view-section:not(.i-lost) .contract-info.needs-i-lost { display:none }
46
47    #view-goal-form .control-label {padding-top: 0px;}
48
49    #goal-view-info-section-top { float:right }
50    #goal-view-info-section-bottom { float:right }
51    #goal-view-balance-container { display:none }
52    #goal-view-reality-key-link-container { display:none }
53
54    /*
55    There will be a single item at the bottom of the page for showing an individual contract
56    This will be empty unless you hit "view" or have the details in a URL.
57    We use visibility hidden here instead of display none to avoid confusing the browser trying to link to an anchor that isn't being displayed, which can cause strange visual effects.
58    */
59    #goal-view-section { visibility: hidden }
60    .completed-form-control { vertical-align:middle; height:100% }
61    </style>
62
63
64    <!--
65    <link href="css/bootstrap-nav-wizard.min.css" rel="stylesheet">
66    -->
67
68    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
69    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
70    <!--[if lt IE 9]>
71      
71<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
71
72      
72<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
72
73    <![endif]-->
74  </head>
75  <body class="for-individuals for-list">
76
77
78
79    <div id="wrapper">
80
81        <nav class="navbar navbar-default navbar-fixed-top" role="navigation" style="margin-bottom: 0">
82            <div class="navbar-header">
83                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-collapse">
84                    <span class="sr-only">Toggle navigation</span>
85                    <span class="icon-bar"></span>
86                    <span class="icon-bar"></span>
87                    <span class="icon-bar"></span>
88                </button>
89                <a class="navbar-brand" href="index.html">BITPACT</a>
90            </div>
91            <!-- /.navbar-header -->
92
93            <ul class="nav navbar-top-links navbar-right">
94
95            <li id="page-individual-switch" class="active page-switch"><a href="#individual" >For Individuals</a></li>
96            <li id="page-charity-switch" class="page-switch"><a href="#charity" >For Charities</a></li>
97            </ul>
98            <!-- /.navbar-top-links -->
99
100            <div class="navbar-default navbar-static-side" role="navigation">
101                <div class="sidebar-collapse">
102                    <ul class="nav" id="side-menu">
103                        <li class="list-view"><a href="#secret">Create a secret</a></li>
104                        <li class="individuals-only list-view"><a href="#connect">Connect to RunKeeper</a></li>
105                        <li class="individuals-only list-view needs-mnemonic-created-and-confirmed"><a href="#set-goal">Make a pact</a></li>
106                        <!--
107                        <li class="charities-only list-view"><a href="#import">Load pacts</a></li>
108                        -->
109                        <li class="individuals-only list-view needs-mnemonic-created-and-confirmed"><a href="#claim">List pacts</a></li>
110                        <li class="charities-only list-view needs-mnemonic-created-and-confirmed"><a href="#claim">Transfer funds</a></li>
111                    </ul>
112                    <!-- /#side-menu -->
113                </div>
114                <!-- /.sidebar-collapse -->
115            </div>
116            <!-- /.navbar-static-side -->
117        </nav>
118
119        <div id="page-wrapper">
120            <div class="row">
121                <br />
122                <!-- /.col-lg-12 -->
123            </div>
124
125<div class="dev_warning">
126WARNING
127<br />
128This application is still being actively developed and has not yet been properly tested.
129<br />
130Play with it if you like, but don't put in any serious money.
131</div>
132
133
134
135<div class="panel-group">
136
137  <a class="linkable-anchor" name="secret">&nbsp;</a>
138  <div class="panel panel-default list-view" id="secret-section">
139    <div class="panel-heading">
140      <h4 class="panel-title">
141        Create a secret, make a copy of it and keep it safe.
142      </h4>
143    </div>
144    <div >
145      <div class="panel-body">
146              <form class="form-horizontal">
147                <fieldset>
148                  <div class="form-group">
149                    <label for="mnemonic" class="col-md-2 control-label">Secret</label>
150                    <div class="col-md-10">
151                      <input type="text" class="form-control" id="mnemonic" placeholder="Your Secret">
152                      <br />
153                      <input type="button" class="btn btn-primary" id="confirm-mnemonic-button" value="I have made a copy of these words, and I will keep them secret." />
154                    </div>
155                  </div>
156                  <div class="form-group">
157                    <label for="public-key" class="col-md-2 control-label">Public Key</label>
158                    <div class="col-md-10">
159                      <span class="form-control" id="public-key"></span>
160                    </div>
161                  </div>
162                </fieldset>
163              </form>
164      </div>
165    </div>
166  </div>
167
168  <div class="individuals-only list-view">
169  <a class="linkable-anchor" name="connect">&nbsp;</a>
170  </div>
171
172  <div class="individuals-only list-view panel panel-default" id="connect-section" >
173    <div class="panel-heading">
174      <h4 class="panel-title">Connect to RunKeeper</h4>
175    </div>
176    <div id="" class="">
177      <div class="panel-body">
178
179              <form class="form-horizontal">
180                <fieldset>
181                  <div class="form-group">
182                    <label for="user" class="col-md-2 control-label">Athlete</label>
183                    <div class="col-md-10">
184                      <div class="athlete-disconnected">
185                      <a id="authenticate-runkeeper-user" type="button" class="btn btn-primary btn-authenticate-runkeeper-user">
185Connect to RunKeeper</a>
186                      <p>
187                      <br />
188                      We need the athlete to connect to provide permission to check whether you reach your goal.
189                      <br />
190                      You can skip this step if you are are not the person you want to track, but that person will need to provide permission for us to confirm that they have reached their goal.
191                      </p>
192                      </div>
193                      <div class="athlete-connected">
194                      <p>
195                      You are connected as <span class="badge" id="connected-athlete-display"></span>.
196                      </p>
197                      <p>
198                      You can disconnect from <a href="http://runkeeper.com/settings/apps">the settings page at runkeeper.com</a>.
199                      <br />
200                      However, if you disconnect, we will no longer be able to confirm that you have reached your goal.
201                      </p>
202                      </div>
203
204                    </div>
205                  </div>
206                </fieldset>
207              </form>
208
209      </div>
210    </div>
211  </div>
212
213  <div class="individuals-only list-view">
214  <a class="linkable-anchor" name="set-goal">&nbsp;</a>
215  </div>
216
217  <div class="panel panel-default individuals-only list-view" id="goal-section">
218    <div class="panel-heading">
219      <h4 class="panel-title">
220        Make a pact
221      </h4>
222    </div>
223    <div >
224      <div class="panel-body">
225              <form action="#view-single-goal" id="set-goal-form" class="form-horizontal">
226                <input id="override-with-existing-fact-id" class="for-debugging" />
227                <fieldset>
228                  <div class="form-group">
229                    <label for="user" class="col-md-2 control-label">Athlete</label>
230                    <div class="col-md-4">
231                      <input type="text" class="form-control" id="user" placeholder="User on RunKeeper" value="">
232                    </div>
233                  </div>
234                  <div class="form-group">
235                    <label for="activity" class="col-md-2 control-label">Activity</label>
236                    <div class="col-md-4">
237                    <select class="form-control" id="activity">
238                        <option value=""></option>
239                        <option data-verb="run" data-unit="m" value="running">Running</option>
240                        <option data-verb="walk" data-unit="m" value="walking" selected>Walking</option>
241                      </select>
242                    </div>
243                  </div>
244                  <div class="form-group">
245                    <label for="measurement" class="col-md-2 control-label">Measurement</label>
246                    <div class="col-md-4">
247                    <select class="form-control" id="measurement">
248                        <option value="total_distance">Distance (Total)</option>
249                        <option value="cumulative_distance" selected>Distance (Cumulative)</option>
250                      </select>
251                    </div>
252                  </div>
253
254
255                  <div class="form-group">
256                    <label for="target" class="col-md-2 control-label">Goal</label>
257                    <div class="col-md-3">
258                      <input size="8" style="text-align:right" type="text" class="form-control" id="goal" placeholder="Goal (meters)" value=""> 
259                    </div>
260                  </div>
261                  <div class="form-group">
262                    <label for="settlement_date" class="col-md-2 control-label">Deadline</label>
263                    <div class="col-md-2">
264                      <input style="text-align:right" size="8" type="text" class="form-control" id="settlement_date" placeholder="Date" value="">
265                    </div>
266                  </div>
267                  <div class="form-group">
268                    <label for="charity-select" class="col-md-2 control-label">Charity</label>
269                    <div class="col-md-4">
270                    <select class="form-control" id="charity-select">
271                        <option value="03b1e8aba06d96273de138cb8f672ef93b3bdefd9dc18d6c038e4eb8a766778ad3">Chika Edgar Kickboxing Sponsorship</option>
272                        <option value="other">Other (enter public key below)</option>
273                      </select> 
274                    </div>
275                  </div>
276                  <div class="form-group" id="charity-public-key-group">
277                     <label for="charity-public-key" class="col-md-2 control-label">Charity Public Key</label>
278                    <div class="col-md-8">
279                      <input type="text" class="form-control" id="charity-public-key" placeholder="Charity Public Key">
280                    </div>
281                  </div>
282                  <div class="form-group" id="is-testnet-group">
283                     <label for="is-testnet" class="col-md-2 control-label">Network</label>
284                    <div class="col-md-8">
285                      <input id="is-testnet" value="1" type="checkbox"> Test network
286                    </div>
287                  </div>
288                  <div class="form-group">
289                    <div class="col-md-10 col-md-offset-2">
290                      <button id="set-goal-submit" type="submit" class="btn btn-primary">Set this goal</button>
291                      <br />
292                    </div>
293                  </div>
294                </fieldset>
295              </form>
296      </div>
297    </div>
298  </div>
299
300
301  <div class="charities-only list-view">
302  <a class="linkable-anchor charities-only" name="import">&nbsp;</a>
303  </div>
304
305  <div class="panel panel-default charities-only list-view" id="import-section">
306    <div class="panel-heading">
307      <h4 class="panel-title">
308          <span class="individual-only">Import</span><span class="charity-only">Load pacts</span>
309      </h4>
310    </div>
311    <div >
312      <div class="panel-body">
313              <form id="import-form" class="form-horizontal">
314                <fieldset>
315                  <div class="row form-group load-row" style="text-align:center">
316                    <span data-type="add" class="col-md-8"><input id="import-contract-url" name="import-contract-url" type="text" placeholder="Load from URL" class="form-control" /></span>
317                    <span data-type="add" class="col-md-2">&nbsp;</span>
318                    <span data-type="load-button" class="col-md-2"><button type="submit" class="btn btn-primary action-button load-button">Load</button></span>
319                  </div>
320                </fieldset>
321              </form>
322      </div>
323    </div>
324  </div>
325
326  <a class="linkable-anchor list-view" name="claim">&nbsp;</a>
327
328  <div class="panel panel-default list-view" id="claim-section">
329    <div class="panel-heading">
330      <h4 class="panel-title">
331          <span class="individual-only">Claim winning funds</span>
332          <span class="charity-only">Transfer funds</span>
333      </h4>
334    </div>
335    <div >
336      <div class="panel-body">
337              <table id="claim-form" class="table table-striped">
338                  <tr class="row form-group" style="text-align:center">
339                    <th data-type="funds" class="col-md-1">Funds</th>
340                    <th data-type="user" class="col-md-2">Athlete</th>
341                    <th data-type="activity" class="col-md-2">Activity</th>
342                    <th data-type="goal" class="col-md-1">Goal</th>
343                    <th data-type="settlement_date" class="col-md-2">Deadline</th>
344                    <th data-type="charity-address" class="col-md-2">Charity</th>
345                    <th data-type="view-button" class="col-md-1">View</th>
346                  </tr>
347                  <tr class="row form-group contract-data-template"  style="text-align:center">
348                    <td data-type="funds" class="col-md-1"></td>
349                    <td data-type="user" class="col-md-2"></td>
350                    <td data-type="activity" class="col-md-2"></td>
351                    <td data-type="goal" class="col-md-1"></td>
352                    <td data-type="settlement_date" class="col-md-2"></td>
353                    <td data-type="charity-display" class="col-md-2"></td>
354                    <td data-type="view-button" class="col-md-1"><a href="#view-single-goal" class="btn btn-primary action-button view-button">View</a></td>
355                  </tr>
356
357              </table>
358      </div>
359    </div>
360  </div>
361
362</div>
363
364
365  <div class="single-goal-view ">
366  <a class="linkable-anchor" id="view-single-goal" name="view-single-goal">&nbsp;</a>
367  </div>
368
369  <div class="panel panel-default " id="goal-view-section">
370    <div class="panel-heading">
371      <h4 class="panel-title">
372        <span class="view-goal-form-title">View a pact</span>
373        <span class="view-goal-form-loading">Loading...</span>
374
375        <span class="contract-info needs-wins-on-none">You do not have either key for this pact.</span>
376
377        <span class="contract-info needs-wins-on-yes needs-undecided">You get paid if you make it.</span>
378        <span class="contract-info needs-wins-on-no needs-undecided">You get a donation if they fail.</span>
379
380        <span class="contract-info needs-i-won needs-key-not-ready">The key should be issued soon.</span>
381
382        <span class="contract-info needs-wins-on-yes needs-i-won">You made it!</span>
383        <span class="contract-info needs-wins-on-no needs-i-won">They missed their goal, you get a donation!</span>
384
385        <span class="contract-info needs-wins-on-yes needs-i-lost">You lose.</span>
386        <span class="contract-info needs-wins-on-no needs-i-lost">They made it, no donation this time.</span>
387
388      </h4>
389    </div>
390    <div >
391      <div class="panel-body">
392
393              <div id="goal-view-info-section-top">
394              <span id="goal-view-balance-container" class="badge"><span id="goal-view-balance">0</span> paid so far</span> 
395              </div>
396
397              <form id="view-goal-form" class="form-horizontal">
398                <fieldset>
399                  <div class="form-group">
400                    <label for="view-user" class="col-md-2 control-label">Athlete</label>
401                    <div class="col-md-4">
402                      <span class="completed-form-control" id="view-user"></span>
403                    </div>
404                  </div>
405                  <div class="form-group">
406                    <label for="view-activity" class="col-md-2 control-label">Activity</label>
407                    <div class="col-md-4">
408                    <span class="completed-form-control" id="view-activity"></span>
409                    </div>
410                  </div>
411                  <div class="form-group">
412                    <label for="view-target" class="col-md-2 control-label">Goal</label>
413                    <div class="col-md-2">
414                      <span style="text-align:right" type="text" class="completed-form-control" id="view-goal"></span>
415                    </div>
416                  </div>
417                  <div class="form-group">
418                    <label for="view-settlement_date" class="col-md-2 control-label">Deadline</label>
419                    <div class="col-md-2">
420                      <span style="text-align:right" size="8" type="text" class="completed-form-control" id="view-settlement_date"></span>
421                    </div>
422                  </div>
423                  <div class="form-group">
424                    <label for="view-charity-display-name" class="col-md-2 control-label">Charity</label>
425                    <div class="col-md-4">
426                    <span class="completed-form-control" id="view-charity-display-name"></span>
427                    </div>
428                  </div>
429                 <div class="form-group" id="view-user-public-key-group">
430                     <label for="view-user-public-key" class="col-md-2 control-label">User Public Key</label>
431                    <div class="col-md-8">
432                      <span class="completed-form-control" id="view-user-public-key"></span>
433                    </div>
434                  </div>
435
436                  <div class="form-group" id="view-charity-public-key-group">
437                     <label for="view-charity-public-key" class="col-md-2 control-label">Charity Public Key</label>
438                    <div class="col-md-8">
439                      <span class="completed-form-control" id="view-charity-public-key"></span>
440                    </div>
441                  </div>
442                  <div class="form-group">
443                    <div class="col-md-10 col-md-offset-2">
444                      <button id="view-goal-store" type="submit" class="btn btn-primary">Store for later</button>
445                      &nbsp;
446
447                      <button type="submit" class="btn btn-primary action-button fund-button" id="single-fund-button">Fund</button>
448                      <button type="submit" class="btn btn-primary action-button claim-button" disabled="disabled" id="single-claim-button">Claim</button></span>
449                      &nbsp;
450                      <a href="#" target="twitter_window" id="tweet-button" type="submit" class="btn btn-primary action-button tweet-button">Tweet</a>
451                      <br />
452                    </div>
453                  </div>
454                </fieldset>
455              </form>
456
457              <div id="goal-view-info-section-bottom">
458              <span id="goal-view-reality-key-link-container" class=""><a href="#" id="goal-view-reality-key-link"><img width="16" height="16" src="img/realitykeys_32.png"></a></span>
459              </div>
460
461
462      </div>
463    </div>
464  </div>
465
466
467    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
468    
468<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
468
469    <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
470    
470<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
470
471
472    <!-- Include all compiled plugins (below), or include individual files as needed -->
473    
473<script src="js/bootstrap.min.js"></script>
473
474    
474<script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
474
475    
475<script src="js/sb-admin.js"></script>
475
476
477    <!-- Page-Level Plugin Scripts - Dashboard -->
478
479    <!-- Page-Level Demo Scripts - Dashboard - Use for reference -->
480
481
482    
482<script src="js/bitcore.js"></script>
482
483    
483<script src="js/bitcore_monkey_patches.js"></script>
483
484    
484<script src="js/mnemonic.js"></script>
484
485    
485<script src="js/bootbox.min.js"></script>
485
486    
486<script src="js/bitpact.js"></script>
486
487    
487<script>
488    initialize_page();
489    </script>
489
490
491  </body>
492</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.