generated from layer5io/layer5-repo-template
-
Notifications
You must be signed in to change notification settings - Fork 7
/
landing.html
147 lines (129 loc) · 5.72 KB
/
landing.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
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Join the Layer5 Community</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css?family=OpenSans|Montserrat|Ubuntu&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://getnighthawk.dev/assets/css/main.css">
</head>
<a id="scroll-bottom-up" style="text-decoration: none; color: white;"></a>
<style>
body{
overflow: hidden;
}
pre {
border: 0px;
}
code {
border: 0px;
}
ul,li {
font-size: 1.5rem;
}
.highlight {
color: white;
background-color: black;
border: 0px;
padding: .35rem;
/* margin-bottom: 0rem; */
}
html {
background: "#3c494f";
}
html, body {
margin: 0;
padding: 0;
min-width: 400px;
}
body {
font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
}
a {
color: #00a4ca;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
img {
width: 100%;
}
h1 strong, h2 strong {
font-weight: 700;
}
h1 {
font-weight: 300;
font-size: 2.3em;
margin: 0;
}
h2 {
font-weight: 300;
font-size: 2.2em;
margin: 0 0 30px 0;
}
h3 {
font-size: 2em;
margin: 20px 0 10px 0;
}
p, address {
font-size: 1.38em;
color: #666;
margin-bottom: 20px;
font-weight: 300;
line-height: 1.4em;
}
.slanted-div-back {
background: linear-gradient(to left top, #00b39f 2%, white 60%);
height: 5rem;
margin-top: 2rem;
z-index: -1px;
}
.hero-section-div {
background: #ffffff;
text-align: center;
margin-top: 0rem;
}
.slanted-div-grad {
background: linear-gradient(to left bottom, #00b39f 2%, white 60%);
height: 5rem;
margin-top: -10rem;
z-index: -10px;
position: relative;
display: inline;
float: inline-end;
}
</style>
<body>
<!-- Hero-section starts -->
<section class="slanted-div-back">
</section>
<div class="hero-section-div">
<div class="hero-section-div-container">
<div class="hero-section-header">
<a aria-label="layer5" class="hero-section-img" href="/"><svg xmlns="http://www.w3.org/2000/svg" id="layer5-colorMode_svg__Layer_1" data-name="Layer 1" viewBox="0 0 576.9 94.19"><defs><style>.layer5-colorMode_svg__colorMode1{fill:#3c494f}.layer5-colorMode_svg__cls-2{fill:#00b39f}.layer5-colorMode_svg__cls-3{fill:#00d3a9}</style></defs><path d="M18.76 0H0v93.78h88.91V75.03H18.76V0zM135.84 0 98.33 93.78h21.39l25.5-65.64 18.17 46.89h-31.17l-7 18.75h66.89L154.59 0h-18.75zM218.58 32.83 195.14 0h-23.45l37.51 56.27v37.51h18.76V56.27L265.47 0h-23.15l-23.74 32.83zM273.56 14.77v79.01h88.9V75.03h-70.14V56.27h53.89V37.51h-53.89V18.76h70.14V0h-88.9v14.77zM392.92 17.88H441v19.51h-42.88l.18 17.88h12.87l34 38.51h23.16l-34-38.51h13.27a14.56 14.56 0 0 0 14.57-14.56V14.57A14.57 14.57 0 0 0 447.59 0h-73v93.78h18.76Z" class="layer5-colorMode_svg__colorMode1"></path><path id="layer5-colorMode_svg___Path_" d="M536.61.4h36.93v17.79h-36.93z" class="layer5-colorMode_svg__cls-2" data-name="<Path>"></path><path id="layer5-colorMode_svg___Path_2" d="M576.9 60.33V53c0-8.49-7.14-15.37-15.94-15.37h-59.6v-4.89h-21.82v21h75.54v6.57Z" class="layer5-colorMode_svg__cls-2" data-name="<Path>"></path><path id="layer5-colorMode_svg___Path_3" d="M501.36 26.93v-8.74h29.22V.4h-51.04v26.53h21.82z" class="layer5-colorMode_svg__cls-3" data-name="<Path>"></path><path id="layer5-colorMode_svg___Path_4" d="M555.08 66.05V76.4h-29.22v17.79h36a14.77 14.77 0 0 0 15-14.49V66.05Z" class="layer5-colorMode_svg__cls-3" data-name="<Path>"></path><path id="layer5-colorMode_svg___Path_5" d="M499.61 67v9.4h20.22v17.79h-26a14.77 14.77 0 0 1-15-14.49V67Z" class="layer5-colorMode_svg__cls-2" data-name="<Path>"></path></svg></a><nav class="nav"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" class="mobile-menu-icon" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"></path></svg>
<!-- <img src="{{ site.baseurl }}/assets/images/logos/nighthawk/stacked/nighthawk-full.svg" alt="getnighthawk-logo" class="hero-section-img"> -->
<div class="hero-section-header-text">
<span class="hero-section-logo-span">Join the Layer5 Community</span>
<div class="hero-section-para">
<p>
Hi! Welcome to the Layer5 community. As you get oriented with the community and its projects, will you consider filling in this form? It helps us get familiarized with you and you with the ongoing projects and community. There is much to learn around the technologies at-hand. We'll look to get you acclimated and engaged around your areas of interest and passion.
<button class="hero-section-button" type="button" name="Getting Started"><a class="hero-section-button-text" style="text-decoration: none" href="/docs">New Community Member Form</a></button>
</div>
</div>
</div>
<ul>
<li><a href="https://layer5.io/community/handbook">Community Handbook</a></li>
</ul>
<div class="hero-section-button-div">
<button class="hero-section-button" type="button" name="Getting Started"><a class="hero-section-button-text" style="text-decoration: none" href="/docs">Straight to Slack</a></button>
</div>
</div>
<div class="slanted-div" style="position: relative;
display: inline;
float: inline-end;"></div>
</div>
<div class="slanted-div-grad"></div
</body>
</html>