| | |
|---|
| | | <link rel="shortcut icon" href="img/common/icon.ico"> |
|---|
| | | <link rel="apple-touch-icon" sizes="180x180" href="img/common/app_icon.png"> |
|---|
| | | <link rel="stylesheet" href="css/main.min.css"> |
|---|
| | | <style> |
|---|
| | | .p-utility-menu { |
|---|
| | | top: 50%; |
|---|
| | | transform:translateY(-50%); |
|---|
| | | right: 60px; |
|---|
| | | } |
|---|
| | | .cool-form-block { |
|---|
| | | margin-bottom: 30px; |
|---|
| | | } |
|---|
| | | .cool-form-input { |
|---|
| | | margin-left: 8px; |
|---|
| | | background: none; |
|---|
| | | border: none; |
|---|
| | | box-shadow: none; |
|---|
| | | letter-spacing: 2px; |
|---|
| | | border-bottom: #ffffff solid 2px; |
|---|
| | | } |
|---|
| | | .cool-form-input:focus { |
|---|
| | | outline: none; |
|---|
| | | } |
|---|
| | | .l-page--white a { |
|---|
| | | cursor: pointer; |
|---|
| | | width: 58%; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | | </head> |
|---|
| | | <body> |
|---|
| | | <div class="l-page l-page--white" data-id="easy_glitch"> |
|---|
| | |
|---|
| | | <p class="p-sketch-outline__description">wcs made with various simple objects.</p> |
|---|
| | | </div> |
|---|
| | | <canvas class="p-canvas-webgl" id="canvas-webgl"></canvas> |
|---|
| | | |
|---|
| | | <div class="p-utility-menu"> |
|---|
| | | <div class="cool-form-block"> |
|---|
| | | <label> |
|---|
| | | username |
|---|
| | | </label> |
|---|
| | | <input id="username" class="cool-form-input" type="text" autocomplete="off"> |
|---|
| | | </div> |
|---|
| | | <div class="cool-form-block"> |
|---|
| | | <label> |
|---|
| | | password |
|---|
| | | </label> |
|---|
| | | <input id="password" class="cool-form-input" type="password"> |
|---|
| | | </div> |
|---|
| | | <a class="c-button c-button--white login-btn"> |
|---|
| | | <span class="c-button__icon c-button__icon--back c-button__icon--white"></span> |
|---|
| | | <span class="c-button__label"> |
|---|
| | | <span class="js-split-str">l</span> |
|---|
| | | <span class="js-split-str">o</span> |
|---|
| | | <span class="js-split-str">g</span> |
|---|
| | | <span class="js-split-str">i</span> |
|---|
| | | <span class="js-split-str">n</span> |
|---|
| | | </span> |
|---|
| | | </a> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <script src="js/main.min.js"></script> |
|---|
| | | <script src="js/jquery/jquery-3.3.1.min.js"></script> |
|---|
| | | <script> |
|---|
| | | </script> |
|---|
| | | </body> |
|---|
