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"> </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"> </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"> </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"> </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"> </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"> </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"> </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 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 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.