Luthics
/
TiaoZhan_Homework
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add first homework

This commit is contained in:
Luthics 2022-10-17 23:37:42 +08:00
parent 8c266ed42c
commit 505a03a925
4 changed files with 85 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
1/index.html Normal file
View File

@ -0,0 +1,22 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello 挑战网</title>
<link rel="stylesheet" type="text/css" href="main.css">
<link rel="stylesheet" href="https://unpkg.com/tippy.js@5/dist/backdrop.css" />
</head>
<body>
<div id="container">
<div id="card">
<img id="logo" src="https://picture-1300689095.file.myqcloud.com/2022/09/09/c0f045179b449.jpg" alt="logo">
<h1 id="title" class="title">Luthics</h1>
<p id="gugugu" class="con">已会：咕咕咕</p>
<p id="wanna" class="con">想学：如何混过开学考</p>
<a class="url" href="https://www.tiaozhan.com/">挑战，无处不在</a>
</div>
<script src="https://unpkg.com/popper.js@1"></script>
<script src="https://unpkg.com/tippy.js@5"></script>
<script src="main.js"></script>
</body>
</html>

43
1/main.css Normal file
View File

@ -0,0 +1,43 @@
body {
background: rgb(129, 196, 238);
margin: 0;
}
#card {
width: 341px;
height: 538px;
vertical-align: middle;
display: inline-block;
background: #ffffff;
text-align: center;
line-height: 0;
border-radius: 2%;
box-shadow: 0 0 10px 2px rgb(129 196 245);
}
#container {
position: relative;
line-height: 100vh;
text-align: center;
}
#logo {
border-radius: 100%;
margin: 40px auto 5px auto;
width: 50%;
}
.title {
font-family: 'Times New Roman', Times, serif;
}
.con {
margin: 50px auto;
font-size: large;
}
.url {
text-decoration: none;
margin: 200px auto;
color: #c617c3
}

19
1/main.js Normal file
View File

@ -0,0 +1,19 @@
tippy('#logo', {
content: '来自 Wallpaper Engine',
placement: 'right'
});
tippy('#title', {
content: 'Luthics is Here',
placement: 'right',
distance: -100
});
tippy('#gugugu', {
content: '<img src="https://picture-1300689095.file.myqcloud.com/2022/09/09/977015553e4de.gif" alt="咕咕咕">',
placement: 'right',
distance: -100
});
tippy('#wanna', {
content: '<img src="https://picture-1300689095.file.myqcloud.com/2022/09/09/cf4017f87e3f2.gif" alt="咕咕咕">',
placement: 'right',
distance: -70
});

1
1/zh.html Normal file
View File

@ -0,0 +1 @@
<iframe src="http://dlj.bz/MBQbaW"></iframe>