-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
156 lines (154 loc) · 6.94 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>N1CTF Junior</title>
<meta content="" name="description">
<meta content="" name="keywords">
<link href="./logo2.png" rel="icon">
<style type="text/css">
h3 { font-family: Consolas, monaco, monospace; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 15.4px; }
p {font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;}
</style>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
<link href="assets/vendor/animate.css/animate.min.css" rel="stylesheet">
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<style type="text/css">
</style>
<link href="assets/css/style.css" rel="stylesheet">
</head>
<body>
<header id="header" class="fixed-top d-flex align-items-center header-transparent ">
<div class="container d-flex align-items-center justify-content-between">
<div class="logo">
<h1>
<em>
<img src="./ctf.jpg">
</em>
</h1>
</div>
</div>
</header>
<section id="hero" class="d-flex flex-column justify-content-end align-items-center" style="background: url('./bg.jpg');">
<div id="heroCarousel" data-bs-interval="5000" class="container carousel carousel-fade" data-bs-ride="carousel">
<div class="carousel-item active">
<div class="carousel-container">
<h2 class="animate__animated animate__fadeInDown">
<em>
<span>
<div class="a">
<div class="b">
<span>N1CTF Junior</span>
</div>
</div>
</em>
</span>
</h2>
<p class="animate__animated fanimate__adeInUp">
<a href="https://nu1l.com" target="_blank"> <strong><em>Nu1L Team</em></strong></a>组织的官方纳新赛事，旨在选拔优秀人才加入Nu1L Team。
</p>
<!--
<p id="time" class="animate__animated fanimate__adeInUp">
比赛时间：2023年1月31日10点开始，24h。</p>
<p class="animate__animated fanimate__adeInUp">
各参赛选手可根据自己情况选择以下一个或多个赛道</p>
-->
<div id="left" style="width:1200px;float:left;">
<a href="./2023.html" class="btn-get-started animate__animated animate__fadeInUp scrollto">2023年积分榜</a>
<a href="./2024.html" class="btn-get-started animate__animated animate__fadeInUp scrollto">2024年积分榜</a>
</div>
</div>
</div>
</div>
<svg class="hero-waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 24 150 28 " preserveAspectRatio="none">
<defs>
<path id="wave-path" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z">
</defs>
<g class="wave1">
<use xlink:href="#wave-path" x="50" y="3" fill="rgba(255,255,255, .1)">
</g>
<g class="wave2">
<use xlink:href="#wave-path" x="50" y="0" fill="rgba(255,255,255, .2)">
</g>
<g class="wave3">
<use xlink:href="#wave-path" x="50" y="9" fill="#fff">
</g>
</svg>
</section>
<main id="main">
<section id="about" class="about">
<div class="container">
<div id="left" style="width:300px;float:left;">
<div class="section-title">
<h2>
<em>比赛负责</em>
</h2>
<img src="https://book.nu1l.com/images/2.jpg" height="66" alt="Logo">
</div>
<footer id="footer">
© Copyright <strong>
<span>Nu1L Team</span>
</strong>. All Rights Reserved.
</footer>
</div>
<!--
<div id="left" style="width:300px;float:left;">
<div class="section-title">
<h2>
<em>合作伙伴</em>
</h2>
<img src="./jd.png" height="66" alt="Logo">
</div>
</div>
<div id="left" style="width:300px;float:left;">
<div class="section-title">
<h2>
<em>平台支撑</em>
</h2>
<img src="./secpunk.png" height="66" alt="Logo">
</div>
</div>
<div id="left" style="width:300px;float:left;">
<div class="section-title">
<h2>
<em>赛事QQ群</em>
</h2>
<h1>
<em></em>
</h1>
</div>
</div>
-->
</div>
</section>
</main>
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="https://s3.pstatp.com/cdn/expire-1-M/jquery/3.3.1/jquery.min.js"></script>
<script src="assets/js/main.js"></script>
<script>
setInterval(function(){
var willDate = new Date(2023,0,31).getTime();
var nowDate = new Date().getTime();
var diff = (willDate - nowDate)/1000; //两个时间的差值
var day = parseInt(diff/(24*60*60)); //求一天的剩余秒数
var hour = parseInt(diff/(60*60)%24); //求一个小时的剩余秒数
var minutes = parseInt(diff/(60)%60); //求一分钟的剩余秒数
var seconds = parseInt(diff%60);
var time = "距离2023年1月31号10点开赛还剩:"+day+"天"+hour+"时"+minutes+"分"+seconds+"秒";
$("#time").text(time);
},1000);
</script>
</body>
</html>