1

CheDAOLabs · Oct 18, 2023 · 87e97fd · 87e97fd
1 parent f181707
commit 87e97fd
Show file tree

Hide file tree

Showing 16 changed files with 2,122 additions and 11 deletions.
diff --git a/static/css/css.css b/static/css/css.css
diff --git a/static/images/btm1.png b/static/images/btm1.png
diff --git a/static/images/btm2.png b/static/images/btm2.png
diff --git a/static/images/button_delete.png b/static/images/button_delete.png
diff --git a/static/images/common_popup_frame01a.png b/static/images/common_popup_frame01a.png
diff --git a/static/images/game.jpg b/static/images/game.jpg
diff --git a/static/images/role_button_add.png b/static/images/role_button_add.png
diff --git a/static/images/role_button_list_s.png b/static/images/role_button_list_s.png
diff --git a/static/images/set1.png b/static/images/set1.png
diff --git a/static/images/set2.png b/static/images/set2.png
diff --git a/static/images/set3.png b/static/images/set3.png
diff --git a/static/images/set4.png b/static/images/set4.png
diff --git a/static/images/slide.png b/static/images/slide.png
diff --git a/static/js/global.js b/static/js/global.js
@@ -89,8 +89,14 @@ initTab('#tab2');
 initTab('#tab3');
 
 
+$('.creatMain .content3 .con .left .dec2 p .s1 ').hover(function(){
+  $(this).find('.slide').stop()
+  $(this).find('.slide').slideToggle(200)
+})
 
 
-
+$('.alertmodel .close').click(function(){
+  $(this).parents('.alertmodel').fadeOut(200)
+})
 
 });
diff --git a/static/创角1.html b/static/创角1.html
@@ -0,0 +1,225 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" >
+<meta name="renderer" content="webkit">
+<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1" />
+<meta name="apple-mobile-web-app-capable" content="yes" />
+<meta name="format-detection" content="telephone=no" />
+<title>标题</title>
+<meta name="keywords" content="关键词" />
+<meta name="description" content="描述" />
+<link href="css/magic.min.css" rel="stylesheet" type="text/css" />
+<link href="css/swiper.min.css" rel="stylesheet" type="text/css" />
+<link href="css/css.css" rel="stylesheet" type="text/css" />
+<link href="css/media.css" rel="stylesheet" type="text/css" />
+<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
+    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+<!--[if lt IE 9]>
+      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
+<![endif]-->
+
+</head>
+<body>
+<div class="loading">
+	<span class="loadingfa xuanzhuan"><img src="images/loading.png" alt=""></span>
+</div>
+
+
+<div class="creatMain">
+  <a href="#" class="Skip">Skip</a>
+  <div class="contBase  itemNase " >
+    <div class="title">A mysterious voice:</div>
+    <div class="text">
+      Welcome to the land of Talas, brave adventurer!
+    </div>
+    <div class="next"></div>
+  </div>
+  <div class="content2 itemNase">
+    <input type="text" placeholder="Some text about user name" class="words">
+    <div class="warning">*Some text about error tips</div>
+    <button class="btnBase">CONFIRM</button>
+  </div>
+  <div class="contBase itemNase" >
+    <div class="title">A mysterious voice:</div>
+    <div class="text">
+      Talas is located in the southeastern corner of the world, brimming with mystery and magic. It holds valuable mineral resources, especially the enigmatic 'Nightstone,' which draws adventurers. 
+    </div>
+    <div class="next"></div>
+  </div>
+  <div class="itemNase step3">
+    <div class="contBase  ">
+      <div class="title">A mysterious voice:</div>
+      <div class="text">
+        Talas is located in the southeastern corner of the world, brimming with mystery and magic. It holds valuable mineral resources, especially the enigmatic 'Nightstone,' which draws adventurers. 
+      </div>
+      <div class="next"></div>
+    </div>
+    <div class="listItems">
+      <ul>
+        <li>
+          <div class="num">A</div>
+          <div class="ri">Seek help and collaborate with other adventurers to solve the problem</div>
+        </li>
+        <li>
+          <div class="num">B</div>
+          <div class="ri">Quickly assess the situation, formulate a plan, and tackle the challenge alone</div>
+        </li>
+        <li>
+          <div class="num">C</div>
+          <div class="ri">Utilize your creativity and wisdom to find unconventional solutions.</div>
+        </li>
+        <li>
+          <div class="num">D</div>
+          <div class="ri">Seek out mysterious magic or treasures to address the crisis.</div>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <div class="content3 itemNase">
+    <div class="title">
+      <img src="images/title.png" alt="">
+    </div>
+    <div class="con">
+      <div class="tab">
+        <a href="javascript:;" class="current">
+          <img src="images/user.png" alt="">
+          <span class="name">Some text...</span>
+        </a>
+        <a href="javascript:;"></a>
+        <a href="javascript:;"></a>
+        <a href="javascript:;"></a>
+        <a href="javascript:;"></a>
+      </div>
+      <div class="left">
+        <div class="dec1">
+          <p>
+            <span class="s1">
+              <span class="icon"><img src="images/icon1.png" alt=""></span>
+              <span class="ti">Vitality</span>
+            </span>
+            <span class="s2">100/100</span>
+          </p>
+          <p>
+            <span class="s1">
+              <span class="icon"><img src="images/icon2.png" alt=""></span>
+              <span class="ti">Morality</span>
+            </span>
+            <span class="s2">90/90</span>
+          </p>
+        </div>
+        <div class="dec2">
+          <p>
+            <span class="s1">
+              <span class="tit">Strength</span>
+              <span class="slide">
+                The wisdom attribute represents a character's wisdom and insight. Characters with high wisdom excel at solving puzzles and making wise decisions. In the game, wisdom influences dialogues, decisions, and a character's learning speed.
+              </span>
+            </span>
+            <span class="s2">50</span>
+          </p>
+          <p>
+            <span class="s1">
+              <span class="tit">Agility</span>
+              <span class="slide">
+                The wisdom attribute represents a character's wisdom and insight. Characters with high wisdom excel at solving puzzles and making wise decisions. In the game, wisdom influences dialogues, decisions, and a character's learning speed.
+              </span>
+            </span>
+            <span class="s2">50</span>
+          </p>
+          <p>
+            <span class="s1">
+              <span class="tit">Wisdom</span>
+              <span class="slide">The wisdom attribute represents a character's wisdom and insight. Characters with high wisdom excel at solving puzzles and making wise decisions. In the game, wisdom influences dialogues, decisions, and a character's learning speed.</span>
+            </span>
+            <span class="s2">50</span>
+          </p>
+          <p>
+            <span class="s1">
+              <span class="tit">Intelligence</span>
+              <span class="slide">The wisdom attribute represents a character's wisdom and insight. Characters with high wisdom excel at solving puzzles and making wise decisions. In the game, wisdom influences dialogues, decisions, and a character's learning speed.</span>
+            </span>
+            <span class="s2">50</span>
+          </p>
+          <p>
+            <span class="s1">
+              <span class="tit">Luck</span>
+              <span class="slide">The wisdom attribute represents a character's wisdom and insight. Characters with high wisdom excel at solving puzzles and making wise decisions. In the game, wisdom influences dialogues, decisions, and a character's learning speed.</span>
+            </span>
+            <span class="s2">50</span>
+          </p>
+        </div>
+      </div>
+      <div class="right">
+        <div class="title">Some text about name</div>
+        <div class="imgbox">
+          <img src="images/people.png" class="people" alt="">
+          <div class="delet"></div>
+        </div>
+        <button class="btn">Start Adventure</button>
+      </div>
+    </div>
+  </div>
+  <div class="content3 itemNase">
+    <div class="title">
+      <img src="images/title.png" alt="">
+    </div>
+    <div class="con">
+      <div class="tab">
+        <a href="javascript:;" class="current">
+          <img src="images/user.png" alt="">
+          <span class="name">Some text...</span>
+        </a>
+        <a href="javascript:;"></a>
+        <a href="javascript:;"></a>
+        <a href="javascript:;"></a>
+        <a href="javascript:;"></a>
+      </div>
+      <div class="none">
+        <div class="title">
+          <p>
+            Uh-oh! It's empty here！
+          </p>
+          <p>
+            Create a character by answering questions!
+          </p>
+        </div>
+        <button class="btn">Create Character</button>
+      </div>
+    </div>
+  </div>
+  <div class="shadow"></div>
+</div>
+
+
+<div class="alertmodel">
+  <div class="center">
+    <div class="close"></div>
+    <div class="title">Notification</div>
+    <div class="dec">
+      <p>
+        Are you sure you want to completely delete '<b>some text baout name</b>'?  
+      </p>
+      <p>This action is irreversible!</p>
+    </div>
+    <div class="btns">
+      <button class="btn1">CANCEL</button>
+      <button class="btn2">confirm</button>
+    </div>
+  </div>
+</div>
+
+
+<script src="js/jquery.min.js"></script>
+<script type="text/javascript" src="js/swiper.min.js"></script>
+<script type="text/javascript" src="js/wow.min.js"></script>
+<script type="text/javascript" src="js/global.js"></script>
+<script>
+  $('.itemNase').click(function(){
+    $(this).hide()
+  })
+</script>
+</body>
+</html>