Skip to content

Commit b269297

Browse files
Anita-ihumanAnita-ihuman
committed
created the about section page layout
Signed-off-by: Anita-ihuman <[email protected]>
1 parent 1861a38 commit b269297

File tree

5 files changed

+169
-4
lines changed

5 files changed

+169
-4
lines changed

‎docs/_sass/about.scss

Lines changed: 66 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,66 @@
1+
.hero-section-smp {
2+
}
3+
.hero-section-header {
4+
margin: 0;
5+
}
6+
.hero-section {
7+
padding: 0px;
8+
}
9+
.hero-section-smp {
10+
width: 80%;
11+
height: 100%;
12+
}
13+
.text {
14+
font-size: 20px;
15+
16+
text-align: left;
17+
}
18+
.hero-main .text {
19+
padding: 0 100px;
20+
}
21+
.whyGetnighthawk {
22+
flex-direction: row;
23+
display: flex;
24+
padding-top: 40px;
25+
}
26+
27+
.whyGetnighthawk .text {
28+
padding: 0px 100px;
29+
}
30+
.fig {
31+
display: flex;
32+
justify-content: center;
33+
padding-top: 40px;
34+
}
35+
.figbox{
36+
margin: 0px 40px;
37+
38+
}
39+
.fig img {
40+
padding: 0px 30px;
41+
object-fit: cover;
42+
width: 450px;
43+
height: 100%;
44+
border-radius: 20px;
45+
}
46+
.whyGetnighthawk-bold {
47+
padding: 40px 100px;
48+
font-family: Qanelas Soft;
49+
font-style: normal;
50+
font-weight: 600;
51+
font-size: 34px;
52+
line-height: 34px;
53+
color: #000000;
54+
overflow-wrap: normal;
55+
}
56+
57+
.hero-section-header-bold {
58+
font-family: Qanelas Soft;
59+
font-style: normal;
60+
font-weight: bold;
61+
font-size: 45px;
62+
line-height: 50px;
63+
text-align: center;
64+
color: #000000;
65+
padding-top: 30px;
66+
}

‎docs/assets/css/main.scss

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,4 +3,5 @@
33
@import "getnighthawk.scss";
44
@import "faq.scss";
55
@import "getnighthawk-purpose.scss";
6-
@import "explain.scss";
6+
@import "explain.scss";
7+
@import "about.scss"

‎docs/assets/images/nighthawk-meshery.png

42.6 KB
Loading

‎docs/assets/images/smp-standard.png

110 KB
Loading

‎docs/pages/about.html

Lines changed: 101 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,104 @@
22
layout: plain
33
permalink: /about
44
---
5-
<p>
6-
Blank. </p>
7-
<p>See <a href="/docs">docs</a>.</p>
5+
6+
<html>
7+
<head>
8+
<meta charset="utf-8" />
9+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
10+
<title>GetNighthawk</title>
11+
<meta name="description" content="" />
12+
<meta name="viewport" content="width=device-width, initial-scale=1" />
13+
14+
<link
15+
rel="stylesheet"
16+
href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
17+
integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh"
18+
crossorigin="anonymous"
19+
/>
20+
<link
21+
href="https://fonts.googleapis.com/css?family=Montserrat|Ubuntu&display=swap"
22+
rel="stylesheet"
23+
/>
24+
25+
<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/main.css" />
26+
27+
<script
28+
src="https://kit.fontawesome.com/2ffe680fa0.js"
29+
crossorigin="anonymous"
30+
></script>
31+
<link
32+
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
33+
rel="stylesheet"
34+
integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl"
35+
crossorigin="anonymous"
36+
/>
37+
</head>
38+
<style>
39+
body {
40+
overflow: hidden;
41+
}
42+
</style>
43+
<br /><br /><br /><br /><br /><br />
44+
45+
<section class="hero-section">
46+
<figure class="hero-section-header">
47+
<img
48+
src="{{ site.baseurl }}/assets/images/smp-standard.png"
49+
alt="smp-standard"
50+
class="hero-section-smp"
51+
/>
52+
</figure>
53+
<article class="hero-main">
54+
<div class="hero-section-">
55+
<h3 class="hero-section-header-bold">What is Nighthawk?</h3>
56+
</div>
57+
<div>
58+
<p class="text">
59+
Nighthawk is growing in popularity, but the core project only builds
60+
to one architecture / one Docker image. Recently, Nighthawk is being
61+
improved so that it can be horizontally scalable - such that multiple
62+
instances will be cognizant of one another and able to coordinate
63+
amongst each other. Nighthawk is a subproject of Envoy. Nighthawk is
64+
growing in popularity with Google, Red Hat, and AWS are investing into
65+
it. Istio is considering switching from Fortio to Nighthawk.
66+
</p>
67+
</div>
68+
</article>
69+
<article class="whyGetnighthawk">
70+
<div class="whyGetnighthawk-bold">
71+
<h4>Why GetNighthawk?</h4>
72+
</div>
73+
74+
<div>
75+
<p class="text">
76+
Nighthawk is growing in popularity, but the core project only builds
77+
to one architecture / one Docker image. Recently, Nighthawk is being
78+
improved so that it can be horizontally scalable - such that multiple
79+
instances will be cognizant of one another and able to coordinate
80+
amongst each other. Nighthawk is a subproject of Envoy. Nighthawk is
81+
growing in popularity with Google, Red Hat, and AWS are investing into
82+
it. Istio is considering switching from Fortio to Nighthawk.
83+
</p>
84+
</div>
85+
</article>
86+
<div class="fig">
87+
<figure class="figbox">
88+
<img
89+
src="{{ site.baseurl }}/assets/images/nighthawk-meshery.png"
90+
alt="nighthawk-meshery"
91+
object-fit="cover"
92+
width='450px'
93+
/>
94+
</figure>
95+
<figure class="figbox">
96+
<img
97+
src="{{ site.baseurl }}/assets/images/latency-at-scale.png"
98+
alt="latency-at-scale"
99+
object-fit="cover"
100+
width='450px'
101+
/>
102+
</figure>
103+
</div>
104+
</section>
105+
</html>

0 commit comments

Comments
 (0)