add first homework
This commit is contained in:
parent
8c266ed42c
commit
505a03a925
|
|
@ -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>
|
||||||
|
|
@ -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
|
||||||
|
}
|
||||||
|
|
@ -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
|
||||||
|
});
|
||||||
Loading…
Reference in New Issue