不知道都更新了些啥
This commit is contained in:
parent
d128d153c0
commit
546045f6f7
|
@ -0,0 +1,54 @@
|
|||
.NMSL {
|
||||
color: aquamarine;
|
||||
}
|
||||
|
||||
.test-block {
|
||||
color: royalblue;
|
||||
background-color: aqua;
|
||||
width: 250px;
|
||||
height: 100px;
|
||||
display: inline-block;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
#spantest {
|
||||
color: red;
|
||||
background-color: yellow;
|
||||
font-size: 50px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.bb {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.b0 {
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
display: inline-block;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.b1 {
|
||||
background-color: red;
|
||||
}
|
||||
|
||||
.b2 {
|
||||
background-color: green;
|
||||
}
|
||||
|
||||
.b3 {
|
||||
background-color: blue;
|
||||
}
|
||||
|
||||
.mid {
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
188
awa.html
188
awa.html
|
@ -1 +1,189 @@
|
|||
<!--
|
||||
|
||||
id -> #id {}
|
||||
|
||||
class -> .class {}
|
||||
|
||||
-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
|
||||
<link rel="stylesheet" href="awa.css">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<img src="https://xiaoshadiao.club/randrainbowdog" , alt="test" , title="原神">
|
||||
<img src="https://xiaoshadiao.club/randrainbowdog" , alt="test" , title="原神">
|
||||
<img src="https://xiaoshadiao.club/randrainbowdog" , alt="test" , title="原神">
|
||||
<img src="https://xiaoshadiao.club/randrainbowdog" , alt="test" , title="原神">
|
||||
<img src="https://xiaoshadiao.club/randrainbowdog" , alt="test" , title="原神">
|
||||
<img src="https://xiaoshadiao.club/randrainbowdog" , alt="test" , title="原神">
|
||||
<img src="https://xiaoshadiao.club/randrainbowdog" , alt="test" , title="原神">
|
||||
<img src="https://xiaoshadiao.club/randrainbowdog" , alt="test" , title="原神">
|
||||
|
||||
<hr color="#000000">
|
||||
|
||||
<div id="awa">
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div id="qwq" , style="text-align: center;">
|
||||
<a href="https://xiaoshadiao.club">
|
||||
<img src="https://xiaoshadiao.club/randrainbowdog" , alt="test" , title="也是原神">
|
||||
<h1>Click me.</h1>
|
||||
<p>Pls.</p>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<p><b><strong>?</strong></b></p>
|
||||
<p><b>?</b></p>
|
||||
|
||||
<p>2<sup>2</sup>+4=?</p>
|
||||
|
||||
<ul type="square">
|
||||
<li>bbbb</li>
|
||||
<li>abbbaa</li>
|
||||
<li>abaa</li>
|
||||
<li>abbbbbbbbaa</li>
|
||||
|
||||
<ol>
|
||||
<li>aaaa</li>
|
||||
<li>aaa</li>
|
||||
<li>aa</li>
|
||||
<li>a</li>
|
||||
</ol>
|
||||
</ul>
|
||||
|
||||
<ol type="A">
|
||||
<li>432</li>
|
||||
<li>7657</li>
|
||||
<li>2435</li>
|
||||
</ol>
|
||||
|
||||
<ol type="I">
|
||||
<li><a href="adsad"><strong>68788</strong></a></li>
|
||||
<li><a href="fds"><strong>324342</strong></a></li>
|
||||
<li><a href="gfhgdgf"><strong>63</strong></a></li>
|
||||
</ol>
|
||||
<ol type="1">
|
||||
<li><a href="54"><strong>12</strong></a></li>
|
||||
<li><a href="2432"><strong>534534</strong></a></li>
|
||||
<li><a href="658"><strong>53gfhf</strong></a></li>
|
||||
</ol>
|
||||
|
||||
<dl class="NMSL">
|
||||
<dt>test</dt>
|
||||
<dd>test1</dd>
|
||||
<dd>test2</dd>
|
||||
<dd>test3</dd>
|
||||
<dd>test4</dd>
|
||||
<dd>test5</dd>
|
||||
<dt>test</dt>
|
||||
<dd>test1</dd>
|
||||
<dd>test2</dd>
|
||||
<dd>test3</dd>
|
||||
<dd>test4</dd>
|
||||
<dd>test5</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>test</dt>
|
||||
<dd>test1</dd>
|
||||
<dd>test2</dd>
|
||||
<dd>test3</dd>
|
||||
<dd>test4</dd>
|
||||
<dd>test5</dd>
|
||||
<dt>test</dt>
|
||||
<dd>test1</dd>
|
||||
<dd>test2</dd>
|
||||
<dd>test3</dd>
|
||||
<dd>test4</dd>
|
||||
<dd>test5</dd>
|
||||
</dl>
|
||||
|
||||
<table border="100">
|
||||
<caption>NameTable</caption>
|
||||
<thead>
|
||||
<th>name</th>
|
||||
<th>age</th>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td colspan="2">XiaoShadiao</td>
|
||||
<!--<td>666</td>-->
|
||||
</tr>
|
||||
<tr>
|
||||
<td rowspan="2">Slime_ball</td>
|
||||
<td>69</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<!--<td>3024000</td>-->
|
||||
<td>1</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<td>awa</td>
|
||||
<td>2<sup>2</sup></td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
|
||||
<form>
|
||||
<label><strong>你玩原神吗</strong></label>
|
||||
<input placeholder="input" type="number" name="qwq">
|
||||
<br>
|
||||
<label><strong>你玩原神吗</strong></label>
|
||||
<input type="text" name="awa">
|
||||
<br>
|
||||
<label><strong>你玩原神吗</strong></label>
|
||||
<input placeholder="input" type="radio" name="ovo" value="I">I</input>
|
||||
<input type="radio" name="ovo" value="J">J</input>
|
||||
<br>
|
||||
<label><strong>你玩原神吗</strong></label>
|
||||
<input placeholder="input" type="checkbox" name="pwq" value="I">I</input>
|
||||
<input type="checkbox" name="pwq" value="J">J</input>
|
||||
<input placeholder="input" type="checkbox" name="pwq" value="K">K</input>
|
||||
<input type="submit" value="原神!">
|
||||
</form>
|
||||
|
||||
<video src="https://xiaoshadiao.club/musicgetter_not_rat.mp4" autoplay muted></video>
|
||||
<audio src="https://xiaoshadiao.club/melikemusic/C$DN Song part 1.mp3" autoplay></audio>
|
||||
|
||||
<div class="test-block"></div>
|
||||
<div class="test-block"></div>
|
||||
<div class="test-block"></div>
|
||||
|
||||
<span id="spantest">Hello!</span>
|
||||
<span id="spantest">world!</span>
|
||||
|
||||
<div class="b0">
|
||||
<div class="b1 bb"><span class="mid">awa</span></div>
|
||||
<div class="b2 bb"><span class="mid">awa</span></div>
|
||||
<div class="b3 bb"><span class="mid">awa</span></div>
|
||||
<div class="b2 bb"><span class="mid">awa</span></div>
|
||||
<div class="b3 bb"><span class="mid">awa</span></div>
|
||||
<div class="b1 bb"><span class="mid">awa</span></div>
|
||||
<div class="b3 bb"><span class="mid">awa</span></div>
|
||||
<div class="b1 bb"><span class="mid">awa</span></div>
|
||||
<div class="b2 bb"><span class="mid">awa</span></div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
49
index.html
49
index.html
|
@ -1,5 +1,48 @@
|
|||
<script>
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh">
|
||||
|
||||
window.location.replace("https://github.com/SuperShadiao/hypixelhelper")
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="小沙雕的个人网站">
|
||||
<meta name="keywords" content="小沙雕,个人网站,awa">
|
||||
|
||||
</script>
|
||||
<title>Hi!</title>
|
||||
|
||||
<link rel="icon" href="xsdv2.png" type="image/x-icon">
|
||||
<link rel="stylesheet" href="sitesources/css/topbar.css">
|
||||
<link rel="stylesheet" href="sitesources/css/index.css">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<header>
|
||||
|
||||
<div class="logo">
|
||||
<a href="./" class="logo remove-decoration">
|
||||
<img src="./xsdv2.png" alt="Logo" class="logo2">
|
||||
<div class="logo-text"><span>小沙雕</span></div>
|
||||
<ul class="bararrlist" type="none">
|
||||
<li"><a href="./projects" class="remove-decoration bararrlistelements"><span>项目</span></a></li>
|
||||
<li"><a href="./about" class="remove-decoration bararrlistelements"><span>关于</span></a></li>
|
||||
</ul>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</header>
|
||||
|
||||
<div class="mainbody">
|
||||
<div class="mainbody-start">
|
||||
<h1>Hi!</h1>
|
||||
<p>这里是小沙雕的测试页面。</p>
|
||||
</div>
|
||||
<div class="mainbody-content">
|
||||
<h1>Oops</h1>
|
||||
<p>原来你发现可以往下翻。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -0,0 +1,5 @@
|
|||
<script>
|
||||
|
||||
window.location.replace("https://github.com/SuperShadiao/hypixelhelper")
|
||||
|
||||
</script>
|
|
@ -0,0 +1,23 @@
|
|||
|
||||
.mainbody {
|
||||
width: 100%;
|
||||
height: 10000px;
|
||||
}
|
||||
|
||||
.mainbody-content {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.mainbody-start {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
margin-top: 100px;
|
||||
}
|
|
@ -0,0 +1,47 @@
|
|||
header {
|
||||
color: rgb(255, 255, 0);
|
||||
background-color: gold;
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
padding: 1rem;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
font-family: 'Consolas';
|
||||
display: flex;
|
||||
/* scroll-snap-align: start; */
|
||||
}
|
||||
|
||||
.logo {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.logo2 {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.remove-decoration {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.logo-text {
|
||||
font-size: 1.5rem;
|
||||
color: rgb(0, 0, 0);
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.bararrlist {
|
||||
font-size: 1.25rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.bararrlistelements {
|
||||
color: rgb(0, 0, 0);
|
||||
margin: 0 10px;
|
||||
padding: 0 10px;
|
||||
}
|
Loading…
Reference in New Issue