Skip to content

Commit c193db1

Browse files
venenof7venenof7
authored
Add files via upload
1 parent 98be4cd commit c193db1

27 files changed

+18889
-0
lines changed

‎5.png

74.2 KB
Loading

‎assets/css/bg1.jpg

36.7 KB
Loading

‎assets/css/style-starter.css

+12,465
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎assets/fonts/FontAwesome.otf

132 KB
Binary file not shown.

‎assets/fonts/fontawesome-webfont.eot

162 KB
Binary file not shown.

‎assets/fonts/fontawesome-webfont.svg

+2,671
Loading

‎assets/fonts/fontawesome-webfont.ttf

162 KB
Binary file not shown.

‎assets/fonts/fontawesome-webfont.woff

95.7 KB
Binary file not shown.

‎assets/fonts/fontawesome-webfont.woff2

75.4 KB
Binary file not shown.

‎assets/images/1.png

936 Bytes
Loading

‎assets/images/a.png

41.8 KB
Loading

‎assets/images/awa.png

26.2 KB
Loading

‎assets/images/flag.png

1.31 KB
Loading

‎assets/images/icon1.png

390 Bytes
Loading

‎assets/images/icon2.png

1.14 KB
Loading

‎assets/images/icon3.png

1.33 KB
Loading

‎assets/images/icon4.png

280 Bytes
Loading

‎assets/images/icon5.png

490 Bytes
Loading

‎assets/images/icon6.png

1.01 KB
Loading

‎assets/js/bootstrap.min.js

+7
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎assets/js/jquery-3.3.1.min.js

+2
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎assets/js/jquery.magnific-popup.min.js

+4
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎assets/js/owl.carousel.js

+3,448
Large diffs are not rendered by default.

‎assets/js/tabs.js

+28
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
var e = document.getElementById("filt-monthly"),
2+
d = document.getElementById("filt-hourly"),
3+
t = document.getElementById("switcher"),
4+
m = document.getElementById("monthly"),
5+
y = document.getElementById("hourly");
6+
7+
e.addEventListener("click", function(){
8+
t.checked = false;
9+
e.classList.add("toggler--is-active");
10+
d.classList.remove("toggler--is-active");
11+
m.classList.remove("hide");
12+
y.classList.add("hide");
13+
});
14+
15+
d.addEventListener("click", function(){
16+
t.checked = true;
17+
d.classList.add("toggler--is-active");
18+
e.classList.remove("toggler--is-active");
19+
m.classList.add("hide");
20+
y.classList.remove("hide");
21+
});
22+
23+
t.addEventListener("click", function(){
24+
d.classList.toggle("toggler--is-active");
25+
e.classList.toggle("toggler--is-active");
26+
m.classList.toggle("hide");
27+
y.classList.toggle("hide");
28+
})

‎assets/js/theme-change.js

+22
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
const toggleSwitch = document.querySelector('.theme-switch input[type="checkbox"]');
2+
const currentTheme = localStorage.getItem('theme');
3+
4+
if (currentTheme) {
5+
document.documentElement.setAttribute('data-theme', currentTheme);
6+
7+
if (currentTheme === 'dark') {
8+
toggleSwitch.checked = true;
9+
}
10+
}
11+
12+
function switchTheme(e) {
13+
if (e.target.checked) {
14+
document.documentElement.setAttribute('data-theme', 'dark');
15+
localStorage.setItem('theme', 'dark');
16+
}
17+
else { document.documentElement.setAttribute('data-theme', 'light');
18+
localStorage.setItem('theme', 'light');
19+
}
20+
}
21+
22+
toggleSwitch.addEventListener('change', switchTheme, false);

‎bg1.jpg

36.7 KB
Loading

‎index.html

+242
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,242 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<style type="text/css">
4+
h3 { font-family: Consolas, monaco, monospace; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 15.4px; }
5+
</style>
6+
<head>
7+
<!-- Required meta tags -->
8+
<meta charset="utf-8">
9+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
10+
11+
<title>Straw Hat</title>
12+
13+
<!-- Google fonts -->
14+
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;700&display=swap" rel="stylesheet">
15+
16+
<!-- Template CSS -->
17+
<link rel="stylesheet" href="assets/css/style-starter.css">
18+
</head>
19+
20+
<body>
21+
<div class="header-saas">
22+
<!-- header -->
23+
<header id="site-header" class="fixed-top">
24+
<div class="container">
25+
<nav class="navbar navbar-expand-lg stroke">
26+
<a class="navbar-brand" href="index.html">
27+
<img src="./5.png"> <img src="bg1.jpg">
28+
</a>
29+
<!-- if logo is image enable this
30+
<a class="navbar-brand" href="#index.html">
31+
<img src="image-path" alt="Your logo" title="Your logo" style="height:35px;" />
32+
</a> -->
33+
<button class="navbar-toggler collapsed bg-gradient" type="button" data-toggle="collapse"
34+
data-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false"
35+
aria-label="Toggle navigation">
36+
<span class="navbar-toggler-icon fa icon-expand fa-bars"></span>
37+
<span class="navbar-toggler-icon fa icon-close fa-times"></span>
38+
</span>
39+
</button>
40+
41+
<div class="collapse navbar-collapse" id="navbarTogglerDemo02">
42+
<ul class="navbar-nav ml-auto">
43+
44+
<li>
45+
<!--/search-right-->
46+
<div class="search-right">
47+
<a href="#search" title="Awards"><span class="fa fa-trophy" aria-hidden="true"></span></a>
48+
<!-- search popup -->
49+
<div id="search" class="pop-overlay">
50+
<div class="popup">
51+
<h4 class="mb-3">Our Awards</h4>
52+
<h6 class="mb-3">1-Codegate CTF 2022 Preliminary 2nd</h6>
53+
</div>
54+
<a class="close" href="#close">×</a>
55+
</div>
56+
</div>
57+
</li>
58+
</ul>
59+
</div>
60+
</nav>
61+
</div>
62+
</header>
63+
<!-- //header -->
64+
</div>
65+
<section class="w3l-banner-agency py-5" id="work">
66+
<div class="midd-w3 py-lg-5 py-md-4">
67+
<div class="container py-lg-2">
68+
<div class="row">
69+
<div class="col-lg-6 banner-content align-self pr-lg-5">
70+
<h3 class="title-toobig">Straw Hat</h3>
71+
<p class="mt-4">A CTF Team founded in 2022.Among them are mostly <a href="https://nu1l.com" target="_blank">Nu1L Team</a> members,as well as some core players from other teams such as <a href="https://wm-team.cn/" target="_blank">W&M</a>. Besides, some retired personnel from A*0*E,and some students from Professor <a href="http://xinyuxing.org/" target="_blank"> Xing Xinyu</a>'s team at Northwestern University are also in the team.</p>
72+
<a href="https://twitter.com/StrawHat_CTF" class="btn btn-style btn-primary mt-lg-5 mt-4 mr-2" target="_blank">Learn More</a>
73+
</div>
74+
<div class="col-lg-6 text-center">
75+
<div class="image-block position-relative">
76+
<img src="5.png" alt="" class="img-fluid rounded-circle mt-lg-0 mt-4">
77+
</div>
78+
</div>
79+
</div>
80+
</div>
81+
82+
<!-- animations icons -->
83+
<div class="icon-effects-w3-1 text-right">
84+
<img src="assets/images/icon1.png" alt="" class="img-fluid">
85+
</div>
86+
<div class="icon-effects-w3-2 text-right">
87+
<img src="assets/images/icon2.png" alt="" class="img-fluid">
88+
</div>
89+
<div class="icon-effects-w3-3 text-right">
90+
<img src="assets/images/icon3.png" alt="" class="img-fluid">
91+
</div>
92+
<div class="icon-effects-w3-5 text-right">
93+
<img src="assets/images/icon5.png" alt="" class="img-fluid">
94+
</div>
95+
<div class="icon-effects-w3-6 text-right">
96+
<img src="assets/images/icon6.png" alt="" class="img-fluid">
97+
</div>
98+
<!-- //animations icons -->
99+
</div>
100+
</section>
101+
<!-- //footer17 -->
102+
103+
<!-- Template JavaScript -->
104+
<script src="assets/js/jquery-3.3.1.min.js"></script>
105+
106+
<script src="assets/js/theme-change.js"></script><!-- theme switch js (light and dark)-->
107+
108+
<!-- pricing tabs js -->
109+
<script src="assets/js/tabs.js"></script>
110+
111+
<!-- owlcarousel -->
112+
<script src="assets/js/owl.carousel.js"></script>
113+
114+
<!-- script for tesimonials carousel slider -->
115+
<script>
116+
$(document).ready(function () {
117+
$("#owl-demo1").owlCarousel({
118+
loop: true,
119+
nav: false,
120+
margin: 50,
121+
responsiveClass: true,
122+
responsive: {
123+
0: {
124+
items: 1,
125+
nav: false
126+
},
127+
736: {
128+
items: 2,
129+
nav: false
130+
}
131+
}
132+
})
133+
})
134+
</script>
135+
<!-- //script for tesimonials carousel slider -->
136+
137+
<!-- script for tesimonials agency carousel slider -->
138+
<script>
139+
$(document).ready(function () {
140+
$("#owl-agency").owlCarousel({
141+
loop: true,
142+
nav: false,
143+
margin: 50,
144+
responsiveClass: true,
145+
responsive: {
146+
0: {
147+
items: 1,
148+
nav: false
149+
},
150+
736: {
151+
items: 1,
152+
nav: false
153+
}
154+
}
155+
})
156+
})
157+
</script>
158+
<!-- //script for tesimonials agency carousel slider -->
159+
160+
<!-- magnific popup -->
161+
<script src="assets/js/jquery.magnific-popup.min.js"></script>
162+
<script>
163+
$(document).ready(function () {
164+
$('.popup-with-zoom-anim').magnificPopup({
165+
type: 'inline',
166+
167+
fixedContentPos: false,
168+
fixedBgPos: true,
169+
170+
overflowY: 'auto',
171+
172+
closeBtnInside: true,
173+
preloader: false,
174+
175+
midClick: true,
176+
removalDelay: 300,
177+
mainClass: 'my-mfp-zoom-in'
178+
});
179+
180+
$('.popup-with-move-anim').magnificPopup({
181+
type: 'inline',
182+
183+
fixedContentPos: false,
184+
fixedBgPos: true,
185+
186+
overflowY: 'auto',
187+
188+
closeBtnInside: true,
189+
preloader: false,
190+
191+
midClick: true,
192+
removalDelay: 300,
193+
mainClass: 'my-mfp-slide-bottom'
194+
});
195+
});
196+
</script>
197+
<!-- //magnific popup -->
198+
199+
<!-- disable body scroll which navbar is in active -->
200+
<script>
201+
$(function () {
202+
$('.navbar-toggler').click(function () {
203+
$('body').toggleClass('noscroll');
204+
})
205+
});
206+
</script>
207+
<!-- disable body scroll which navbar is in active -->
208+
209+
<!--/MENU-JS-->
210+
<script>
211+
$(window).on("scroll", function () {
212+
var scroll = $(window).scrollTop();
213+
214+
if (scroll >= 80) {
215+
$("#site-header").addClass("nav-fixed");
216+
} else {
217+
$("#site-header").removeClass("nav-fixed");
218+
}
219+
});
220+
221+
//Main navigation Active Class Add Remove
222+
$(".navbar-toggler").on("click", function () {
223+
$("header").toggleClass("active");
224+
});
225+
$(document).on("ready", function () {
226+
if ($(window).width() > 991) {
227+
$("header").removeClass("active");
228+
}
229+
$(window).on("resize", function () {
230+
if ($(window).width() > 991) {
231+
$("header").removeClass("active");
232+
}
233+
});
234+
});
235+
</script>
236+
<!--//MENU-JS-->
237+
238+
<script src="assets/js/bootstrap.min.js"></script>
239+
240+
</body>
241+
242+
</html>

0 commit comments

Comments
 (0)