summaryrefslogtreecommitdiff
path: root/templates/main.html
blob: 80fd5a460b3c2d7eb9dadb1c17c0794b6a3815c6 (plain)
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
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<title>VyOS Community</title>
		<meta
			name="viewport"
			content="width=device-width, initial-scale=1.0"
		/>
		<link
			rel="apple-touch-icon"
			sizes="180x180"
			href="/img/favicon/apple-touch-icon.png"
		/>
		<link
			rel="icon"
			type="image/png"
			sizes="32x32"
			href="/img/favicon/favicon-32x32.png"
		/>
		<link
			rel="icon"
			type="image/png"
			sizes="16x16"
			href="/img/favicon/favicon-16x16.png"
		/>
		<link
			rel="manifest"
			href="/img/favicon/site.webmanifest"
		/>
		<link
			rel="mask-icon"
			href="/img/favicon/safari-pinned-tab.svg"
			color="#5bbad5"
		/>
		<meta
			name="msapplication-TileColor"
			content="#da532c"
		/>
		<meta
			name="theme-color"
			content="#ffffff"
		/>
		<link
			rel="stylesheet"
			href="/main.css"
		/>
	</head>
	<body>
		<header id="header">
			<div
				class="navigation"
				id="navigation"
			>
				<div class="containerCustom">
					<div class="header">
						<div class="logo">
							<a href="/">
								<img
									src="/img/header/vyos-logo.svg"
									alt="VyOS Community"
									title="VyOS Community"
								/>
							</a>
							<p>Open-source router and firewall platform</p>
						</div>
						<div class="links">
							<a href="/get">GET VYOS</a>
							<a href="/contribute">CONTRIBUTE</a>
							<a href="http://vyos.io">COMMERCIAL SERVICES</a>
							<a href="tel:+13234882459">
								<img
									src="/img/header/tel-icon.svg"
									alt="tel"
									title="tel"
								/>
								<span>+1 323 488 2459</span>
							</a>
						</div>
						<div class="mobile-menu">
							<div class="upper-part">
								<a
									href="tel:+13234882459"
									class="tel-link"
								>
									<img
										src="/img/header/tel-icon.svg"
										alt="tel"
										title="tel"
									/>
								</a>
								<img
									src="/img/header/hamburger-menu-icon.svg"
									id="burgerMenu"
									class="visible"
								/>
								<img
									src="/img/global/close-icon.svg"
									id="closeIcon"
									class="not__visible"
								/>
							</div>
							<div
								class="bottom-part not__visible"
								id="bottomPartOfBurgerMenu"
							>
								<div class="bottom-menu">
									<a href="/get">GET VYOS</a>
									<a href="/contribute">CONTRIBUTE</a>
									<a href="http://vyos.io">COMMERCIAL SERVICES</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</header>
		<main>
			<div
				id="content"
			>
				<!-- content is automatically inserted here -->
			</div>
		</main>
		<footer>
			<div class="containerCustom">
				<div class="inner">
					<div class="top">
						<div class="sentrium-column">
							<div>
								<img
									src="/img/footer/sentrium.svg"
									alt="VyOS Community"
									title="VyOS Community"
								/>

								<p>Digital transformation of your business with Sentrium</p>
							</div>
							<a
								href="https://sentrium.io/"
								target="_blank"
								>Visit Sentrium</a
							>
						</div>
						<div class="links-columns">
							<div class="links-column">
								<h3>Get VyOS</h3>
								<ul>
									<li>
										<a href="/get/nightly-builds">Nightly Builds</a>
									</li>
									<li>
										<a href="/get/contributor-subscriptions"
											>LTS for Contributors</a
										>
									</li>
								</ul>
							</div>
							<div class="links-column">
								<h3>Contribute</h3>
								<ul>
									<li><a href="/contribute">Introduction</a></li>
									<li><a href="https://github.com/vyos">Code on GitHub</a></li>
									<li>
										<a href="https://phabricator.vyos.net/maniphest"
											>Open Tasks</a
										>
									</li>
								</ul>
							</div>
							<div class="links-column">
								<h3>Report a Bug</h3>
								<ul>
									<li>
										<a href="https://phabricator.vyos.net/">Bug Tracker</a>
									</li>
								</ul>
							</div>
							<div class="links-column">
								<h3>Commercial Services</h3>
								<ul>
									<li>
										<a href="https://vyos.io/subscriptions/support/"
											>Commercial Support</a
										>
									</li>
									<li>
										<a href="https://vyos.io/subscriptions/software/"
											>LTS Subscription</a
										>
									</li>
									<li>
										<a href="http://vyos.io/contact-us/"
											>Custom developing and consulting</a
										>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="form-footer">
						<div class="inner">
							<h3>Subscribe to our Blog!</h3>
							<p>All the latest news and sneak peeks directly in your inbox.</p>
						</div>
						<div
							class="form-div"
							id="form-div"
						></div>
					</div>
					<div class="bottom">
						<p>© 2024 vyos.io All rights reserved.</p>

						<div class="social-logos">
              <!-- twitter icon -->
							<a
								href="https://twitter.com/vyos_dev"
								target="_blank"
							>
								<svg
									width="20"
									height="16"
									viewBox="0 0 20 16"
									fill="none"
									xmlns="http://www.w3.org/2000/svg"
								>
									<path
										d="M20 1.89305C19.2639 2.21429 18.4741 2.43216 17.6442 2.52942C18.4915 2.02968 19.1402 1.23702 19.4476 0.295398C18.6527 0.758193 17.7754 1.09424 16.8406 1.27641C16.092 0.489895 15.0271 0 13.8461 0C11.5803 0 9.74312 1.80937 9.74312 4.03969C9.74312 4.35601 9.77936 4.66496 9.84936 4.96039C6.44001 4.79174 3.41684 3.18301 1.39347 0.738495C1.03977 1.33425 0.838563 2.02842 0.838563 2.76943C0.838563 4.1714 1.56343 5.40841 2.66324 6.13213C1.99085 6.10999 1.35847 5.92782 0.804838 5.62502V5.67549C0.804838 7.63256 2.21958 9.2659 4.09546 9.63764C3.75177 9.72873 3.38935 9.7792 3.01442 9.7792C2.74948 9.7792 2.49327 9.75335 2.24206 9.70411C2.76445 11.3104 4.27919 12.4785 6.07387 12.5105C4.67037 13.5937 2.90069 14.2374 0.978564 14.2374C0.647387 14.2374 0.321177 14.2177 0 14.182C1.81592 15.3304 3.97177 16 6.28883 16C13.8362 16 17.9617 9.84321 17.9617 4.50374L17.9479 3.98063C18.754 3.41439 19.4513 2.70297 20 1.89305Z"
										fill="#525659"
									/>
								</svg>
							</a>

              <!-- linkedin icon -->
							<a
								href="https://www.linkedin.com/company/vyos/"
								target="_blank"
							>
								<svg
									width="21"
									height="20"
									viewBox="0 0 21 20"
									fill="none"
									xmlns="http://www.w3.org/2000/svg"
								>
									<path
										d="M21 12.262V20H16.499V12.7802C16.499 10.9666 15.848 9.72881 14.2188 9.72881C12.9751 9.72881 12.235 10.563 11.9094 11.3699C11.7906 11.6583 11.7601 12.0598 11.7601 12.4636V20H7.25758C7.25758 20 7.31822 7.77208 7.25758 6.50518H11.7596V8.41801C11.7505 8.43232 11.7386 8.44775 11.73 8.46161H11.7596V8.41801C12.3578 7.49982 13.426 6.18815 15.817 6.18815C18.7793 6.1881 21 8.1169 21 12.262ZM2.54778 0C1.00748 0 0 1.00695 0 2.33113C0 3.62645 0.978334 4.66397 2.48802 4.66397H2.51809C4.08822 4.66397 5.0647 3.62665 5.0647 2.33113C5.03511 1.00695 4.08822 0 2.54778 0ZM0.267409 20H4.76819V6.50518H0.267409V20Z"
										fill="#525659"
									/>
								</svg>
							</a>

              <!-- facebook icon -->
							<a
								href="https://www.facebook.com/vyosofficial/"
								target="_blank"
							>
								<svg
									width="11"
									height="20"
									viewBox="0 0 11 20"
									fill="none"
									xmlns="http://www.w3.org/2000/svg"
								>
									<path
										d="M10.5858 0.00416134L7.94737 0C4.98322 0 3.06766 1.9319 3.06766 4.92203V7.19141H0.414863C0.18563 7.19141 0 7.37409 0 7.59943V10.8875C0 11.1128 0.185842 11.2953 0.414863 11.2953H3.06766V19.5922C3.06766 19.8175 3.25329 20 3.48252 20H6.94366C7.17289 20 7.35852 19.8173 7.35852 19.5922V11.2953H10.4603C10.6895 11.2953 10.8751 11.1128 10.8751 10.8875L10.8764 7.59943C10.8764 7.49123 10.8326 7.38762 10.7549 7.31105C10.6772 7.23448 10.5714 7.19141 10.4613 7.19141H7.35852V5.26763C7.35852 4.34298 7.58267 3.87358 8.808 3.87358L10.5853 3.87295C10.8144 3.87295 11 3.69027 11 3.46514V0.411972C11 0.187052 10.8146 0.00457747 10.5858 0.00416134Z"
										fill="#525659"
									/>
								</svg>
							</a>

              <!-- reddit icon -->
							<a
								href="https://www.reddit.com/r/vyos/"
								target="_blank"
							>
								<svg
									width="24"
									height="22"
									viewBox="0 0 24 22"
									fill="none"
									xmlns="http://www.w3.org/2000/svg"
								>
									<path
										d="M20.0231 0.241206C20.8974 -0.172709 22.0169 -0.0485345 22.7526 0.572338C23.4349 1.11043 23.7761 2.02104 23.6162 2.85922C23.4989 3.56288 23.0511 4.21479 22.422 4.56662C21.6437 5.03228 20.5988 5.02193 19.8205 4.55627C19.2448 4.23549 18.8396 3.66635 18.6584 3.04548C17.4323 2.79713 16.2061 2.53844 14.98 2.26939C14.4256 3.9561 13.8818 5.65315 13.3274 7.33985C15.1613 7.48472 16.9738 7.87794 18.6477 8.61264C19.0849 8.14699 19.6286 7.75377 20.279 7.61925C21.3345 7.33985 22.5073 7.71238 23.2323 8.49881C23.7121 9.00586 23.9574 9.66813 24 10.3511V10.5477C23.9574 11.2824 23.6268 11.955 23.1364 12.5034C23.6482 13.6417 23.7761 14.9559 23.3816 16.1459C22.8592 17.7602 21.5797 19.033 20.1191 19.9125C17.8801 21.2888 15.2146 21.8993 12.5917 21.9925C9.95824 22.0649 7.2821 21.6199 4.91515 20.4817C3.20924 19.6435 1.59929 18.4017 0.820968 16.6529C0.2239 15.3491 0.266548 13.8073 0.863616 12.5138C0.383829 11.955 0.0319858 11.2824 0 10.5477V10.3407C0.0426477 9.84404 0.170591 9.33699 0.458463 8.91273C1.00222 8.03316 2.05775 7.49507 3.10262 7.52611C3.9769 7.55716 4.79787 7.98142 5.35229 8.61264C7.29276 7.75377 9.42514 7.3502 11.5469 7.30881C12.2079 5.24958 12.8903 3.19035 13.5513 1.14147C13.6473 0.717209 14.1057 0.396424 14.5429 0.499903C15.9609 0.799992 17.3789 1.08973 18.797 1.40017C19.0849 0.924166 19.49 0.479207 20.0231 0.241206ZM1.16215 9.78195C0.93825 10.3304 1.02355 10.9616 1.32208 11.4687C2.1004 10.4235 3.14527 9.60604 4.29676 8.97482C3.81697 8.61264 3.16659 8.43673 2.56952 8.5816C1.92981 8.72647 1.38605 9.18178 1.16215 9.78195ZM19.7139 8.96447C20.8654 9.59569 21.9103 10.4235 22.6886 11.4687C22.9125 11.0651 23.0404 10.5891 22.9445 10.1234C22.8272 9.41978 22.2621 8.80925 21.5478 8.61264C20.9294 8.40568 20.2257 8.5816 19.7139 8.96447ZM7.39938 11.1272C6.46113 11.3755 5.7681 12.2965 5.84274 13.2381C5.86406 14.1695 6.63172 15.0076 7.56997 15.1835C8.01777 15.2353 8.4869 15.2249 8.89205 15.0283C9.63838 14.7075 10.1502 13.9315 10.1395 13.1347C10.1608 12.3379 9.64905 11.5618 8.89205 11.2514C8.43359 11.0134 7.88983 11.0134 7.39938 11.1272ZM15.4065 11.1272C14.5535 11.3652 13.8925 12.1516 13.8712 13.0208C13.8179 13.7969 14.2763 14.5937 14.98 14.9559C15.6197 15.3077 16.462 15.2974 17.1017 14.9249C17.7414 14.5627 18.1786 13.859 18.1679 13.1243C18.1786 12.3172 17.6562 11.5411 16.8992 11.2203C16.4407 11.0237 15.8969 11.003 15.4065 11.1272ZM8.04976 16.4977C7.6446 16.5909 7.32474 16.9737 7.37805 17.3773C7.39938 17.8326 7.83652 18.1017 8.16704 18.35C9.53176 19.2192 11.2377 19.4055 12.8263 19.2917C14.1377 19.1468 15.5558 18.8053 16.4727 17.8119C16.9098 17.3049 16.462 16.4667 15.7903 16.477C15.2679 16.4563 15.012 16.9737 14.5642 17.1393C13.4127 17.667 12.08 17.7188 10.8325 17.5532C10.1288 17.429 9.3825 17.2428 8.86006 16.7461C8.65749 16.5391 8.33763 16.4253 8.04976 16.4977Z"
										fill="#525659"
									/>
								</svg>
							</a>
						</div>
					</div>
				</div>
			</div>
		</footer>

		<aside
			class="google-analytics-message"
			id="google-analytics-message"
		>
			<div class="containerCustom">
				<svg
					id="google-analytics-decline"
					width="24"
					height="24"
					viewBox="0 0 24 24"
					fill="none"
					xmlns="http://www.w3.org/2000/svg"
				>
					<path
						d="M1.33325 1.29822L22.6666 22.0701M22.6666 1.29822L1.33325 22.0701"
						stroke-width="3"
					/>
				</svg>
				<h5>Allow Analytics</h5>
				<p>
					We use Google Analytics to get analytics and metrics about our
					visitors on our website. This helps us to improve the quality of the
					content and the usability of the site. The collected information is
					not shared with third parties. Google Analytics stores cookies on your
					computer.
				</p>
				<p>
					If you decline, your information won’t be tracked when you visit this
					website. A single cookie will be used in your browser to remember your
					preference not to be tracked.
				</p>
				<div class="buttons">
					<button
						class="accept"
						id="google-analytics-accept"
					>
						Accept
					</button>

					<button
						class="decline"
						id="google-analytics-decline"
					>
						Decline
					</button>
				</div>
			</div>
		</aside>

		<script
			async
			src="https://www.googletagmanager.com/gtag/js?id=G-J3WHFQG00P"
		></script>
		<script src="/js/google-analytics-message.js"></script>
		<script src="/js/burger-manu-click-handler.js"></script>
		<script src="https://unpkg.com/@rive-app/canvas@2.9.1"></script>
		<script src="/js/rive-animations.js"></script>
		<script src="/js/scroll-detector-for-header.js"></script>
		<script src="/js/form-insertions.js"></script>
		<script
			charset="utf-8"
			type="text/javascript"
			src="//js.hsforms.net/forms/embed/v2.js"
		></script>
	</body>
</html>