nimbus-site/themes/navy/layout/partial/header.swig

164 lines
8.4 KiB
Plaintext

<div class="header">
<div class="header-left">
<a class="logo" href={{url_for_lang('/')}}></a>
{{ partial('partial/shared-partials/partials/header-nav') }}
</div>
<div class="header-right">
<a href="http://get.status.im/chat/public/status-nimbus" class="button button--secondary" style="margin-right: 8px">Nimbus Status Chat</a>
</div>
</div>
<div class="mobile-nav-wrap">
<div class="mobile-nav-inner">
<a class="logo" href={{url_for_lang('/')}}></a>
<a class="icon-close mobile-nav-close" href="#"></a>
<ul class="mobile-nav">
<li><a href="https://our.status.im/tag/nimbus/">Blog</a></li>
<li><a href={{url_for_lang('docs')}}>Docs</a></li>
<li class="item--dropdown item--to-show">
<span>Projects</span>
<ul class="mobile-sub-nav">
<li><a href="https://incubate.status.im/" class="">Incubate</a></li>
<li><a href="https://nimbus.status.im/" class="">Nimbus</a></li>
<li><a href="https://embark.status.im/" class="">Embark</a></li>
<li><a href="https://hardwallet.status.im/" class="">Hardwallet</a></li>
</ul>
</li>
<li><a href="https://status.im/contribute/" class="">Contribute</a></li>
</ul>
<div class="mobile-nav-footer">
<a href="http://get.status.im/chat/public/status-nimbus" class="button button--orange">Nimbus Status Chat</a>
</div>
<header class="dropdown">
<nav>
{{ partial('partial/shared-partials/partials/header-nav') }}
</nav>
</header>
</div>
<div class="popup-overlay"></div>
</div>
<div class="popup-wrap popup-wrap--community">
<div class="popup popup--community">
<a class="popup__button popup__button--close"></a>
<h3 class="popup__title">Community</h3>
<div class="popup__inner">
<div class="cards cards--three cards--three--even cards--community cards--community--light">
<div class="card">
<a href="https://get.status.im/chat/public/status" class="card-inner">
<div class="community-icon community-icon--join"></div>
<h4>Join the chat in Status</h4>
<p class="secondary-text">Whisper sweet, encrypted nothings on a distributed network that no-one owns.</p>
</a>
</div>
<div class="card">
<a href="https://discuss.status.im/" class="card-inner">
<div class="community-icon community-icon--discussion"></div>
<h4>Join the Discussion</h4>
<p class="secondary-text">Join longer discussions, work in progress, and our research here.</p>
</a>
</div>
<div class="card">
<a href="https://github.com/status-im/" class="card-inner">
<div class="community-icon community-icon--contrubute"></div>
<h4>Contribute to our Repos</h4>
<p class="secondary-text">Help us #buidl the future by getting involved in the most active code base in Ethereum.</p>
</a>
</div>
</div>
<h5>Find Out More</h5>
<div class="cards cards-community-more cards--three cards--three--even">
<div class="card">
<div class="card-inner">
<div class="card-content">
<div class="latest-posts"></div>
</div>
<div class="card-community-more__link"><a href="https://our.status.im/" class="link-arrow">Learn more</a></div>
</div>
</div>
<div class="card">
<div class="card-inner">
<div class="card-content">
<h4>Life at Status</h4>
<p class="secondary-text">What's it like to live the decentralized lifestyle? Find out here.</p>
</div>
<div class="card-community-more__link"><a href={{url_for_lang('contribute')}} class="link-arrow">Learn more</a></div>
</div>
</div>
<div class="card">
<div class="card-inner">
<div class="card-content">
<h4>Follow us on Twitter</h4>
<p class="secondary-text">Join the conversation on our social channels to learn more.</p>
</div>
<div class="card-community-more__link"><a href="https://twitter.com/ethstatus/" class="link-arrow">Learn more</a></div>
</div>
</div>
</div>
</div>
</div>
<div class="popup-overlay"></div>
</div>
<div class="popup-wrap popup-wrap--projects">
<div class="popup popup--projects">
<a class="popup__button popup__button--close"></a>
<h3 class="popup__title">Projects</h3>
<div class="popup__inner">
<h5>Help us #buidl</h5>
<div class="cards cards-community-more cards--three cards--three--even">
<div class="card">
<div class="card-inner">
<div class="card-content">
<h4>Embark</h4>
<p class="secondary-text">Embark is a simple and easy to use development framework that enables you to build and deploy your own decentralized applications smoothly.</p>
</div>
<div class="card-community-more__link"><a href="https://embark.status.im/" class="link-arrow">Learn more</a></div>
</div>
</div>
<div class="card">
<div class="card-inner">
<div class="card-content">
<h4>Nimbus</h4>
<p class="secondary-text">A research project and light client for Ethereum 2.0 designed to perform well on embedded systems and resource-restricted hardware.</p>
</div>
<div class="card-community-more__link"><a href="https://nimbus.status.im" class="link-arrow">Learn more</a></div>
</div>
</div>
<div class="card">
<div class="card-inner">
<div class="card-content">
<h4>Status Studio</h4>
<p class="secondary-text">Studio is an integrated developer environment and educational platform designed to be a one-stop-shop for ÐApp development.</p>
</div>
<div class="card-community-more__link"><a href="https://studio.status.im" class="link-arrow">Learn more</a></div>
</div>
</div>
</div>
<div class="separator"></div>
<h5>Tools for Everyone</h5>
<div class="cards cards-community-more cards--three cards--three--even">
<div class="card">
<div class="card-inner">
<div class="card-content">
<h4>Incubate</h4>
<p class="secondary-text">Incubate supports open source, early stage startups with funding, technical mentorship, legal and regulatory compliance and much more.</p>
</div>
<div class="card-community-more__link"><a href="https://incubate.status.im/" class="link-arrow">Learn more</a></div>
</div>
</div>
<div class="card">
<div class="card-inner">
<div class="card-content">
<h4>Status Hardwallet</h4>
<p class="secondary-text">A hardware wallet in the form of a card with a safe, contactless transaction experience</p>
</div>
<div class="card-community-more__link"><a href="https://hardwallet.status.im/" class="link-arrow">Learn more</a></div>
</div>
</div>
</div>
</div>
</div>
<div class="popup-overlay"></div>
</div>