From 9d2fb8eb69b8ec958ef9ea20f135f8ef8bd73a74 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@63.com>
Date: 星期二, 28 六月 2022 13:40:08 +0800
Subject: [PATCH] #
---
views/sketh/instancing.html | 71 +++++++++++++++++++++++------------
1 files changed, 47 insertions(+), 24 deletions(-)
diff --git a/views/sketh/instancing.html b/views/sketh/instancing.html
index 4f01983..905f2ca 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{
/*瀹氫綅*/
@@ -21,9 +23,9 @@
right: 1%;
transform: translateY(-50%);
width: 20%;
- height: 90%;
+ height: 95%;
/*鐗规晥*/
- background: rgba(255,255,255,0.7);
+ background: rgba(255,255,255,0.6);
border-radius: 5px;
color: #ffffff;
z-index: 99;
@@ -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,44 @@
<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">涓壃绔嬪簱</span>
+ <span class="login100-form-title p-t-20 p-b-45" style="margin: 15px 0;color: #868686;font-size: 24px">WMS</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