|
| 1 | +<head> |
| 2 | + <meta charset="utf-8"> |
| 3 | + <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> |
| 4 | + <title>Airly API portal</title> |
| 5 | + |
| 6 | + <!-- Favicons --> |
| 7 | + <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> |
| 8 | + <link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32"> |
| 9 | + <link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16"> |
| 10 | + <link rel="manifest" href="/manifest.json"> |
| 11 | + <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"> |
| 12 | + <meta name="theme-color" content="#ffffff"> |
| 13 | +</head> |
| 14 | + |
| 15 | +<body> |
| 16 | + |
| 17 | +<nav class="navbar navbar-inverse navbar-fixed-top"> |
| 18 | + <div class="container"> |
| 19 | + <div class="navbar-header"> |
| 20 | + <a class="navbar-brand" href="#"> |
| 21 | + <img alt="Airly" src="/img/logo.png" height="42"> |
| 22 | + </a> |
| 23 | + {{> loginButtons}} |
| 24 | + </div> |
| 25 | + <div class="navbar-right"> |
| 26 | + </div> |
| 27 | + </div> |
| 28 | +</nav> |
| 29 | + |
| 30 | +<div class="jumbotron"> |
| 31 | + <div class="container"> |
| 32 | + <h1>Welcome to Airly API portal</h1> |
| 33 | + {{> apiKey}} |
| 34 | + </div> |
| 35 | +</div> |
| 36 | + |
| 37 | +<div class="container"> |
| 38 | + <div class="row"> |
| 39 | + <div class="col-md-6"> |
| 40 | + <h2>Android App</h2> |
| 41 | + <p>If you didn't know, we have a handy app for you<a></a></p> |
| 42 | + <p><a class="btn btn-default" href="https://play.google.com/store/apps/details?id=eu.airly.android" |
| 43 | + role="button">Get it »</a></p> |
| 44 | + </div> |
| 45 | + <div class="col-md-6"> |
| 46 | + <h2>Suggestions, issues?</h2> |
| 47 | + <p>Feel free to contact us any time</p> |
| 48 | + <p><a class=" btn btn-default" href=" mailto:[email protected]" role=" button" >Email us » </a></p> |
| 49 | + </div> |
| 50 | + </div> |
| 51 | + |
| 52 | + <hr> |
| 53 | + |
| 54 | + <footer> |
| 55 | + <div class="col-sm-9"> |
| 56 | + © 2017 <a href="https://airly.eu">Airly, Inc.</a> |
| 57 | + </div> |
| 58 | + <div class="col-sm-3"> |
| 59 | + <p>by Ivan Vaskevych</p> |
| 60 | + </div> |
| 61 | + </footer> |
| 62 | +</div> <!-- /container --> |
| 63 | + |
| 64 | +</body> |
| 65 | + |
| 66 | + |
| 67 | +<template name="apiKey"> |
| 68 | + {{#if showGetAccessButton}} |
| 69 | + <p><a class="btn btn-primary btn-lg" href="#" role="button" id="getAccess">Get API access »</a></p> |
| 70 | + {{/if}} |
| 71 | + |
| 72 | + {{#if notLoggedIn}} |
| 73 | + <div class="alert alert-warning" role="alert">Please login in order to get an API access key.</div> |
| 74 | + {{else if notVerified}} |
| 75 | + <div class="alert alert-warning" role="alert">Please verify your account first. Check your mailbox for a |
| 76 | + verification email. Check spambox as well, just in case... |
| 77 | + </div> |
| 78 | + {{else if accessKey}} |
| 79 | + <div class="alert alert-info" role="alert">Congratulations, you've got your access to Airly API! Your api key |
| 80 | + is: <br> |
| 81 | + <b>{{accessKey}}</b> |
| 82 | + </div> |
| 83 | + <p>Next steps:</p> |
| 84 | + <ul> |
| 85 | + <li>Goto <a href="http://apidocs.airly.eu/">API docs</a></li> |
| 86 | + <li>Click Authorize and enter your key</li> |
| 87 | + <li>Play around with the requests available</li> |
| 88 | + <li>Make an app or device that will change the world. Or become famous. Or both.</li> |
| 89 | + </ul> |
| 90 | + {{/if}} |
| 91 | + |
| 92 | + {{#unless accessKey }} |
| 93 | + <a class="btn btn-info btn-lg" role="button" href="http://apidocs.airly.eu/">API docs »</a> |
| 94 | + {{/unless}} |
| 95 | + |
| 96 | + {{> tosModalTemplate}} |
| 97 | +</template> |
| 98 | + |
| 99 | +<template name="tosModalTemplate"> |
| 100 | + <div class="modal fade" id="tosModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> |
| 101 | + <div class="modal-dialog" role="document"> |
| 102 | + <div class="modal-content"> |
| 103 | + <div class="modal-header"> |
| 104 | + <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span |
| 105 | + aria-hidden="true">×</span></button> |
| 106 | + <h4 class="modal-title" id="myModalLabel">Terms of Service</h4> |
| 107 | + </div> |
| 108 | + <div class="modal-body"> |
| 109 | + <p> |
| 110 | + <input type="checkbox" id="acceptedCheckbox"> |
| 111 | + I read the <a target="_blank" href="/api-tos-en.pdf">Terms of Service</a> and accept. |
| 112 | + </p> |
| 113 | + </div> |
| 114 | + <div class="modal-footer"> |
| 115 | + <button type="button" class="btn btn-default" data-dismiss="modal">Disagree</button> |
| 116 | + <button type="button" class="btn btn-primary" id="accept" disabled>I Accept</button> |
| 117 | + </div> |
| 118 | + </div> |
| 119 | + </div> |
| 120 | + </div> |
| 121 | +</template> |
0 commit comments