From 059270c12f452fcc3344b826f35295fd7c20906e Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期二, 21 三月 2023 08:31:37 +0800
Subject: [PATCH] #
---
views/sketh/instancing.html | 70 ++++++++++++++++++++++++++++++++--
1 files changed, 65 insertions(+), 5 deletions(-)
diff --git a/views/sketh/instancing.html b/views/sketh/instancing.html
index e4d2c57..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,31 +23,89 @@
right: 1%;
transform: translateY(-50%);
width: 20%;
- height: 90%;
+ height: 95%;
/*鐗规晥*/
- background: rgba(255,255,255,0.5);
+ background: rgba(255,255,255,0.6);
border-radius: 5px;
color: #ffffff;
z-index: 99;
box-shadow: 3px 3px 6px 3px rgba(0, 0, 0, .3);
}
+
+ .login-contain {
+ position: relative;
+ width: 100%;
+ height: 100%;
+ }
+ .login-box {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ 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>
<!-- 渚ц竟鏍� -->
<div id="sidebar">
+ <div class="login-contain">
+ <div class="login-box">
+ <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="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>
+
<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