/
index.html
165 lines (155 loc) · 5.63 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
157
158
159
160
161
162
163
164
165
<!DOCTYPE html>
<html>
<head>
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link
href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap"
rel="stylesheet"
/>
<link href="styles/style.css" rel="stylesheet" />
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<title>Code 423n4</title>
<link
rel="shortcut icon"
type="image/jpg"
href="images/favicon-32x32.png"
/>
</head>
<body class="landing">
<header>
<div class="wrapper-nav">
<a class="logo" href="/">
<img src="images/C4-banner.png" alt="Code 423n4" />
</a>
<!-- <nav>
<a href="/compete">Compete</a>
<a href="/sponsor">Sponsor</a>
<a href="/join">Join</a>
</nav> -->
</div>
<div class="hero">
<h1>
<span>Hack DeFi.</span> <span>Compete.</span> <span>Get paid.</span>
</h1>
<h5>
We’re creating a community-driven approach to competitive smart
contract audits. Join our open organization.
</h5>
</div>
</header>
<div class="wrapper-main">
<section>
<div class="definitions">
<div>
<h3>Wardens</h3>
<p>
Hunt exploits in the smart contracts of decentralized protocols.
</p>
</div>
<div>
<h3>Sponsors</h3>
<p>Create bounty pools to attract wardens to audit your project.</p>
</div>
<div>
<h3>Judges</h3>
<p>Allocate bounty pools to wardens based on performance.</p>
</div>
</div>
<div class="active-contests">
<div class="wrapper-sponsor">
<svg viewBox="0 0 359 283" fill="none">
<path
fill="#FCECDB"
d="M351.99 0.0647624C351.99 0.0647624 183.453 42.3898 158.547 49.4524C68.3035 75.0018 71.8522 147.795 71.8793 148.351L71.8795 148.354C71.19 164.353 89.1153 157.113 89.1153 157.113L246.909 116.636C246.909 116.636 302.035 102.485 326.768 77.7028C351.502 52.9204 358.568 22.6955 357.965 9.07655C357.505 -1.35282 351.99 0.0647624 351.99 0.0647624ZM6.0101 281.075C6.0101 281.075 174.547 238.75 199.453 231.687C290.056 206.044 286.149 132.811 286.149 132.811C286.839 116.812 268.913 124.052 268.913 124.052L111.12 164.504C111.12 164.504 55.9652 178.654 31.2318 203.437C6.49844 228.219 -0.56824 258.444 0.0350317 272.063C0.494657 282.492 6.0101 281.075 6.0101 281.075Z"
></path>
</svg>
</div>
<div class="wrapper-contest-content">
<h4>
<a href="https://slingshot.finance">Slingshot Finance</a> contest
is live
</h4>
<div id="countdown">
<h5 class="wrapper-days">
<span class="days"></span>
days +
</h5>
<h5 class="wrapper-time">
<span class="hours"></span>
<span class="minutes"></span>
<span class="seconds"></span>
left
</h5>
</div>
<p>
Read the
<a
href="https://medium.com/@scott_lew_is/slingshot-finance-sponsors-20-000-usdc-guaranteed-distribution-bounty-pool-for-code-432n4s-first-789514a8dc99"
>announcement here</a
>. To get involved,
<a href="https://discord.gg/EY5dvm3evD">join our Discord server</a
>.
</p>
</div>
</div>
</section>
<section>
<h5>Want to learn more?</h5>
<div class="button-wrapper">
<a
class="button cta-button"
href="https://medium.com/@scott_lew_is/introducing-code-432n4-f4a12d92a35d"
><strong>Read the intro post</strong></a
>
</div>
</section>
</div>
<footer>
<span>An open organization</span>
<a href="https://twitter.com/code423n4">Twitter</a>
<a href="https://discord.gg/EY5dvm3evD">Discord</a>
<a href="https://github.com/code-423n4/">GitHub</a>
</footer>
<script>
function getTimeRemaining(endtime) {
const total = Date.parse(endtime) - Date.parse(new Date());
const seconds = Math.floor((total / 1000) % 60);
const minutes = Math.floor((total / 1000 / 60) % 60);
const hours = Math.floor((total / (1000 * 60 * 60)) % 24);
const days = Math.floor(total / (1000 * 60 * 60 * 24));
return {
total,
days,
hours,
minutes,
seconds,
};
}
function initializeClock(id, endtime) {
const clock = document.getElementById(id);
const daysSpan = clock.querySelector(".days");
const hoursSpan = clock.querySelector(".hours");
const minutesSpan = clock.querySelector(".minutes");
const secondsSpan = clock.querySelector(".seconds");
function updateClock() {
const t = getTimeRemaining(endtime);
daysSpan.innerHTML = t.days;
hoursSpan.innerHTML = ("0" + t.hours).slice(-2);
minutesSpan.innerHTML = ("0" + t.minutes).slice(-2);
secondsSpan.innerHTML = ("0" + t.seconds).slice(-2);
if (t.total <= 0) {
clearInterval(timeinterval);
}
}
updateClock();
const timeinterval = setInterval(updateClock, 1000);
}
const deadline = "February 21 2021 23:59:59 UTC";
initializeClock("countdown", deadline);
</script>
</body>
</html>