git.piffa.net Git - sketchbook_andrea/blob - iot/blink_iot/html.h

   1 static const char* head = R"foo(
   2 HTTP/1.1 200 OK
   3 Content-Type: text/html
   4
   5 <head>
   6 <title>IoT Blink</title>
   7 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" >
   8 </head>
   9 )foo";
  10
  11 static const char* body = R"foo(
  12 <body>
  13   <div class="container">
  14   <div class="jumbotron">
  15     <h1>Arduino IoT Example</h1>
  16     <p>This WebApp turns On / Off the onboard LED with Arduino code.</p>
  17   </div>
  18   <br><center>
  19 <a href="/ON""><button type="button" class="btn btn-primary btn-lg">Turn On </button></a>
  20 <a href="/OFF""><button type="button" class="btn btn-secondary btn-lg">Turn Off </button></a>
  21 <br/><br/>
  22 )foo";
  23
  24 static const char footer[]   = R"foo(
  25 </center>
  26 </div>
  27 <!-- Optional JavaScript -->
  28     <!-- jQuery first, then Popper.js, then Bootstrap JS -->
  29     <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
  30     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" ></script>
  31     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" ></script>
  32 </body>
  33 </html>
  34 )foo";