Advertisement
Guest User

Untitled

a guest
Sep 29th, 2016
95
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 9.42 KB | None | 0 0
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4.     <title>Raspberry Pi | Web API</title>
  5.     <meta name="viewport" content="width=device-width, initial-scale=1">
  6.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  7.     <script type="application/x-javascript"> addEventListener("load", function () {
  8.         setTimeout(hideURLbar, 0);
  9.     }, false);
  10.     function hideURLbar() {
  11.         window.scrollTo(0, 1);
  12.     } </script>
  13.     <link rel=stylesheet type=text/css href="{{ url_for('static', filename='bootstrap.min.css') }}">
  14.     <!-- Custom Theme files -->
  15.     <link rel=stylesheet type=text/css href="{{ url_for('static', filename='style.css') }}">
  16.     <link rel=stylesheet type=text/css href="{{ url_for('static', filename='font-awesome.css') }}">
  17.     <script src="static/js/jquery.min.js"></script>
  18.     <!-- Mainly scripts -->
  19.     <script src="static/js/jquery.metisMenu.js"></script>
  20.     <script src="static/js/jquery.slimscroll.min.js"></script>
  21.     <!-- Custom and plugin javascript -->
  22.     <link rel=stylesheet type=text/css href="{{ url_for('static', filename='custom.css') }}">
  23.     <script src="static/js/custom.js"></script>
  24.     <script src="static/js/screenfull.js"></script>
  25.     <script>
  26.         $(function () {
  27.             $('#supported').text('Supported/allowed: ' + !!screenfull.enabled);
  28.             if (!screenfull.enabled) {
  29.                 return false;
  30.             }
  31.             $('#toggle').click(function () {
  32.                 screenfull.toggle($('#container')[0]);
  33.             });
  34.         });
  35.     </script>
  36.     <!----->
  37. </head>
  38. <body>
  39. <div id="wrapper">
  40.  
  41. <!----->
  42. <nav class="navbar-default navbar-static-top" role="navigation">
  43.     <div class="navbar-header">
  44.         <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
  45.             <span class="sr-only">Toggle navigation</span>
  46.             <span class="icon-bar"></span>
  47.             <span class="icon-bar"></span>
  48.             <span class="icon-bar"></span>
  49.         </button>
  50.         <h1><a class="navbar-brand" href="index.html">RPi</a></h1>
  51.     </div>
  52.     <div class=" border-bottom">
  53.         <div class="full-left">
  54.             <section class="full-top">
  55.                 <button id="toggle"><i class="fa fa-arrows-alt"></i></button>
  56.             </section>
  57.             <div class="clearfix"></div>
  58.         </div>
  59.         <!-- Brand and toggle get grouped for better mobile display -->
  60.  
  61.         <!-- Collect the nav links, forms, and other content for toggling -->
  62.         <div class="drop-men">
  63.             <ul class=" nav_1">
  64.                 <li class="dropdown">
  65.                     <a href="#" class="dropdown-toggle dropdown-at" data-toggle="dropdown"><span class="name-caret">System<i
  66.                            class="caret"></i></span><img width="60" height="60"  src="static/images/Raspi-PGB001.png"></a>
  67.                     <ul class="dropdown-menu " role="menu">
  68.                         <li><a href="system.html"><i class="fa fa-user"></i>System Info</a></li>
  69.                     </ul>
  70.                 </li>
  71.             </ul>
  72.         </div>
  73.         <!-- /.navbar-collapse -->
  74.         <div class="clearfix">
  75.         </div>
  76.         <div class="navbar-default sidebar" role="navigation">
  77.             <div class="sidebar-nav navbar-collapse">
  78.                 <ul class="nav" id="side-menu">
  79.                     <li>
  80.                         <a href="index.html" class=" hvr-bounce-to-right"><i
  81.                                class="fa fa-video-camera nav_icon "></i><span
  82.                                class="nav-label">Record</span> </a>
  83.                     </li>
  84.                     <li>
  85.                         <a href="preview.html" class=" hvr-bounce-to-right"><i
  86.                                class="fa fa-video-camera nav_icon "></i><span
  87.                                class="nav-label">Preview</span> </a>
  88.                     </li>
  89.                     <li>
  90.                         <a href="settings.html" class=" hvr-bounce-to-right"><i class="fa fa-cog nav_icon"></i> <span
  91.                                class="nav-label">Settings</span> </a>
  92.                     </li>
  93.                     <li>
  94.                         <a href="spi_tty.html" class="hvr-bounce-to-right"><i class="fa fa-terminal nav_icon"></i> <span
  95.                                class="nav-label">OSD/TTY</span> </a>
  96.                     </li>
  97.                     <li>
  98.                         <a href="hdmi_channel.html" class="hvr-bounce-to-right"><i class="fa fa-desktop nav_icon"></i> <span
  99.                                class="nav-label">HDMI</span> </a>
  100.                     </li>
  101.                     <li>
  102.                         <a href="v100.html" class="hvr-bounce-to-right"><i class="fa fa-desktop nav_icon"></i> <span
  103.                                class="nav-label">V100</span> </a>
  104.                     </li>
  105.                     <li>
  106.                         <a href="dragndrop.html" class="hvr-bounce-to-right"><i class="fa fa-dribbble nav_icon"></i> <span
  107.                                class="nav-label">DragNDrop</span> </a>
  108.                     </li>
  109.                     <li>
  110.                         <a href="faq.html" class=" hvr-bounce-to-right"><i class="fa fa-question-circle nav_icon"></i> <span
  111.                                class="nav-label">FAQ</span> </a>
  112.                     </li>
  113.                     <li>
  114.                         <a href="logout" class=" hvr-bounce-to-right"><i class="fa fa-sign-out nav_icon"></i><span class="nav-label">Logout</span></a>
  115.                     </li>
  116.                 </ul>
  117.             </div>
  118.         </div>
  119.     </div>
  120. </nav>
  121. <div id="page-wrapper" class="gray-bg dashbard-1">
  122. <div class="content-main">
  123.  
  124. <!--banner-->
  125. <div class="banner">
  126.     <h2>
  127.         <a href="index.html">Home</a>
  128.         <i class="fa fa-angle-right"></i>
  129.         <span>Record</span>
  130.     </h2>
  131. </div>
  132. <!--//banner-->
  133. <!--//content-->
  134. <div class="content-top">
  135.     <div class="col-md-4 ">
  136.         <div class="content-top-1">
  137.             <div class="col-md-6 top-content">
  138.                 <h5>Start Record</h5>
  139.             </div>
  140.             <div class="col-md-6 top-content1">
  141.                 <div>
  142.                     <form style="border: none; box-shadow: none;" data-script="start_record" class="post">
  143.                         <div>
  144.                             <button style="margin-top: 15px" id="start_record" type="button" class="btn btn-lg btn-default">Start Record</button>
  145.                         </div>
  146.                     </form>
  147.                 </div>
  148.             </div>
  149.             <div class="clearfix"> </div>
  150.         </div>
  151.         <div class="content-top-1">
  152.             <div class="col-md-6 top-content">
  153.                 <h5>Stop Record</h5>
  154.             </div>
  155.             <div class="col-md-6 top-content1">
  156.                 <form style="border: none; box-shadow: none" data-script="stop_record" class="post">
  157.                     <div>
  158.                         <button style="margin-top: 15px" id="stop_record" type="button" class="btn btn-lg btn-default">Stop Record</button>
  159.                     </div>
  160.                 </form>
  161.             </div>
  162.             <div class="clearfix"> </div>
  163.         </div>
  164.         <div class="content-top-1">
  165.             <div class="col-md-6 top-content">
  166.                 <h5>Record Status</h5>
  167.             </div>
  168.             <div class="col-md-6 top-content1">
  169.                 <form style="border: none; box-shadow: none" data-script="status" class="get">
  170.                     <div>
  171.                         <button style="margin-top: 15px" type="button" class="btn btn-lg btn-default">Record Status</button>
  172.                     </div>
  173.                 </form>
  174.             </div>
  175.             <div class="clearfix"> </div>
  176.         </div>
  177.         <div class="content-top-1">
  178.             <div class="col-md-6 top-content">
  179.                 <h5>Make Screenshot</h5>
  180.             </div>
  181.             <div class="col-md-6 top-content1">
  182.                 <form style="border: none; box-shadow: none" data-script="screenshot" class="post">
  183.                     <div>
  184.                         <button style="margin-top: 15px" type="button" class="btn btn-lg btn-default">Screenshot</button>
  185.                     </div>
  186.                 </form>
  187.             </div>
  188.             <div class="clearfix"> </div>
  189.         </div>
  190.     </div>
  191.     <div class="col-md-8 content-top-1">
  192.             <!--JSON
  193.            -->
  194.             <link rel=stylesheet type=text/css href="{{ url_for('static', filename='graph.css') }}">
  195.             <!--//graph-->
  196.             <div class="graph-container">
  197.                 <div class="col-md-6 top-content">
  198.                     <h5>JSON</h5>
  199.                 </div>
  200.             </div>
  201.         <div class="col-md-6 top-content">
  202.             <h5 style="margin-bottom: 10px;">Response</h5>
  203.             <pre class="response-field" style="border: 1px solid #555; padding: 5px; overflow: auto; min-height: 274px; "></pre>
  204.         </div>
  205.     </div>
  206.     <div class="clearfix"> </div>
  207. </div>
  208. <div class="copy">
  209.             <p> &copy; 2016 Raspberry Pi Web API. All Rights Reserved | I.G.</p>
  210.         </div>
  211.         </div>
  212.         <div class="clearfix"> </div>
  213.        </div>
  214.      </div><!---->
  215. <!--scrolling js-->
  216. <script src="static/js/jquery.nicescroll.js"></script>
  217. <script src="static/js/scripts.js"></script>
  218. <!--//scrolling js-->
  219. <script src="static/js/bootstrap.min.js"></script>
  220. <script src="static/js/index_scripts.js"></script>
  221. </body>
  222. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement