<!DOCTYPE html>
<html>
  <head>
    <title>gdbgui - gdb in a browser</title>
    <base target="_blank">
    <link href="static/vendor/css/bootstrap.min.css" rel="stylesheet">
    <link href="static/vendor/css/animate.css" rel="stylesheet">
    <script type="text/javascript" src="static/vendor/js/jquery.min.js"></script>
  </head>
  <style>
    body{
        background-color: white;
    }
    hr{
        width: 90%;
    }
    .square {
        height: 200px;
        width: 200px;
        display: inline-block;
        margin: 10px;
        transition: background-color .4s;
        font-size: 1.1em;
        padding: 20px;
        border-style: solid;
        border-color: #ccc;
        border-width: 1px;
        background-color: white;
        vertical-align: top;
        border-radius: 10px;
    }
    .square:hover {
        background-color: #dff7ff;
    }
    a:hover{
        text-decoration: none;
    }
    ul{
        list-style-type: none;
        padding-left: 2px;
    }
  </style>
  <body style="position: fixed; width: 100%; height: 100%;">
    <div class="container-fluid">
      <p></p>
      {% if debug == true %}
        <h3>gdbgui not shutting down because debug is true</h3>
      {% else %}
        <h3>gdbgui has been shut down</h3>
        <script>
          (function(){
              $.ajax({
                  url: "/_shutdown",
                  cache: false,
                  method: 'GET',
                  success: null,
                  error: null,
              })
          })()
        </script>
      {% endif %}
    </div>
  </body>
</html>


<!--
//- doctype html
//- html
//-     head
//-         title gdbgui - gdb in a browser
//-         base(target='_blank')

//-         //- css
//-         link(href='static/vendor/css/bootstrap.min.css', rel='stylesheet')
//-         link(href='static/vendor/css/animate.css', rel='stylesheet')

//-         //- javascript
//-         script(type="text/javascript" src='static/vendor/js/jquery.min.js')

//-     style.
//-         body{
//-             background-color: white;
//-         }
//-         hr{
//-             width: 90%;
//-         }
//-         .square {
//-             height: 200px;
//-             width: 200px;
//-             display: inline-block;
//-             margin: 10px;
//-             transition: background-color .4s;
//-             font-size: 1.1em;
//-             padding: 20px;
//-             border-style: solid;
//-             border-color: #ccc;
//-             border-width: 1px;
//-             background-color: white;
//-             vertical-align: top;
//-             border-radius: 10px;
//-         }

//-         .square:hover {
//-             background-color: #dff7ff;
//-         }
//-         a:hover{
//-             text-decoration: none;
//-         }
//-         ul{
//-             list-style-type: none;
//-             padding-left: 2px;
//-         }

//-     body(style='position: fixed; width: 100%; height: 100%;')

//-         div.container-fluid
//-             p
//-             //- immediately make the ajax call to shut the gdbgui server down
//-             //- if debug == 'false'
//-             //- do the actual shutdown
//-             h3 gdbgui has been shut down
//-             script.
//-                 (function(){
//-                     $.ajax({
//-                         url: "/_shutdown",
//-                         cache: false,
//-                         method: 'GET',
//-                         success: null,
//-                         error: null,
//-                     })
//-                 })()
//-             //- else
//-             //-     h3 gdbgui not shutting down because debug is true
 -->
