index.ejs 3.23 KB
<!DOCTYPE html>
<html>
  <head>
    <title><%= title %></title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
		<link rel="stylesheet" href="/stylesheets/main.css" />
    <link rel='stylesheet' href='/stylesheets/style.css' />
  </head>
  <body>
    <!-- <h1><%= title %></h1>
    <p>Welcome to <%= title %></p> -->
    <section class="banner full">
      <article>
        <img src="images/unknown.png" alt="" />
        <div class="inner">
          <header>
            <p>protect your screen from unauthorized personnel</p>
            <h2>AI Screensaver</h2>
          </header>
        </div>
      </article>
      
    </section>

    <section id="one" class="wrapper style2">
      <div class="inner">
        <div class="grid-style">

          <div>
            <div class="box">
              <div class="image fit">
                <img src="images/person_add.png" alt="" />
              </div>
              <div class="content">
                <header class="align-center">
                  <p>add user to AWS Rekognition FaceCollection</p>
                  <h2>Add User</h2>
                </header>
                
                <footer class="align-center">
                  <form action=/register method="post" enctype="multipart/form-data">
                    <input type="file" id="img" name="img" accept="image/png, image/jpeg" class="button alt">
                    <input type='hidden' name="collection" id='collection' value="<%= collection %>" >
                    <input type="text" id="image_id" name="text" placeholder="사진 이름" required><input type="submit" value="등록" class="button alt"">
                  </form>
                </footer>
              </div>
            </div>
          </div>

          <div>
            <div class="box">
              <div class="image fit">
                <img src="images/play.png" alt="" />
              </div>
              <div class="content">
                <header class="align-center">
                  <p>Detect Personnel and analyze</p>
                  <h2>Run Detection</h2>
                </header>
                <footer class="align-center">
                  <form action="/use" method="post">
                    <input type="hidden" name="landing" id="landing" value="true" />
                    <label for="type">Password (4 characters minimum):</label>
                    <input type='password' name='type' id='type' minlength="4" required/>
                    <input type='hidden' name="collection" id='collection' value="<%= collection %>" >
                    <input type="submit" value="시작" class="button alt">
                    </form>
                </footer>
              </div>
            </div>
          </div>

        </div>
      </div>
    </section>

    <script src="javascripts/jquery.min.js"></script>
			<script src="javascripts/jquery.scrollex.min.js"></script>
			<script src="javascripts/skel.min.js"></script>
			<script src="javascripts/util.js"></script>
      <script src="javascripts/main.js"></script>
      <script type="text/javascript">
        var error = '<%= error %>';          
        
        if(error!='') 
        {  
          alert(error);
        }
        
        
        </script>
  </body>
</html>