From 7de69a5359e32e650b605483f7eef43de987ba1f Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@63.com>
Date: 星期四, 11 八月 2022 13:49:58 +0800
Subject: [PATCH] #

---
 views/sketh/easy_glitch.html |   51 +++++++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 51 insertions(+), 0 deletions(-)

diff --git a/views/sketh/easy_glitch.html b/views/sketh/easy_glitch.html
index 64cf4d5..98e3c70 100644
--- a/views/sketh/easy_glitch.html
+++ b/views/sketh/easy_glitch.html
@@ -13,6 +13,31 @@
     <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">
@@ -28,8 +53,34 @@
         <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>

--
Gitblit v1.9.1