Skip to content

Commit 3b4d933

Browse files
leecalcoteleecalcote
authored
Merge pull request #91 from Anita-ihuman/master
Fixed the font family and styling
2 parents 1861a38 + df52d93 commit 3b4d933

File tree

6 files changed

+368
-59
lines changed

6 files changed

+368
-59
lines changed

‎docs/_sass/about.scss

Lines changed: 108 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,108 @@
1+
.hero-section {
2+
padding: 0px;
3+
}
4+
.hero-section_header {
5+
margin: 0;
6+
}
7+
.hero-section-smp {
8+
width: 88%;
9+
height: 100%;
10+
}
11+
12+
.hero-section_content,
13+
.text {
14+
font-size: 21px;
15+
text-align: left;
16+
padding-left: 0px;
17+
padding-top: 10px;
18+
padding: 0px 40px;
19+
line-height: 32px;
20+
align-items: center;
21+
}
22+
.hero-section_bold {
23+
font-family: Qanelas Soft;
24+
font-style: normal;
25+
font-weight: bold;
26+
font-size: 45px;
27+
line-height: 50px;
28+
text-align: center;
29+
color: #000000;
30+
padding: 20px 0px;
31+
}
32+
33+
.whyGetnighthawk {
34+
justify-content: space-around;
35+
display: flex;
36+
margin-top: 70px;
37+
padding-left: 85px;
38+
align-self: center;
39+
}
40+
41+
.whyGetnighthawk,
42+
.text2 {
43+
font-size: 21px;
44+
line-height: 32px;
45+
display: flex;
46+
text-align: left;
47+
}
48+
49+
.whyGetnighthawk-bold {
50+
width: 400px;
51+
font-family: Qanelas Soft;
52+
font-style: normal;
53+
font-weight: 600;
54+
font-size: 34px;
55+
line-height: 34px;
56+
color: #000000;
57+
overflow-wrap: normal;
58+
}
59+
60+
.nighthawk-meshery-fig {
61+
display: flex;
62+
justify-content: center;
63+
padding-top: 40px;
64+
}
65+
.figbox {
66+
margin: 0px 60px;
67+
padding: 0px 30px;
68+
width: 60%;
69+
}
70+
.figbox2 {
71+
margin: 0px 10px;
72+
padding: 0px 50px;
73+
width: 70%;
74+
padding-top: 32px;
75+
}
76+
.nighthawk-meshery-fig,
77+
img {
78+
text-align: center;
79+
border-radius: 20px;
80+
}
81+
82+
@media only screen and (max-width: 768px) {
83+
.whyGetnighthawk {
84+
flex-wrap: wrap;
85+
padding: 50px;
86+
text-align: center;
87+
}
88+
.whyGetnighthawk .text2 {
89+
padding: 30px;
90+
text-align: left;
91+
}
92+
.nighthawk-meshery-fig {
93+
flex-wrap: wrap;
94+
padding: 0px;
95+
}
96+
.hero-section {
97+
margin: 100px;
98+
}
99+
.figbox {
100+
width: 100%;
101+
padding: 30px;
102+
}
103+
.figbox2 {
104+
width: 100%;
105+
padding: 30px;
106+
margin: 0;
107+
}
108+
}

‎docs/assets/css/main.scss

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,8 @@
11
---
22
---
3+
34
@import "getnighthawk.scss";
45
@import "faq.scss";
56
@import "getnighthawk-purpose.scss";
6-
@import "explain.scss";
7+
@import "explain.scss";
8+
@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: 137 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,140 @@
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 href="http://fonts.cdnfonts.com/css/qanelas-soft" rel="stylesheet" />
21+
22+
<link
23+
href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400&display=swap"
24+
rel="stylesheet"
25+
/>
26+
<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/main.css" />
27+
28+
<script
29+
src="https://kit.fontawesome.com/2ffe680fa0.js"
30+
crossorigin="anonymous"
31+
></script>
32+
<link
33+
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
34+
rel="stylesheet"
35+
integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl"
36+
crossorigin="anonymous"
37+
/>
38+
<script
39+
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
40+
integrity="sha384-b5kHyXgcpbZJO/tY9Ul7kGkf1S0CWuKcCD38l8YkeH8z8QjE0GmW1gYU5S9FOnJ0"
41+
crossorigin="anonymous"
42+
></script>
43+
<script
44+
src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"
45+
integrity="sha384-KsvD1yqQ1/1+IA7gi3P0tyJcT3vR+NdBTt13hSJ2lnve8agRGXTTyNaBYmCR/Nwi"
46+
crossorigin="anonymous"
47+
></script>
48+
<script
49+
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
50+
integrity="sha384-nsg8ua9HAw1y0W1btsyWgBklPnCUAFLuTMS2G72MMONqmOymq585AcH49TLBQObG"
51+
crossorigin="anonymous"
52+
></script>
53+
<link
54+
rel="stylesheet"
55+
href="https://cdn.jsdelivr.net/gh/fancyapps/[email protected]/dist/jquery.fancybox.min.css"
56+
/>
57+
<script src="https://cdn.jsdelivr.net/gh/fancyapps/[email protected]/dist/jquery.fancybox.min.js"></script>
58+
<script
59+
src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
60+
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
61+
crossorigin="anonymous"
62+
></script>
63+
<script
64+
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
65+
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
66+
crossorigin="anonymous"
67+
></script>
68+
<script
69+
src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
70+
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
71+
crossorigin="anonymous"
72+
></script>
73+
</head>
74+
<style>
75+
body {
76+
overflow: hidden;
77+
}
78+
</style>
79+
<br /><br /><br /><br /><br /><br />
80+
81+
<section class="hero-section">
82+
<figure class="hero-section_header">
83+
<img
84+
src="{{ site.baseurl }}/assets/images/smp-standard.png"
85+
alt="smp-standard"
86+
class="hero-section-smp"
87+
/>
88+
</figure>
89+
<article class="hero-section_content">
90+
<div>
91+
<h3 class="hero-section_bold">What is Nighthawk?</h3>
92+
</div>
93+
<div class="-text">
94+
<p class="text">
95+
Nighthawk is growing in popularity, but the core project only builds
96+
to one architecture / one Docker image. Recently, Nighthawk is being
97+
improved so that it can be horizontally scalable - such that multiple
98+
instances will be cognizant of one another and able to coordinate
99+
amongst each other. Nighthawk is a subproject of Envoy. Nighthawk is
100+
growing in popularity with Google, Red Hat, and AWS are investing into
101+
it. Istio is considering switching from Fortio to Nighthawk.
102+
</p>
103+
</div>
104+
</article>
105+
<article class="whyGetnighthawk">
106+
<div >
107+
<h4 class="whyGetnighthawk-bold">Why GetNighthawk?</h4>
108+
</div>
109+
110+
<div>
111+
<p class="text2">
112+
Nighthawk is growing in popularity, but the core project only builds
113+
to one architecture / one Docker image. Recently, Nighthawk is being
114+
improved so that it can be horizontally scalable - such that multiple
115+
instances will be cognizant of one another and able to coordinate
116+
amongst each other. Nighthawk is a subproject of Envoy. Nighthawk is
117+
growing in popularity with Google, Red Hat, and AWS are investing into
118+
it. Istio is considering switching from Fortio to Nighthawk.
119+
</p>
120+
</div>
121+
</article>
122+
<div class="nighthawk-meshery-fig">
123+
<figure class="figbox">
124+
<img
125+
src="{{ site.baseurl }}/assets/images/nighthawk-meshery.png"
126+
alt="nighthawk-meshery"
127+
object-fit="cover"
128+
129+
/>
130+
</figure>
131+
<figure class="figbox2" >
132+
<img
133+
src="{{ site.baseurl }}/assets/images/latency-at-scale.png"
134+
alt="latency-at-scale"
135+
object-fit="cover"
136+
137+
/>
138+
</figure>
139+
</div>
140+
</section>
141+
</html>

0 commit comments

Comments
 (0)