diff options
Diffstat (limited to 'templates/main.html')
-rw-r--r-- | templates/main.html | 530 |
1 files changed, 350 insertions, 180 deletions
diff --git a/templates/main.html b/templates/main.html index 68846eb..80fd5a4 100644 --- a/templates/main.html +++ b/templates/main.html @@ -1,191 +1,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"> - <link rel="stylesheet" href="/styles/trustpilot.css"> - </head> - <body> - <header> - <div class="container"> - <div class="header__inner"> - <div class="header__logo-side"> - <a class="header__logo" href="/"> - <img src="/img/header/vyos-logo.svg" alt="VyOS Community" title="VyOS Community"> - </a> - <div class="header__text"> - <p>Open-source router and firewall platform</p> - </div> - </div> - <div class="header__links-side"> - <a href="/get">GET VYOS</a> - <a href="/contribute">CONTRIBUTE</a> - <a href="http://vyos.io">COMMERCIAL SERVICES</a> - </div> - </div> - </div> - </header> - <main> - <div class="container small" id="content"> - <!-- content is automatically inserted here --> - </div> - </main> - <footer> + <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" + /> - <div class="container"> - <div class="footer__inner"> - <div class="footer__logo-society"> - <div class="footer__logo-vyos"> - <a href="https://sentrium.io/" target="_blank" class="footer__logo--vyos"> - <img src="/img/footer/vyos-logo.svg" alt="VyOS Community" title="VyOS Community"> - </a> - </div> - <div class="footer__hr"> - <img src="/img/footer/line.svg"> - </div> - <div class="footer__socials"> - <a href="https://twitter.com/vyos_dev" target="_blank"> - <img src="/img/social-networks/twitter.svg" alt="VyOS on Twitter" title="VyOS on Twitter"> - </a> - <a href="https://www.linkedin.com/company/vyos/" target="_blank"> - <img src="/img/social-networks/linkedin.svg" alt="VyOS on Linkedin" title="VyOS on Linkedin"> - </a> - <a href="https://www.facebook.com/vyosofficial/" target="_blank"> - <img src="/img/social-networks/facebook.svg" alt="VyOS on Facebook" title="VyOS on Facebook"> - </a> - <a href="https://www.reddit.com/r/vyos/" target="_blank"> - <img src="/img/social-networks/reddit.svg" alt="VyOS on Reddit" title="VyOS on Reddit"> - </a> - </div> - </div> + <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="footer__links-trustpilot"> - <div class="footer__links"> - <div class="footer__column"> - <h3>Get VyOS</h3> - <ul> - <li><a href="/get/nightly-builds">Nightly builds</a></li> - <li><a href="/get/contributor-subscriptions">LTS release for contributors</a></li> - </ul> - </div> - <div class="footer__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="footer__column"> - <h3>Report a Bug</h3> - <ul> - <li><a href="https://phabricator.vyos.net/">Bug Tracker</a></li> - </ul> - </div> - <div class="footer__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 release subscriptions</a></li> - <li><a href="http://vyos.io/contact-us/">Custom development and consulting</a></li> - </ul> - </div> - </div> - <div id="trustpilot-widget" class="footer__trustpilot"> - <!-- inserted by widgets.insert-trustpilot-widget --> - </div> - </div> + <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> - <div class="footer__developer"> - <div class="footer__rights"> - <p>© 2021 VyOS maintainers and contributors.</p> - <a href='https://www.vyos.io/privacy-policy'>Privacy Policy</a> - <a href='https://www.vyos.io/terms-and-conditions'>Terms & Conditions</a> - </div> - <div class="footer__sentrium-logo"> - <a href="https://sentrium.io/" target="_blank" class="footer__logo"> - <img src="/img/footer/sentrium.svg" alt="Sentrium" title="Sentrium"> - </a> - </div> - </div> + <!-- 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> - <div class="footer__sm"> - <div class="footer__sm__contant"> + <!-- 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> - <div class="footer__sm__logos"> - <a href="/" class="footer__logo"> - <img src="/img/footer/vyos-logo-sm.svg" alt="VyOS Community" title="VyOS Community"> - </a> - <a href="https://www.packet.com/" class="footer__logo" target="_blank"> - <img src="/img/footer/packet-logo-sm.svg" alt="Packet" title="Packet"> - </a> - <a href="https://sentrium.io/" target="_blank" class="footer__logo"> - <img src="/img/footer/sentrium-logo-sm.svg" alt="Sentrium" title="Sentrium"> - </a> - </div> + <!-- 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> - <div class="footer__sm__society"> - <a href="https://twitter.com/vyos_dev" target="_blank" class="footer__logo"> - <img src="/img/social-networks/twitter-sm.svg" alt="VyOS on Twitter" title="VyOS on Twitter"> - </a> - <a href="https://www.linkedin.com/company/vyos/" target="_blank" class="footer__logo"> - <img src="/img/social-networks/linkedin-sm.svg" alt="VyOS on Linkedin" title="VyOS on Linkedin"> - </a> - <a href="https://www.facebook.com/vyosofficial/" target="_blank" class="footer__logo"> - <img src="/img/social-networks/facebook-sm.svg" alt="VyOS on Facebook" title="VyOS on Facebook"> - </a> - <a href="https://www.reddit.com/r/vyos/" target="_blank" class="footer__logo"> - <img src="/img/social-networks/reddit-sm.svg" alt="VyOS on Reddit" title="VyOS on Reddit"> - </a> - </div> + <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> - <div class="footer__sm__developer"> - <div class="footer__sm__privacy-policy"> - <a href='https://www.vyos.io/privacy-policy'>Privacy Policy</a> - <a href='https://www.vyos.io/terms-and-conditions'>Terms & Conditions</a> - </div> - <div class="footer__sm__rights"> - <p>© 2022 VyOS maintainers and contributors.</p> - </div> - </div> + <button + class="decline" + id="google-analytics-decline" + > + Decline + </button> + </div> + </div> + </aside> - </div> - </div> - - </div> - </div> - </footer> - - <aside class="google-analytics-message" id="google-analytics-message"> - <div class="container"> - <div class="google-analytics-message__content"> - <div class="google-analytics-message__content__img"> - <img src="/img/global/cookies.svg" alt="Cookies"> - </div> - <div class="google-analytics-message__content__text"> - <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> - </div> - <div class="google-analytics-message__buttons"> - <button class="google-analytics-message__buttons__accept" id="google-analytics-message-accept">Accept</button> - <button class="google-analytics-message__buttons__decline" id="google-analytics-message-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> - </body> + <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> |