Skip to content

Commit b76a61e

Browse files
author
Alban Siffer
committed
update docs + landing page
1 parent 9f0b3bf commit b76a61e

File tree

5 files changed

+169
-43
lines changed

5 files changed

+169
-43
lines changed

‎sources/css/color.css

+3
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,11 @@
44
--powder-blue: #a8dadcff;
55
--celadon-blue: #457b9dff;
66
--prussian-blue: #1d3557ff;
7+
--title-color: var(--honeydew);
8+
--title-btn-color: var(--celadon-blue);
79
}
810

11+
912
/* redefine colors */
1013

1114
[data-md-color-scheme="youtube"] {

‎sources/css/landing.css

+27-15
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
1-
body, html {
1+
body,
2+
html {
23
margin: 0;
34
height: 100%;
45
overflow: hidden;
@@ -11,15 +12,24 @@ body, html {
1112
top: 25vh;
1213
}
1314

15+
.vanta {
16+
top: 0;
17+
position: fixed;
18+
left: 0;
19+
width: 100%;
20+
height: 100vh;
21+
}
22+
1423
h1 {
1524
font-weight: 800;
1625
font-size: 10em;
1726
margin: 0;
1827
width: 100%;
28+
color: var(--title-color);
1929
}
2030

2131
h2 {
22-
font-weight: lighter;
32+
font-weight: 300;
2333
width: 100%;
2434
font-size: 2em;
2535
margin: 0;
@@ -31,6 +41,7 @@ h2 {
3141
width: 100%;
3242
padding-left: 20%;
3343
padding-top: 1em;
44+
color: var(--title-color);
3445
}
3546

3647
.back {
@@ -44,7 +55,7 @@ h2 {
4455
}
4556

4657
.btn {
47-
border: solid 2px var(--celadon-blue);
58+
border: solid 2px var(--title-btn-color);
4859
border-radius: 0.1rem;
4960
text-decoration: none;
5061
padding: 0.5em 1em;
@@ -55,35 +66,36 @@ h2 {
5566
}
5667

5768
.btn-normal {
58-
color: white;
59-
background-color: var(--celadon-blue);
69+
color: var(--title-color);
70+
background-color: var(--title-btn-color);
6071
}
6172

6273
.btn-inv {
63-
color: var(--celadon-blue);
74+
color: var(--title-btn-color);
6475
background-color: transparent;
6576
}
6677

6778
.btn-inv-muted {
68-
color: var(--celadon-blue);
79+
color: var(--title-btn-color);
6980
background-color: transparent;
70-
opacity: 33%;
81+
opacity: 60%;
7182
}
7283

7384
.btn-normal:hover {
74-
background-color: var(--prussian-blue);
75-
border-color: var(--prussian-blue);
85+
background-color: var(--title-color);
86+
border-color: var(--title-color);
87+
color: var(--title-btn-color);
7688
}
7789

7890
.btn-inv:hover {
79-
color: var(--prussian-blue);
80-
border-color: var(--prussian-blue);
91+
color: var(--title-color);
92+
border-color: var(--title-color);
8193
}
8294

8395
.btn-inv-muted:hover {
84-
color: var(--prussian-blue);
85-
border-color: var(--prussian-blue);
86-
opacity: 100%;
96+
color: var(--title-color);
97+
border-color: var(--title-color);
98+
opacity: 90%;
8799
}
88100

89101
#background {

‎sources/index.html

+36-28
Original file line numberDiff line numberDiff line change
@@ -2,46 +2,32 @@
22
<html>
33

44
<head>
5-
<meta charset="UTF-8">
6-
<meta name="viewport" content="width=device-width, initial-scale=1">
7-
<link rel="icon" type="image/svg+xml" href="assets/favicon.svg"/>
8-
<link rel="preconnect" href="https://fonts.gstatic.com">
9-
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,700;0,900;1,400&display=swap" rel="stylesheet">
5+
<meta charset="UTF-8" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1" />
7+
<link rel="icon" type="image/svg+xml" href="assets/favicon.svg" />
8+
<link rel="preconnect" href="https://fonts.gstatic.com" />
9+
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,700;0,900;1,400&display=swap" rel="stylesheet" />
1010
<!-- <link rel="stylesheet" href="css/roboto.css"> -->
11-
<link rel="stylesheet" href="css/color.css">
12-
<link rel="stylesheet" href="css/nord.css">
13-
<link rel="stylesheet" href="css/landing.css">
11+
<link rel="stylesheet" href="css/color.css" />
12+
<link rel="stylesheet" href="css/nord.css" />
13+
<link rel="stylesheet" href="css/landing.css" />
1414
</head>
1515

1616
<body>
17-
18-
<div id="background">
19-
<svg version="1.1"
20-
xmlns="http://www.w3.org/2000/svg"
21-
class="back" height="100%" viewBox="0 0 170 170">
22-
<g transform="rotate(-45)">
23-
<g transform="translate(-60,60)">
24-
<rect x="10" y="10" width="100" height="100" fill="transparent" stroke="var(--celadon-blue)" stroke-width="10"/>
25-
<path d="M 35 35 h 50 v 50" fill="transparent" stroke="var(--celadon-blue)" stroke-width="10"/>
26-
<path d="M 35 85 l 50 -50" fill="transparent" stroke="var(--celadon-blue)" stroke-width="10"/>
27-
</g></g>
28-
<animate attributeType="XML" attributeName="width" from="1100" to="1100" dur="1s" repeatCount="indefinite"/>
29-
</svg>
17+
<div id="vanta" class="vanta">
3018
</div>
3119

3220
<div class="landing">
3321
<div class="container">
34-
<h1>netsp<svg version="1.1"
35-
xmlns="http://www.w3.org/2000/svg"
36-
width="1em" height="1em" viewBox="0 0 170 170" style="margin-bottom: -0.2em;">
22+
<h1>netsp<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 170 170" style="margin-bottom: -0.2em;">
3723
<g transform="rotate(-45)">
3824
<g transform="translate(-60,60)">
39-
<rect x="10" y="10" width="100" height="100" fill="transparent" stroke="var(--celadon-blue)" stroke-width="10"/>
40-
<path d="M 35 35 h 50 v 50" fill="transparent" stroke="var(--celadon-blue)" stroke-width="10"/>
41-
<path d="M 35 85 l 50 -50" fill="transparent" stroke="var(--celadon-blue)" stroke-width="10"/>
25+
<rect x="10" y="10" width="100" height="100" fill="transparent" stroke="var(--title-color)" stroke-width="10"/>
26+
<path d="M 35 35 h 50 v 50" fill="transparent" stroke="var(--title-color)" stroke-width="10"/>
27+
<path d="M 35 85 l 50 -50" fill="transparent" stroke="var(--title-color)" stroke-width="10"/>
4228
</g></g>
4329
</svg>t</h1>
44-
</h2>
30+
</h2>
4531
<h2>A simple IDS with statistical learning</h2>
4632
<div class="center">
4733
<a href="download/binaries" class="btn btn-normal">Install</a>
@@ -52,4 +38,26 @@ <h2>A simple IDS with statistical learning</h2>
5238
</div>
5339
</body>
5440

41+
<footer>
42+
<script src="js/three.min.js"></script>
43+
<script src="js/vanta.net.min.js"></script>
44+
<script>
45+
VANTA.NET({
46+
el: "#vanta",
47+
mouseControls: true,
48+
touchControls: true,
49+
gyroControls: false,
50+
minHeight: 200.0,
51+
minWidth: 200.0,
52+
scale: 1.0,
53+
scaleMobile: 1.0,
54+
points: 13.0,
55+
showDots: false,
56+
spacing: 15.0,
57+
color: "#a8dadc",
58+
backgroundColor: "#132239",
59+
});
60+
</script>
61+
</footer>
62+
5563
</html>

‎sources/js/three.min.js

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

0 commit comments

Comments
 (0)