From cddb531960ec4886558714f08f399a241643ff92 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@63.com>
Date: 星期三, 30 三月 2022 17:01:58 +0800
Subject: [PATCH] #
---
views/sketh/instancing.html | 66 ++++++++++++++++++++++-----------
1 files changed, 44 insertions(+), 22 deletions(-)
diff --git a/views/sketh/instancing.html b/views/sketh/instancing.html
index 4f01983..d0aa169 100644
--- a/views/sketh/instancing.html
+++ b/views/sketh/instancing.html
@@ -12,7 +12,9 @@
<meta name="msapplication-TileColor" content="#111111">
<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/font/font-awesome-4.7.0/css/font-awesome.css">
<link rel="stylesheet" href="css/main.min.css">
+ <link rel="stylesheet" href="css/login.css">
<style>
#sidebar{
/*瀹氫綅*/
@@ -40,28 +42,25 @@
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
- }
-
- .login-input {
- background:none;
- outline:none;
- padding: 2px 5px;
- border: 1px solid #ffffff;
- border-radius: 15px;
- }
- .login-input:focus{
- /*border:none;*/
+ width: 100%;
+ text-align: center;
}
</style>
</head>
<body>
<div class="l-page l-page--white" data-id="instancing">
+ <div style="position: fixed;
+ z-index: 100;
+ top: 22px;
+ left: 20px;">
+ <img src="img/logo.png" alt="" style="width: 20%">
+ </div>
<div class="p-sketch-outline">
- <h2 class="p-sketch-outline__title">instancing</h2>
- <p class="p-sketch-outline__date">posted: 2017.4.11 / update: 2017.4.18
+ <h2 class="p-sketch-outline__title">Automatic Storage and Retrieval System</h2>
+ <p class="p-sketch-outline__date">posted: 2018.01.01 / update: 2022.03.18
</p>
- <p class="p-sketch-outline__description">study of Instancing with three.js</p>
+ <p class="p-sketch-outline__description">wms made with various simple objects.</p>
</div>
<canvas class="p-canvas-webgl" id="canvas-webgl"></canvas>
</div>
@@ -69,20 +68,43 @@
<div id="sidebar">
<div class="login-contain">
<div class="login-box">
- <div class="login-item">
- <div class="login-label"></div>
- <input type="text" class="login-input">
+ <img src="img/logo.png" alt="" style="width: 80%">
+ <span class="login100-form-title p-t-20 p-b-45">AS / RS</span>
+ <div class="wrap-input100 validate-input m-b-10" data-validate="璇疯緭鍏ョ敤鎴峰悕">
+ <input class="input100" type="text" name="username" placeholder="username" autocomplete="off">
+ <span class="focus-input100"></span>
+ <span class="symbol-input100">
+ <i class="fa fa-user"></i>
+ </span>
</div>
- <div class="login-item">
- <div class="login-label"></div>
- <input type="text" class="login-input">
+ <div class="wrap-input100 validate-input m-b-10" data-validate="璇疯緭鍏ュ瘑鐮�">
+ <input class="input100" type="password" name="pass" placeholder="password">
+ <span class="focus-input100"></span>
+ <span class="symbol-input100">
+ <i class="fa fa-lock"></i>
+ </span>
</div>
+ <div class="container-login100-form-btn p-t-10">
+ <button class="login100-form-btn">Login</button>
+ </div>
+ </div>
</div>
- </div>
-
</div>
+
<script src="js/main.min.js"></script>
+ <script src="js/jquery/jquery-3.3.1.min.js"></script>
<script>
+ window.onload = function(){document.getElementById("username").focus();}
+
+ $(document).on('click','.login-btn', function () {
+ window.location.href = "../index.html"
+ });
+
+ $('body').keydown(function () {
+ if (event.keyCode === 13) {
+ $(".login-btn").click();
+ }
+ });
</script>
</body>
</html>
--
Gitblit v1.9.1