API tools faq
paste
Advertisement
Guest User

personal_page

a guest
Jul 16th, 2016
138
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.66 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.  
  6. <meta charset="utf-8">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  8. <meta name="viewport" content="width=device-width, initial-scale=1">
  9. <meta name="description" content="">
  10. <meta name="author" content="">
  11.  
  12. <title>SLPT</title>
  13.  
  14. <!-- Bootstrap Core CSS -->
  15. <link href="static/css/bootstrap.min.css" rel="stylesheet">
  16.  
  17. <!-- Custom CSS -->
  18. <link href="static/css/agency2.css" rel="stylesheet">
  19.  
  20. <!-- Custom Fonts -->
  21. <link href="static/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
  22. <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
  23. <link href='https://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
  24. <link href='https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  25. <link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700' rel='stylesheet' type='text/css'>
  26.  
  27. <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  28. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  29. <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  30. <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
  31. <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
  32. <script type="text/javascript" src="static/js/graph.js"></script>
  33. <!--<script>
  34. //routine to locate the canvas
  35. window.onload = function(){
  36. var canvas = document.getElementById('caloriesCanvas');
  37. var ctx = canvas.getContext('2d');
  38.  
  39. ctx.fillStyle = 'green'
  40. ctx.strokeStyle = 'black';
  41. ctx.rect(10, 10, 1600, 800);
  42. ctx.fill();
  43. ctx.stroke;
  44. }
  45. </script>-->
  46. <script type="text/javascript">
  47. import "db_interaction";
  48.  
  49. function product(a,b){
  50. return a*b;
  51. }
  52.  
  53. function printSleepHours(){
  54. return sleep;
  55. }
  56. </script>
  57. </head>
  58.  
  59. <body id="page-top" class="index">
  60.  
  61. <!-- Navigation -->
  62. <nav class="navbar navbar-default navbar-fixed-top">
  63. <div class="container">
  64. <!-- Brand and toggle get grouped for better mobile display -->
  65. <div class="navbar-header page-scroll">
  66. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
  67. <span class="sr-only">Toggle navigation</span>
  68. <span class="icon-bar"></span>
  69. <span class="icon-bar"></span>
  70. <span class="icon-bar"></span>
  71. </button>
  72. <a class="navbar-brand page-scroll" href="#page-top">Personal Page</a>
  73. </div>
  74.  
  75. <!-- Collect the nav links, forms, and other content for toggling -->
  76. <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  77. <ul class="nav navbar-nav navbar-right">
  78. <li class="hidden">
  79. <a href="#page-top"></a>
  80. </li>
  81. <!--<li>
  82. <a class="page-scroll" href="index.html">Overview</a>
  83. </li>-->
  84. <li>
  85. <a class="page-scroll" href="#accinfo">Account info</a>
  86. </li>
  87. <li>
  88. <a class="page-scroll" href="#cals">Calories</a>
  89. </li>
  90. <li>
  91. <a class="page-scroll" href="#hardarch">Past sleep pattern</a>
  92. </li>
  93. <li>
  94. <a class="page-scroll" href="#softarch">Future sleep pattern</a>
  95. </li>
  96. <li>
  97. <a href='{{ url_for('logout') }}' class="page-scroll">Logout</a>
  98. </li>
  99. </ul>
  100. </div>
  101. <!-- /.navbar-collapse -->
  102. </div>
  103. <!-- /.container-fluid -->
  104. </nav>
  105.  
  106. <!-- Header -->
  107. <header>
  108. <div class="container">
  109. <div class="intro-text">
  110. <div class="intro-lead-in">Here it is your personal profile {{ user }}</div>
  111. <!--<a href='{{ url_for('index') }}' class="page-scroll btn btn-xl">Homepage</a>-->
  112. </div>
  113. </div>
  114. </header>
  115.  
  116. <section id="accinfo">
  117. <div class="container">
  118. <section id="services">
  119. <p>
  120. <ul>
  121. <li>
  122. <p>Username: {{ session['user'] }}</p>
  123. </li>
  124. <li>
  125. <p>Password: {{ session['password'] }}</p>
  126. </li>
  127. <li>
  128. <p>Email: {{ session['email'] }}</p>
  129. </li>
  130. <li>
  131. <p>User ID: {{ session['id'] }}</p>
  132. </li>
  133. <li>
  134. <p>To subscribe/unsubscribe to SleepTight notifications click <a href="{{ session['link'] }}">here</a>.</p>
  135. </li>
  136. <li>
  137. <p>User should go to sleep at: {{ session['sleep'] }}</p>
  138. </li>
  139. <li>
  140. <p>User should wake up at: {{ session['wake'] }}</p>
  141. </li>
  142. </ul>
  143. </p>
  144. <form action="{{ url_for('run_algorithm') }}" method="post">
  145. <div class="form-group">
  146. <label for="delay_input">Delay to add (in min)</label>
  147. <input type="hidden" name="username" value="{{ session['user'] }}">
  148. <input type="hidden" name="password" value="{{ session['password'] }}">
  149. <input type="hidden" name="email" value="{{ session['email'] }}">
  150. <input type="hidden" name="id" value="{{ session['id'] }}">
  151. <input type="hidden" name="wake" value="{{ session['wake'] }}">
  152. <input type="hidden" name="sleep" value="{{ session['sleep'] }}">
  153. <input type="text" name="delay" class="form-control" id="delayInput" placeholder="Delay">
  154. <!--<input type="submit" value="Recalculate my algorithm for the holy glory">-->
  155. <button type="submit" class="btn btn-default" value="Submit">Add Delay</button>
  156. </div>
  157. </form>
  158. </section>
  159. </div>
  160. </section>
  161.  
  162. <section id="cals">
  163. <!--<div id="tester" style="width:600px;height:250px;">
  164. <!-- <script>
  165. TESTER = document.getElementById('tester');
  166. Plotly.plot( TESTER, [{
  167. x: [1, 2, 3, 4, 5],
  168. y: [2, 4, 8, 16, 32] }], {
  169. margin: { t: 0 } } );
  170. </script>
  171. </div> -->
  172.  
  173. <!--<div id="chartContainer" style="height: 300px; width: 100%;">
  174.  
  175. </div> -->
  176. <script type="text/javascript">
  177. document.write(printSleepHours())
  178. </script>
  179.  
  180. </section>
  181.  
  182. <footer>
  183. <div class="container">
  184. <div class="row">
  185. <div class="col-md-4">
  186. <span class="copyright">Copyright &copy; SleepTight website 2016</span>
  187. </div>
  188. <!--<div class="col-md-4">
  189. <ul class="list-inline social-buttons">
  190. <li><a href="#"><i class="fa fa-twitter"></i></a>
  191. </li>
  192. <li><a href="#"><i class="fa fa-facebook"></i></a>
  193. </li>
  194. <li><a href="#"><i class="fa fa-linkedin"></i></a>
  195. </li>
  196. </ul>
  197. </div>-->
  198. <div class="col-md-4">
  199. <ul class="list-inline quicklinks">
  200. <li><a href="#">Privacy Policy</a>
  201. </li>
  202. <li><a href="#">Terms of Use</a>
  203. </li>
  204. </ul>
  205. </div>
  206. <span class="copyright"><div>Icons made by <a href="http://www.freepik.com" title="Freepik">Freepik</a> from <a href="http://www.flaticon.com" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a></div></span>
  207. </div>
  208.  
  209. </div>
  210.  
  211. </footer>
  212.  
  213. <!-- jQuery -->
  214. <script src="static/js/jquery.js"></script>
  215.  
  216. <!-- Bootstrap Core JavaScript -->
  217. <script src="static/js/bootstrap.min.js"></script>
  218.  
  219. <!-- Plugin JavaScript -->
  220. <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
  221. <script src="static/js/classie.js"></script>
  222. <script src="static/js/cbpAnimatedHeader.js"></script>
  223.  
  224. <!-- Contact Form JavaScript -->
  225. <script src="static/js/jqBootstrapValidation.js"></script>
  226. <script src="static/js/contact_me.js"></script>
  227.  
  228. <!-- Custom Theme JavaScript -->
  229. <script src="static/js/agency.js"></script>
  230. </body>
  231.  
  232. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!