162 lines
18 KiB
Handlebars
162 lines
18 KiB
Handlebars
<header>
|
|
<div class="col">
|
|
<a href="https://status.im" class="logo dm"><img src="{{asset "img/logo-dm.svg"}}"></a>
|
|
<a href="https://status.im" class="logo"><img src="{{asset "img/logo.svg"}}"></a>
|
|
</div>
|
|
<nav>
|
|
<ul>
|
|
<li class="has-submenu">
|
|
<a href="#">Features<i class="arrow"></i></a>
|
|
<div class="submenu">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-5 text-right">
|
|
<h4>Features</h4>
|
|
<p class="p-large">Private Messenger, Crypto Wallet,<br>Web3 Browser, and more</p>
|
|
</div>
|
|
<div class="col-md-5 offset-md-1">
|
|
<ul>
|
|
<li><a href="https://status.im/private-messenger/" class="link-arrow">Private Messenger</a></li>
|
|
<li><a href="https://status.im/account-creation/" class="link-arrow">Account Creation</a></li>
|
|
<li><a href="https://status.im/secure-wallet/" class="link-arrow">Secure Crypto Wallet</a></li>
|
|
<li><a href="https://status.im/keycard-integration/" class="link-arrow">Keycard</a></li>
|
|
<li><a href="https://status.im/web-three-browser/" class="link-arrow">Web3 Browser</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="has-submenu">
|
|
<a href="https://status.im/get-involved/">Get Involved <i class="arrow"></i></a>
|
|
<div class="submenu">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-5 text-right">
|
|
<h4>Get Involved</h4>
|
|
<p class="p-large">Status is an open source project <br>made by people all over the world.</p>
|
|
<a href="https://status.im/get-involved/" class="link-arrow">Learn more</a>
|
|
</div>
|
|
<div class="col-md-4 offset-md-1">
|
|
<ul>
|
|
<li><a href="https://status.im/get-involved/developers/" class="link-arrow">Developers</a></li>
|
|
<li>
|
|
<ul class="social-links">
|
|
<li>
|
|
<a href="https://discuss.status.im/" target="_blank" class="icon-discourse">
|
|
<svg width="16" height="19" viewbox="0 0 16 19" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path opacity="0.5" d="M8.06786 1.14307C3.68929 1.14307 0 4.66092 0 9.00378C0 9.14307 0.00357143 17.1431 0.00357143 17.1431L8.06786 17.1359C12.45 17.1359 16 13.4824 16 9.1395C16 4.79664 12.45 1.14307 8.06786 1.14307ZM8 13.7145C7.30714 13.7145 6.64643 13.5609 6.05714 13.2824L3.16071 14.0002L3.97857 11.3216C3.62857 10.6752 3.42857 9.93235 3.42857 9.14307C3.42857 6.61807 5.475 4.57164 8 4.57164C10.525 4.57164 12.5714 6.61807 12.5714 9.14307C12.5714 11.6681 10.525 13.7145 8 13.7145Z" fill="#090909"/>
|
|
</svg>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://join.status.im/status" target="_blank" class="icon-status">
|
|
<svg width="15" height="16" viewbox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd" d="M7.56399 7.53454C8.44481 7.62823 9.32562 7.72186 10.4085 7.66023C13.3425 7.49313 15.1198 5.95469 14.9937 3.6551C14.8652 1.31539 12.5007 -0.126087 10.1349 0.00869768C6.27942 0.228154 3.44428 3.68621 3.12497 7.6386C3.64857 7.51329 4.19968 7.43847 4.71939 7.4089C5.80237 7.34727 6.68318 7.4409 7.56399 7.53454ZM0.00597997 12.6495C0.12764 14.7943 2.3677 16.1156 4.60907 15.992C8.26156 15.7908 10.9476 12.6209 11.25 8.9979C10.754 9.11278 10.2319 9.18145 9.73953 9.20852C8.71356 9.26504 7.87904 9.17921 7.04453 9.09332C6.21007 9.0075 5.37556 8.92167 4.34965 8.97819C1.57021 9.13134 -0.113675 10.5415 0.00597997 12.6495Z" fill="#090909"/>
|
|
</svg>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://www.facebook.com/ethstatus" class="icon-facebook" target="_blank">
|
|
<svg width="8" height="15" viewbox="0 0 8 15" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd" d="M5.203 8.07013H7.552L7.905 5.43713H5.203V3.74713C5.203 2.98313 5.416 2.46213 6.552 2.46213H8V0.100131C7.29882 0.0310031 6.59457 -0.00237344 5.89 0.000131122C3.8 0.000131122 2.37 1.22513 2.37 3.48613V5.43613H0V8.07013H2.371V14.8571H5.203V8.07013Z" fill="#090909"/>
|
|
</svg>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://twitter.com/ethstatus" class="icon-twitter" target="_blank">
|
|
<svg width="15" height="13" viewbox="0 0 15 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd" d="M13.232 2.056C13.8854 1.63145 14.3656 0.987398 14.586 0.24C13.987 0.62 13.325 0.89 12.631 1.036C12.0671 0.382464 11.2482 0.00470955 10.385 0C8.685 0 7.307 1.469 7.307 3.282C7.307 3.533 7.334 3.784 7.388 4.029C4.83 3.893 2.562 2.587 1.044 0.601C0.768819 1.10728 0.625742 1.67477 0.628 2.251C0.628 3.389 1.17 4.394 1.996 4.982C1.50422 4.96489 1.02473 4.82386 0.602 4.572V4.613C0.602 6.203 1.664 7.53 3.072 7.831C2.62003 7.96171 2.14316 7.98126 1.682 7.888C2.073 9.192 3.21 10.14 4.557 10.167C3.2938 11.2353 1.64202 11.7279 0 11.526C1.38681 12.4836 3.03169 12.9976 4.717 13C10.377 13 13.473 8 13.473 3.662C13.473 3.52 13.47 3.378 13.464 3.238C14.0725 2.76702 14.5926 2.19176 15 1.539C14.4416 1.80337 13.8449 1.97785 13.232 2.056Z" fill="#090909"/>
|
|
</svg>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://www.reddit.com/r/statusim" class="icon-reddit" target="_blank">
|
|
<svg width="18" height="17" viewbox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path opacity="0.5" d="M17.9998 8.2212C17.9859 7.836 17.8622 7.4631 17.6438 7.1474C17.4253 6.8318 17.1214 6.5868 16.7686 6.4422C16.4158 6.2975 16.0292 6.2593 15.6554 6.3321C15.2817 6.405 14.9367 6.5857 14.6621 6.8527C13.1249 5.7944 11.3179 5.2097 9.4596 5.1693L10.338 0.899432L13.2297 1.51528C13.2641 1.83891 13.4113 2.13955 13.6448 2.36321C13.8783 2.58688 14.1829 2.71892 14.5038 2.73565C14.8248 2.75237 15.1412 2.65268 15.3961 2.45447C15.651 2.25626 15.8279 1.9725 15.8949 1.65414C15.9619 1.33579 15.9146 1.00367 15.7616 0.717412C15.6086 0.431152 15.3599 0.209492 15.0601 0.0922216C14.7603 -0.0250384 14.429 -0.0302383 14.1257 0.0775717C13.8225 0.185382 13.5671 0.399132 13.4054 0.680452L10.0947 0.00985175C10.0406 -0.00217825 9.9846 -0.00319806 9.9301 0.00683194C9.8755 0.0168719 9.8235 0.0377715 9.777 0.0683215C9.7305 0.0988715 9.6904 0.138472 9.6592 0.184822C9.6279 0.231162 9.606 0.283341 9.5948 0.338311L8.5948 5.0872C6.7137 5.1159 4.88184 5.7011 3.32479 6.7706C3.11648 6.5721 2.86805 6.4218 2.5967 6.3302C2.32535 6.2386 2.03758 6.2079 1.75333 6.2401C1.46908 6.2723 1.19515 6.3668 0.950529 6.5169C0.705899 6.667 0.496428 6.8692 0.336628 7.1094C0.176828 7.3497 0.0705187 7.6223 0.0250687 7.9083C-0.0203813 8.1943 -0.00389148 8.4869 0.0734085 8.7658C0.150709 9.0447 0.286959 9.3032 0.472729 9.5235C0.658489 9.7438 0.889328 9.9205 1.14923 10.0415C1.13402 10.2419 1.13402 10.4432 1.14923 10.6436C1.14923 13.7092 4.67608 16.2 9.0272 16.2C13.3784 16.2 16.9052 13.7092 16.9052 10.6436C16.9204 10.4432 16.9204 10.2419 16.9052 10.0415C17.2387 9.8736 17.5184 9.6136 17.7121 9.2915C17.9058 8.9694 18.0055 8.5983 17.9998 8.2212ZM4.4869 9.5898C4.4869 9.3191 4.56615 9.0545 4.71463 8.8295C4.86311 8.6044 5.07416 8.429 5.32107 8.3254C5.56799 8.2218 5.83968 8.1947 6.1018 8.2475C6.3639 8.3003 6.6047 8.4307 6.7937 8.6221C6.9827 8.8135 7.1114 9.0573 7.1635 9.3228C7.2156 9.5883 7.1889 9.8635 7.0866 10.1136C6.9843 10.3636 6.8111 10.5774 6.5889 10.7277C6.3667 10.8781 6.1054 10.9584 5.83819 10.9584C5.66073 10.9584 5.48502 10.923 5.32107 10.8542C5.15713 10.7854 5.00816 10.6846 4.88268 10.5575C4.7572 10.4305 4.65767 10.2796 4.58976 10.1136C4.52185 9.9475 4.4869 9.7695 4.4869 9.5898ZM12.3379 13.3534C11.3792 14.0851 10.1996 14.4575 9.0002 14.4072C7.8008 14.4575 6.6212 14.0851 5.66252 13.3534C5.60506 13.2825 5.57569 13.1925 5.58013 13.1008C5.58458 13.0092 5.62251 12.9225 5.68656 12.8577C5.7506 12.7928 5.83618 12.7544 5.92665 12.7499C6.0171 12.7454 6.106 12.7751 6.176 12.8333C6.9884 13.4369 7.9801 13.7411 8.9867 13.6955C9.9945 13.751 10.9908 13.4565 11.8109 12.8607C11.8826 12.7899 11.9791 12.7509 12.0792 12.7522C12.1287 12.7528 12.1777 12.7633 12.2232 12.7831C12.2688 12.8029 12.31 12.8316 12.3446 12.8675C12.3792 12.9035 12.4065 12.946 12.4249 12.9926C12.4433 13.0392 12.4524 13.0891 12.4518 13.1393C12.4512 13.1894 12.4408 13.239 12.4212 13.2852C12.4017 13.3313 12.3734 13.3731 12.3379 13.4081V13.3534ZM12.0946 11.0131C11.8274 11.0131 11.5661 10.9329 11.3439 10.7825C11.1217 10.6321 10.9485 10.4184 10.8462 10.1683C10.7439 9.9182 10.7172 9.643 10.7693 9.3776C10.8215 9.1121 10.9502 8.8682 11.1391 8.6768C11.3281 8.4854 11.5689 8.3551 11.831 8.3023C12.0931 8.2495 12.3648 8.2766 12.6118 8.3802C12.8587 8.4837 13.0697 8.6592 13.2182 8.8842C13.3667 9.1093 13.4459 9.3739 13.4459 9.6446C13.4533 9.83 13.4233 10.015 13.3578 10.1883C13.2924 10.3617 13.1928 10.5197 13.0651 10.6528C12.9375 10.786 12.7844 10.8914 12.6152 10.9628C12.4461 11.0341 12.2644 11.0699 12.0811 11.0679L12.0946 11.0131Z" fill="black"/>
|
|
</svg>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://www.youtube.com/statusim" class="icon-youtube" target="_blank">
|
|
<svg width="18" height="13" viewbox="0 0 18 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd" d="M7.142 8.665L7.141 3.608L12.005 6.145L7.142 8.665ZM17.82 2.731C17.82 2.731 17.644 1.491 17.105 0.945C16.42 0.228 15.653 0.225 15.301 0.182C12.782 0 9.004 0 9.004 0H8.996C8.996 0 5.218 0 2.699 0.182C2.347 0.224 1.58 0.228 0.895 0.945C0.355 1.491 0.18 2.731 0.18 2.731C0.18 2.731 0 4.189 0 5.645V7.009C0 8.466 0.18 9.922 0.18 9.922C0.18 9.922 0.356 11.162 0.895 11.709C1.58 12.426 2.479 12.403 2.88 12.479C4.32 12.617 9 12.659 9 12.659C9 12.659 12.782 12.654 15.301 12.472C15.653 12.43 16.421 12.426 17.105 11.709C17.645 11.163 17.82 9.922 17.82 9.922C17.82 9.922 18 8.466 18 7.009V5.644C18 4.187 17.82 2.73 17.82 2.73V2.731Z" fill="#090909"/>
|
|
</svg>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="https://status.im/get-involved/educators/" class="link-arrow">Educators</a></li>
|
|
<li></li>
|
|
<li><a href="https://status.im/get-involved/community-groups/" class="link-arrow">Community Groups</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li><a href="https://status.im/security/">Security</a></li>
|
|
<li><a href="https://status.im/snt-utility/">SNT Utility</a></li>
|
|
<li class="has-submenu ">
|
|
<a href="https://status.im/docs/">Developers <i class="arrow"></i></a>
|
|
<div class="submenu">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-5 text-right">
|
|
<h4>Documentation</h4>
|
|
<p class="p-large">Everything you need to start <br>developing with Status</p>
|
|
<a href="https://status.im/docs/" class="link-arrow">Read all</a>
|
|
</div>
|
|
<div class="col-md-4 offset-md-1">
|
|
<ul>
|
|
<li><a href="https://status.im/technical/" class="link-arrow">Contributor Guide</a></li>
|
|
<li><a href="https://status.im/developer_tools/" class="link-arrow">DApp Integration</a></li>
|
|
<li><a href="https://status.im/user_guides/" class="link-arrow">User Guides</a></li>
|
|
<li><a href="https://tutorials.statusnetwork.com/" class="link-arrow">Tutorials</a></li>
|
|
<li><a href="https://specs.status.im/" class="link-arrow">Specs</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class><a href="https://status.im/about/">About</a></li>
|
|
<li class="active"><a href="https://our.status.im">Blog</a></li>
|
|
</ul>
|
|
</nav>
|
|
<div class="col btns text-right">
|
|
<a href="https://github.com/status-im/" target="_blank">
|
|
<svg width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 11.2793C-0.000298842 16.1348 3.02955 20.4456 7.52152 21.9808C8.07188 22.0837 8.27249 21.7358 8.27249 21.4367C8.27249 21.1688 8.26325 20.4596 8.25797 19.5189C5.19868 20.1997 4.5533 18.0072 4.5533 18.0072C4.05178 16.7038 3.33117 16.356 3.33117 16.356C2.33208 15.6576 3.4064 15.6712 3.4064 15.6712C4.51107 15.751 5.09178 16.8338 5.09178 16.8338C6.07239 18.5567 7.66538 18.0586 8.29229 17.7703C8.39259 17.0422 8.67635 16.5455 8.99178 16.2626C6.54883 15.9784 3.98051 15.0107 3.98051 10.6893C3.98051 9.45765 4.40944 8.45071 5.11289 7.66302C4.99939 7.37745 4.62193 6.22976 5.22112 4.67739C5.22112 4.67739 6.14498 4.37422 8.24477 5.83456C9.1425 5.5836 10.0687 5.45572 10.9992 5.45425C11.9292 5.45552 12.8549 5.58295 13.7523 5.8332C15.8508 4.37422 16.7746 4.67739 16.7746 4.67739C17.3738 6.22976 16.9963 7.37745 16.8828 7.66302C17.5889 8.45071 18.0139 9.45765 18.0139 10.6893C18.0139 15.0215 15.4416 15.9757 12.9921 16.2545C13.3867 16.6023 13.7391 17.2912 13.7391 18.3428C13.7391 19.8505 13.7259 21.0673 13.7259 21.4367C13.7259 21.7385 13.9239 22.0891 14.4808 21.9795C19.8103 20.1557 22.9429 14.5062 21.7459 8.877C20.5489 3.24775 15.4072 -0.551533 9.82107 0.065584C4.23498 0.682701 0.000354915 5.51783 0 11.2793H0Z" fill="#4360DF"/>
|
|
</svg>
|
|
</a>
|
|
<a href="https://status.im/get/" class="btn btn-primary get-status-cta btn-arrow">
|
|
Get Status
|
|
<span class="margin-left-cta group-hover:translate-x-1 transform transition-all my-auto duration-200 linear"><img src="{{asset "img/icon-arrow-right-white.svg"}}"></span>
|
|
</a>
|
|
</div>
|
|
<a href="#" class="mobile-nav-trigger">
|
|
<svg width="22" height="8" viewbox="0 0 22 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<rect width="22" height="1" rx="0.5" fill="#090909"/>
|
|
<rect y="7" width="22" height="1" rx="0.5" fill="#090909"/>
|
|
</svg>
|
|
<a href="https://status.im/get/" class="mobile-get-status-cta btn btn-primary btn-arrow">
|
|
Get Status
|
|
<span class="margin-left-cta group-hover:translate-x-1 transform transition-all my-auto duration-200 linear"><img src="{{asset "img/icon-arrow-right-white.svg"}}"></span>
|
|
</a>
|
|
</a>
|
|
<div class="mobile-nav">
|
|
<div class="mobile-nav-header">
|
|
<a href="https://status.im" class="logo dm"><img src="{{asset "img/logo-dm.svg"}}"></a>
|
|
<a href="https://status.im" class="logo"><img src="{{asset "img/logo.svg"}}"></a>
|
|
<a href="#" class="mobile-nav-trigger-close">
|
|
<svg width="18" height="17" viewbox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<rect x="1.5752" y="0.368273" width="22" height="1" rx="0.5" transform="rotate(45 1.5752 0.368273)" fill="#090909"/>
|
|
<rect x="0.868164" y="15.9246" width="22" height="1" rx="0.5" transform="rotate(-45 0.868164 15.9246)" fill="#090909"/>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="backdrop"></div>
|
|
</header>
|