Newer
Older
IntroQuiz2019 / views / login.erb
@Fumichan Fumichan on 10 Aug 2019 2 KB Add login.erb
<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link href="css/signin.css" rel="stylesheet">
    <link href="css/main.css" rel="stylesheet">
    <title>出題者ログインフォーム | イントロクイズ2019</title>
    <!-- BootstrapのCSS読み込み -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!-- jQuery読み込み -->
    <script src="js/jquery-3.4.1.min.js"></script>
    <!-- BootstrapのJS読み込み -->
    <script src="js/bootstrap.min.js"></script>
    <!-- SHA-256ハッシュ化JS読み込み -->
    <script type="text/javascript" src="jsSHA-2.3.1/src/sha256.js"></script>
  </head>
  <body class="text-center">

    <nav class="navbar navbar-expand-lg navbar navbar-dark bg-dark">
      <a class="navbar-brand" href="">イントロクイズ2019</a>
      <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="ナビゲーションの切替">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarText">
        <ul class="navbar-nav mr-auto">
          <li class="nav-item">
            <a class="nav-link" href="/">Client</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="/viewer">Viewer</a>
          </li>
          <li class="nav-item active">
            <a class="nav-link" href="/controller">Controller<span class="sr-only">(現位置)</span></a>
          </li>
        </ul>
        <span class="navbar-text">
          作成者:☆フミちゃん☆
        </span>
      </div>
    </nav>

    <section class="contents">
      <div class="container">
        <form class="form-signin">
          <h1 class="h3 mb-3 mt-5 font-weight-normal">Please sign in</h1>
          <label for="inputUserId" class="sr-only">User ID</label>
          <input type="text" id="inputUserId" class="form-control" placeholder="User ID" required autofocus>
          <label for="inputPassword" class="sr-only">Password</label>
          <input type="password" id="inputPassword" class="form-control" placeholder="Password" required>
          <button id="submit-login" class="btn btn-lg btn-primary btn-block mt-4" type="button">Sign in</button>
        </form>
      </div>
    </section>
    <footer class="mt-2">
      <p class="copyright">Copyright (C) 2019 C116092A SATO Fumiya. All Rights Reserved.</p>
    </footer>

    <script type="text/javascript" src="/js/login.js"></script>
  </body>
</html>