status-im
/
nimbus-site
mirror of https://github.com/status-im/nimbus-site.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Improved header, intro and features.

This commit is contained in:
Cristian Nistor 2018-10-01 23:43:14 +03:00
parent 286e310cf0
commit df4fded065
18 changed files with 317 additions and 226 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

202
themes/navy/layout/index.swig
View File

@ -5,51 +5,52 @@
<span class="logo-span"><a class="logo" href="/"></a></span> <span class="logo-span"><a class="logo" href="/"></a></span>
<span class="logo-span"><a class="logo-text" href="/">nimbus</a></span> <span class="logo-span"><a class="logo-text" href="/">nimbus</a></span>
</div> </div>
<header class="dropdown"> <header class="dropdown">
<nav> <nav>
<ul> <ul>
<li><a href="#">Status App</a> <li class="has-submenu">
<ul> <a href="#">Status App</a>
<li><a href="https://status/im">About</a></li> <div class="sub-menu">
<li><a href="https://status.im">Features</a></li> <ul>
<li><a href="https://desktop.status.im">Desktop</a></li> <li><a href="https://status/im">About</a></li>
<li><a href="https://docs.status/im">Docs</a></li> <li><a href="https://status.im">Features</a></li>
<li><a href="https://our.status/im">Blog</a></li> <li><a href="https://desktop.status.im">Desktop</a></li>
<li><a href="https://people-ops.status.im/">Contribute</a></li> <li><a href="https://docs.status/im">Docs</a></li>
</ul> <li><a href="https://our.status/im">Blog</a></li>
</li> <li><a href="https://people-ops.status.im/">Contribute</a></li>
</ul>
<li><a href="#">Embark</a> </div>
<ul> </li>
<li><a href="https://embark.status.im">About</a></li> <li class="has-submenu">
<li><a href="https://embark.status.im/docs">Docs</a></li> <a href="#">Embark</a>
<li><a href="https://our.status.im/tag/embark">Blog</a></li> <div class="sub-menu">
<li><a href="https://gitter.im/embark-framework/Lobby">Contribute</a></li> <ul>
</ul> <li><a href="https://embark.status.im">About</a></li>
</li> <li><a href="https://embark.status.im/docs">Docs</a></li>
<li><a href="https://our.status.im/tag/embark">Blog</a></li>
<li><a href="https://our.status.im/tag/studio">Studio</a></li> <li><a href="https://gitter.im/embark-framework/Lobby">Contribute</a></li>
</ul>
<li><a href="https://status.im/incubate">Incubate</a></li> </div>
</li>
<li class="current"><a href="/">Nimbus</a> <li><a href="https://our.status.im/tag/studio">Studio</a></li>
<ul> <li><a href="https://status.im/incubate">Incubate</a></li>
<li><a href="#">About</a></li> <li class="current has-submenu">
<li><a href="/docs/">Docs</a></li> <a href="/">Nimbus</a>
<li><a href="https://our.status.im/tag/research">Blog</a></li> <div class="sub-menu">
<li><a href="https://gitter.im/status-im/nimbus">Contribute</a></li> <ul>
</ul> <li><a href="#">About</a></li>
</li> <li><a href="/docs/">Docs</a></li>
<li><a href="https://our.status.im/tag/research">Blog</a></li>
<li><a href="https://our.status.im/tag/hardwallet">Hardwallet</a></li> <li><a href="https://gitter.im/status-im/nimbus">Contribute</a></li>
</ul>
<li><a href="https://our.status.im">Community</a></li> </div>
</li>
<li><a href="https://our.status.im/tag/hardwallet">Hardwallet</a></li>
<li><a href="https://our.status.im">Community</a></li>
</ul> </ul>
</nav> </nav>
</header> </header>
</div> </div>
<div class="secondary-nav"> <div class="secondary-nav">
<div id="search-input-wrap"> <div id="search-input-wrap">
<div id="search-input-icon"> <div id="search-input-icon">
@ -57,13 +58,12 @@
</div> </div>
<input type="search" id="search-input" placeholder="Search..."> <input type="search" id="search-input" placeholder="Search...">
</div> </div>
<span><a href="http://get.status.im/chat/public/status" class="button button--secondary">Status Chat</a></span> <span><a href="http://get.status.im/chat/public/status" class="button button--secondary">Status Public Chat</a></span>
<span class="social-link social-link--twitter"><a href="https://twitter.com/ethstatus" target="_blank"></a></span> <span class="social-link social-link--twitter"><a href="https://twitter.com/ethstatus" target="_blank"></a></span>
<span class="social-link social-link--gitter"><a href="https://gitter.im/status-im/nimbus" target="_blank"></a></span> <span class="social-link social-link--gitter"><a href="https://gitter.im/status-im/nimbus" target="_blank"></a></span>
<span class="social-link social-link--github"><a href="https://github.com/status-im" target="_blank"></a></span> <span class="social-link social-link--github"><a href="https://github.com/status-im" target="_blank"></a></span>
</div> </div>
</div> </div>
<div class="intro"> <div class="intro">
<h1>Nimbus</h1> <h1>Nimbus</h1>
<p>Nimbus is a research project and a client implementation for Ethereum 2.0 designed to perform well on embedded systems and personal mobile devices, including older smartphones with resource-restricted hardware.</p> <p>Nimbus is a research project and a client implementation for Ethereum 2.0 designed to perform well on embedded systems and personal mobile devices, including older smartphones with resource-restricted hardware.</p>
@ -72,70 +72,69 @@
<a class="button button--secondary" href="/docs/">GET INVOLVED</a> <a class="button button--secondary" href="/docs/">GET INVOLVED</a>
</div> </div>
</div> </div>
</div> </div>
<div class="home-wrap"> <div class="home-wrap">
<div class="section-header section-header--main"> <div class="section-header section-header--main">
<h2 id="top-header">Future Plans</h2> <h2 id="top-header">Future Plans</h2>
<p>Nimbus is a research project and a client implementation for Ethereum 2.0 designed to perform well on embedded systems and personal mobile devices, including older smartphones with resource-restricted hardware. <p>Nimbus is a research project and a client implementation for Ethereum 2.0 designed to perform well on embedded systems and personal mobile devices, including older smartphones with resource-restricted hardware.
</p> </p>
<span><a href="https://github.com/status-im/nimbus">Learn More on Github</a></span> <a href="https://github.com/status-im/nimbus"><img src="../img/arrow_orange.png" /></a> <a href="https://github.com/status-im/nimbus">Learn More on Github <img src="../img/arrow_orange.png" /></a>
<div class="work-item"> <div class="work-item">
<div class="work-item-left"> <div class="work-item-inner">
<h2>Friendly Beginnings</h2> <h2>Friendly Beginnings</h2>
<p>The Nimbus team kicked off research in March 2018 and has steadily been finalizing the blocks needed to deliver a fully stand-alone implementation of <p>The Nimbus team kicked off research in March 2018 and has steadily been finalizing the blocks needed to deliver a fully stand-alone implementation of
the next generation of Ethereum. Excited about new developments? Get in touch!</p> the next generation of Ethereum. Excited about new developments? Get in touch!
<span><a href="https://github.com/status-im/nimbus">See docs</a></span> <a href="https://github.com/status-im/nimbus"><img src="../img/arrow_orange.png" /></a> </p>
<img class="work-item-image work-item-image-right" src="../img/graphic-friendly-beginnings.png" /> <a href="https://github.com/status-im/nimbus">See docs <img src="../img/arrow_orange.png" /></a>
</div> </div>
<img class="work-item-image work-item-image-right" src="../img/graphic-friendly-beginnings.png" />
</div> </div>
<div class="clear"></div> <div class="clear"></div>
<div class="work-item"> <div class="work-item">
<img class="work-item-image" src="../img/graphic-research.png" /> <img class="work-item-image" src="../img/graphic-research.png" />
<div class="work-item-right"> <div class="work-item-inner">
<h2>Friendly Research</h2> <h2>Friendly Research</h2>
<p>We’re translating the latest Ethereum 2.0 research like BN curves, BLS signatures and RANDAO games into practical, performant and reusable <p>We’re translating the latest Ethereum 2.0 research like BN curves, BLS signatures and RANDAO games into practical, performant and reusable
libraries to provide fertile exploration ground for further R&D. Want to run advanced simulations and tests? Get in touch!</p> libraries to provide fertile exploration ground for further R&D. Want to run advanced simulations and tests? Get in touch!
<span><a href="https://github.com/status-im/nimbus">See docs</a></span> <a href="https://github.com/status-im/nimbus"><img src="../img/arrow_orange.png" /></a> </p>
<a href="https://github.com/status-im/nimbus">See docs <img src="../img/arrow_orange.png" /></a>
</div> </div>
</div> </div>
<div class="clear"></div> <div class="clear"></div>
<div class="work-item"> <div class="work-item">
<div class="work-item-left"> <div class="work-item-inner">
<h2>Friendly Licensing</h2> <h2>Friendly Licensing</h2>
<p>We’re building Nimbus as a common good with liberal licensing to allow the widest deployment of Ethereum 2.0 possible. <p>We’re building Nimbus as a common good with liberal licensing to allow the widest deployment of Ethereum 2.0 possible.
Want to integrate Nimbus in your product? Get in touch!</p> Want to integrate Nimbus in your product? Get in touch!
<span><a href="https://github.com/status-im/nimbus">See docs</a></span> <a href="https://github.com/status-im/nimbus"><img src="../img/arrow_orange.png" /></a> </p>
<img class="work-item-image work-item-image-right" src="../img/graphic-research.png" /> <a href="https://github.com/status-im/nimbus">See docs <img src="../img/arrow_orange.png" /></a>
</div> </div>
<img class="work-item-image work-item-image-right" src="../img/graphic-research.png" />
</div> </div>
<div class="clear"></div> <div class="clear"></div>
<div class="work-item"> <div class="work-item">
<img class="work-item-image" src="../img/graphic-network.png" /> <img class="work-item-image" src="../img/graphic-network.png" />
<div class="work-item-right"> <div class="work-item-inner">
<h2>Friendly Networking</h2> <h2>Friendly Networking</h2>
<p>We’re translating the latest Ethereum 2.0 research like BN curves, BLS signatures and RANDAO games into practical, <p>We’re translating the latest Ethereum 2.0 research like BN curves, BLS signatures and RANDAO games into practical,
performant and reusable libraries to provide fertile exploration ground for further R&D. Want to run advanced simulations and tests? Get in touch!</p> performant and reusable libraries to provide fertile exploration ground for further R&D. Want to run advanced simulations and tests? Get in touch!
<span><a href="https://github.com/status-im/nimbus">See docs</a></span> <a href="https://github.com/status-im/nimbus"><img src="../img/arrow_orange.png" /></a> </p>
<a href="https://github.com/status-im/nimbus">See docs <img src="../img/arrow_orange.png" /></a>
</div> </div>
</div> </div>
<div class="clear"></div> <div class="clear"></div>
<div class="work-item"> <div class="work-item">
<div class="work-item-left"> <div class="work-item-inner">
<h2>Friendly Platform Support</h2> <h2>Friendly Platform Support</h2>
<p>The Nim language delivers safe and performant code on any platform with a C compiler available. Developing the latest RISC-V <p>The Nim language delivers safe and performant code on any platform with a C compiler available. Developing the latest RISC-V
boards or simply have an old Windows machine lying around? Get in touch!</p> boards or simply have an old Windows machine lying around? Get in touch!
<span><a href="https://github.com/status-im/nimbus">See docs</a></span> <a href="https://github.com/status-im/nimbus"><img src="../img/arrow_orange.png" /></a> </p>
<img class="work-item-image work-item-image-right" src="../img/graphic-platform-support.png" /> <a href="https://github.com/status-im/nimbus">See docs <img src="../img/arrow_orange.png" /></a>
</div> </div>
<img class="work-item-image work-item-image-right" src="../img/graphic-platform-support.png" />
</div> </div>
<div class="clear"></div> <div class="clear"></div>
</div> </div>
<div class="sections"> <div class="sections">
<div class="inner-header"> <div class="inner-header">
<h2>Contribute</h2> <h2>Contribute</h2>
@ -144,24 +143,26 @@
<div class="contribute-wrap"> <div class="contribute-wrap">
<div class="contribute"> <div class="contribute">
<h3>Join the Team</h3> <h3>Join the Team</h3>
<p>We are always looking for passionate and talented individuals to join our team.<p> <p>We are always looking for passionate and talented individuals to join our team.
<a href="https://status.im/open-positions.html">See list of open roles</a> <p>
<span><a href="https://status.im/open-positions.html"><img src="../img/arrow_ogn.png" /></a></span> <a href="https://status.im/open-positions.html">See list of open roles</a>
<span><a href="https://status.im/open-positions.html"><img src="../img/arrow_ogn.png" /></a></span>
</div> </div>
<div class="contribute"> <div class="contribute">
<h3>Work on Bounties</h3> <h3>Work on Bounties</h3>
<p>As an open source project, anyone anywhere can get involved and contribute code.<p> <p>As an open source project, anyone anywhere can get involved and contribute code.
<a href="https://gitcoin.co/explorer?keywords=nimbus&order_by=-web3_created">See open bounties</a> <p>
<span><a href="https://gitcoin.co/explorer?keywords=nimbus&order_by=-web3_created"><img src="../img/arrow_ogn.png" /></a></span> <a href="https://gitcoin.co/explorer?keywords=nimbus&order_by=-web3_created">See open bounties</a>
<span><a href="https://gitcoin.co/explorer?keywords=nimbus&order_by=-web3_created"><img src="../img/arrow_ogn.png" /></a></span>
</div> </div>
<div class="contribute"> <div class="contribute">
<h3>Join the Conversation</h3> <h3>Join the Conversation</h3>
<p>We are an open community and happy to answer your questions and help you learn more about Nimbus.<p> <p>We are an open community and happy to answer your questions and help you learn more about Nimbus.
<a href="https://get.status.im/chat/public/nimbus">Join us in Status</a> <p>
<span><a href="https://get.status.im/chat/public/nimbus"><img src="../img/arrow_ogn.png" /></a></span> <a href="https://get.status.im/chat/public/nimbus">Join us in Status</a>
<span><a href="https://get.status.im/chat/public/nimbus"><img src="../img/arrow_ogn.png" /></a></span>
</div> </div>
</div> </div>
<div class="inner-header"> <div class="inner-header">
<a name="team"></a> <a name="team"></a>
<h2>Core Contributors</h2> <h2>Core Contributors</h2>
@ -173,52 +174,58 @@
<h3>Yevhen Kabanov</h3> <h3>Yevhen Kabanov</h3>
<p>Engineer</p> <p>Engineer</p>
<p><a href="https://github.com/">See Github profile</a> <p><a href="https://github.com/">See Github profile</a>
<span><a href="https://github.com/"><img src="../img/arrow_ogn.png" /></a></span></p> <span><a href="https://github.com/"><img src="../img/arrow_ogn.png" /></a></span>
</p>
</div> </div>
<div class="contribute"> <div class="contribute">
<img class="contributor" src="../img/ellipse.png" /> <img class="contributor" src="../img/ellipse.png" />
<h3>Jacek Sieka</h3> <h3>Jacek Sieka</h3>
<p>Engineer</p> <p>Engineer</p>
<p><a href="https://github.com/">See Github profile</a> <p><a href="https://github.com/">See Github profile</a>
<span><a href="https://github.com/"><img src="../img/arrow_ogn.png" /></a></span></p> <span><a href="https://github.com/"><img src="../img/arrow_ogn.png" /></a></span>
</p>
</div> </div>
<div class="contribute"> <div class="contribute">
<img class="contributor" src="../img/ellipse.png" /> <img class="contributor" src="../img/ellipse.png" />
<h3>Mamy Ratsimbazafy</h3> <h3>Mamy Ratsimbazafy</h3>
<p>Engineer</p> <p>Engineer</p>
<p><a href="https://github.com/">See Github profile</a> <p><a href="https://github.com/">See Github profile</a>
<span><a href="https://github.com/"><img src="../img/arrow_ogn.png" /></a></span></p> <span><a href="https://github.com/"><img src="../img/arrow_ogn.png" /></a></span>
</p>
</div> </div>
<div class="contribute"> <div class="contribute">
<img class="contributor" src="../img/ellipse.png" /> <img class="contributor" src="../img/ellipse.png" />
<h3>Ryan Lipscombe</h3> <h3>Ryan Lipscombe</h3>
<p>Engineer</p> <p>Engineer</p>
<p><a href="https://github.com/">See Github profile</a> <p><a href="https://github.com/">See Github profile</a>
<span><a href="https://github.com/"><img src="../img/arrow_ogn.png" /></a></span></p> <span><a href="https://github.com/"><img src="../img/arrow_ogn.png" /></a></span>
</p>
</div> </div>
<div class="contribute"> <div class="contribute">
<img class="contributor" src="../img/ellipse.png" /> <img class="contributor" src="../img/ellipse.png" />
<h3>Zahary Karadjov</h3> <h3>Zahary Karadjov</h3>
<p>Engineer</p> <p>Engineer</p>
<p><a href="https://github.com/">See Github profile</a> <p><a href="https://github.com/">See Github profile</a>
<span><a href="https://github.com/"><img src="../img/arrow_ogn.png" /></a></span></p> <span><a href="https://github.com/"><img src="../img/arrow_ogn.png" /></a></span>
</p>
</div> </div>
<div class="contribute"> <div class="contribute">
<img class="contributor" src="../img/ellipse.png" /> <img class="contributor" src="../img/ellipse.png" />
<h3>Yuriy Glukhov</h3> <h3>Yuriy Glukhov</h3>
<p>Engineer</p> <p>Engineer</p>
<p><a href="https://github.com/">See Github profile</a> <p><a href="https://github.com/">See Github profile</a>
<span><a href="https://github.com/"><img src="../img/arrow_ogn.png" /></a></span></p> <span><a href="https://github.com/"><img src="../img/arrow_ogn.png" /></a></span>
</p>
</div> </div>
<div class="contribute"> <div class="contribute">
<img class="contributor" src="../img/ellipse.png" /> <img class="contributor" src="../img/ellipse.png" />
<h3>Dustin Brody</h3> <h3>Dustin Brody</h3>
<p>Engineer<p> <p>Engineer
<a href="https://github.com/">See Github profile</a> <p>
<span><a href="https://github.com/"><img src="../img/arrow_ogn.png" /></a></span> <a href="https://github.com/">See Github profile</a>
<span><a href="https://github.com/"><img src="../img/arrow_ogn.png" /></a></span>
</div> </div>
</div> </div>
<div class="inner-header"> <div class="inner-header">
<h2>Read our Blog</h2> <h2>Read our Blog</h2>
<p>Check out the latest Nimbus news and blog posts:</p> <p>Check out the latest Nimbus news and blog posts:</p>
@ -226,24 +233,25 @@
<div class="contribute-wrap"> <div class="contribute-wrap">
<div class="contribute blog"> <div class="contribute blog">
<h3>Status Partners with the team behind the programming language Nim</h3> <h3>Status Partners with the team behind the programming language Nim</h3>
<p>To bolster research efforts for Nimbus – a sharding client for Ethereum – status.im have partnered with the core team developing the Nim programming language...<p> <p>To bolster research efforts for Nimbus – a sharding client for Ethereum – status.im have partnered with the core team developing the Nim programming language...
<a href="https://our.status.im/status-partners-with-the-team-behind-the-programming-language-nim/">Read More</a> <p>
<span><a href="https://our.status.im/status-partners-with-the-team-behind-the-programming-language-nim/"><img src="../img/arrow_ogn.png" /></a></span> <a href="https://our.status.im/status-partners-with-the-team-behind-the-programming-language-nim/">Read More</a>
<span><a href="https://our.status.im/status-partners-with-the-team-behind-the-programming-language-nim/"><img src="../img/arrow_ogn.png" /></a></span>
</div> </div>
<div class="contribute blog"> <div class="contribute blog">
<h3>Ethereum Client Developers Conference Retrospective</h3> <h3>Ethereum Client Developers Conference Retrospective</h3>
<p>A large part of what makes possible "magic internet money" occurs deep down where most people will never see it - in the actual clients. We hosted all the developers in Berlin. Find out what went down...<p> <p>A large part of what makes possible "magic internet money" occurs deep down where most people will never see it - in the actual clients. We hosted all the developers in Berlin. Find out what went down...
<a href="https://our.status.im/ethereum-client-developers-conference/">Read More</a> <p>
<span><a href="https://our.status.im/ethereum-client-developers-conference/"><img src="../img/arrow_ogn.png" /></a></span> <a href="https://our.status.im/ethereum-client-developers-conference/">Read More</a>
<span><a href="https://our.status.im/ethereum-client-developers-conference/"><img src="../img/arrow_ogn.png" /></a></span>
</div> </div>
<div class="contribute blog"> <div class="contribute blog">
<h3>Introducing Nimbus, An Ethereum 2.0 Sharding Client</h3> <h3>Introducing Nimbus, An Ethereum 2.0 Sharding Client</h3>
<p>In order to advance the collective work on scaling Ethereum, we have been building our own client, called Nimbus, which has a particular focus on sharding and resource-restricted devices...<p> <p>In order to advance the collective work on scaling Ethereum, we have been building our own client, called Nimbus, which has a particular focus on sharding and resource-restricted devices...
<a href="https://our.status.im/introducing-nimbus-an/">Read More</a> <p>
<span><a href="https://our.status.im/introducing-nimbus-an/"><img src="../img/arrow_ogn.png" /></a></span> <a href="https://our.status.im/introducing-nimbus-an/">Read More</a>
<span><a href="https://our.status.im/introducing-nimbus-an/"><img src="../img/arrow_ogn.png" /></a></span>
</div> </div>
</div> </div>
</div> </div>
</div> </div>

54
themes/navy/layout/partial/header.swig
View File

@ -7,37 +7,43 @@
<header class="dropdown"> <header class="dropdown">
<nav> <nav>
<ul> <ul>
<li><a href="#">Status App</a> <li class="has-submenu"><a href="#">Status App</a>
<ul> <div class="sub-menu">
<li><a href="https://status/im">About</a></li> <ul>
<li><a href="https://status.im">Features</a></li> <li><a href="https://status/im">About</a></li>
<li><a href="https://desktop.status.im">Desktop</a></li> <li><a href="https://status.im">Features</a></li>
<li><a href="https://docs.status/im">Docs</a></li> <li><a href="https://desktop.status.im">Desktop</a></li>
<li><a href="https://our.status/im">Blog</a></li> <li><a href="https://docs.status/im">Docs</a></li>
<li><a href="https://people-ops.status.im/">Contribute</a></li> <li><a href="https://our.status/im">Blog</a></li>
</ul> <li><a href="https://people-ops.status.im/">Contribute</a></li>
</ul>
</div>
</li> </li>
<li><a href="#">Embark</a> <li class="has-submenu"><a href="#">Embark</a>
<ul> <div class="sub-menu">
<li><a href="https://embark.status.im">About</a></li> <ul>
<li><a href="https://embark.status.im/docs">Docs</a></li> <li><a href="https://embark.status.im">About</a></li>
<li><a href="https://our.status.im/tag/embark">Blog</a></li> <li><a href="https://embark.status.im/docs">Docs</a></li>
<li><a href="https://gitter.im/embark-framework/Lobby">Contribute</a></li> <li><a href="https://our.status.im/tag/embark">Blog</a></li>
</ul> <li><a href="https://gitter.im/embark-framework/Lobby">Contribute</a></li>
</ul>
</div>
</li> </li>
<li><a href="https://our.status.im/tag/studio">Studio</a></li> <li><a href="https://our.status.im/tag/studio">Studio</a></li>
<li><a href="https://status.im/incubate">Incubate</a></li> <li><a href="https://status.im/incubate">Incubate</a></li>
<li class="current"><a href="/">Nimbus</a> <li class="current has-submenu"><a href="/">Nimbus</a>
<ul> <div class="sub-menu">
<li><a href="#">About</a></li> <ul>
<li><a href="/docs/">Docs</a></li> <li><a href="#">About</a></li>
<li><a href="https://our.status.im/tag/research">Blog</a></li> <li><a href="/docs/">Docs</a></li>
<li><a href="https://gitter.im/status-im/nimbus">Contribute</a></li> <li><a href="https://our.status.im/tag/research">Blog</a></li>
</ul> <li><a href="https://gitter.im/status-im/nimbus">Contribute</a></li>
</ul>
</div>
</li> </li>
<li><a href="https://our.status.im/tag/hardwallet">Hardwallet</a></li> <li><a href="https://our.status.im/tag/hardwallet">Hardwallet</a></li>
@ -56,7 +62,7 @@
</div> </div>
<div class="second-nav-links"> <div class="second-nav-links">
<span><a href="http://get.status.im/chat/public/status" class="button button--secondary button--header">Status Chat</a></span> <span><a href="http://get.status.im/chat/public/status" class="button button--secondary button--header">Status Public Chat</a></span>
<span class="social-link social-link--twitter"><a href="https://twitter.com/ethstatus" target="_blank"></a></span> <span class="social-link social-link--twitter"><a href="https://twitter.com/ethstatus" target="_blank"></a></span>
<span class="social-link social-link--gitter"><a href="https://gitter.im/status-im/nimbus" target="_blank"></a></span> <span class="social-link social-link--gitter"><a href="https://gitter.im/status-im/nimbus" target="_blank"></a></span>
<span class="social-link social-link--github"><a href="https://github.com/status-im" target="_blank"></a></span> <span class="social-link social-link--github"><a href="https://github.com/status-im" target="_blank"></a></span>

2
themes/navy/source/css/_partial/header.styl
View File

@ -58,8 +58,6 @@ logo-size = 50px
opacity: .7 opacity: .7
&:focus &:focus
color: rgba(255, 255,255,1) color: rgba(255, 255,255,1)
&.current
text-decoration: underline
a a
color: rgba(255,255,255,0.7) color: rgba(255,255,255,0.7)
&:hover &:hover

285
themes/navy/source/css/_partial/main.styl
View File

@ -1,4 +1,57 @@
@import url("https://fonts.googleapis.com/css?family=Roboto+Mono"); @font-face {
font-family: 'Inter UI';
font-style: normal;
font-weight: 400;
src: url("../fonts/Inter-UI-Regular.woff2") format("woff2"),
url("../fonts/Inter-UI-Regular.woff") format("woff");
}
@font-face {
font-family: 'Inter UI';
font-style: italic;
font-weight: 400;
src: url("../fonts/Inter-UI-Italic.woff2") format("woff2"),
url("../fonts/Inter-UI-Italic.woff") format("woff");
}
@font-face {
font-family: 'Inter UI';
font-style: normal;
font-weight: 500;
src: url("../fonts/Inter-UI-Medium.woff2") format("woff2"),
url("../fonts/Inter-UI-Medium.woff") format("woff");
}
@font-face {
font-family: 'Inter UI';
font-style: italic;
font-weight: 500;
src: url("../fonts/Inter-UI-MediumItalic.woff2") format("woff2"),
url("../fonts/Inter-UI-MediumItalic.woff") format("woff");
}
@font-face {
font-family: 'Inter UI';
font-style: normal;
font-weight: 700;
src: url("../fonts/Inter-UI-Bold.woff2") format("woff2"),
url("../fonts/Inter-UI-Bold.woff") format("woff");
}
@font-face {
font-family: 'Inter UI';
font-style: italic;
font-weight: 700;
src: url("../fonts/Inter-UI-BoldItalic.woff2") format("woff2"),
url("../fonts/Inter-UI-BoldItalic.woff") format("woff");
}
@font-face {
font-family: 'GT Walsheim';
src: url('../fonts/GTWalsheim-Bold.woff2') format('woff2'),
url('../fonts/GTWalsheim-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, big, cite, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, big, cite, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -42,6 +95,13 @@ div {
box-sizing: border-box; box-sizing: border-box;
} }
a{
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* ---------------------------------------------------------------------------------------------------- /* ----------------------------------------------------------------------------------------------------
Super Form Reset Super Form Reset
@ -167,31 +227,14 @@ select[multiple] {
vertical-align: top; vertical-align: top;
} }
@font-face {
font-family: PostGrotesk-Medium;
src: url(../fonts/PostGrotesk-Medium.eot);
src: url(../fonts/PostGrotesk-Medium.eot?#iefix) format("embedded-opentype"), url(../fonts/PostGrotesk-Medium.woff) format("woff"), url(../fonts/PostGrotesk-Medium.svg#PostGrotesk-Medium) format("svg");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: PostGrotesk-Book;
src: url(../fonts/PostGrotesk-Book.eot);
src: url(../fonts/PostGrotesk-Book.eot?#iefix) format("embedded-opentype"), url(../fonts/PostGrotesk-Book.woff) format("woff"), url(../fonts/PostGrotesk-Book.svg#PostGrotesk-Book) format("svg");
font-weight: 400;
font-style: normal;
}
.header { .header {
position: absolute; position: relative;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
width: 1280px; width: 1200px;
height: 56px; height: 56px;
left: 50%;
top: 0; top: 0;
margin: 24px 0 0 -598px; margin: 24px 0 0 0;
} }
.header-left { .header-left {
@ -200,15 +243,10 @@ select[multiple] {
} }
.logo-wrap { .logo-wrap {
display: block;
width: 160px;
height: 26px;
position: relative; position: relative;
} display: flex;
align-items: center;
.logo-span { justify-content: flex-start;
float: left;
margin-left: 10px;
} }
.logo { .logo {
@ -217,7 +255,7 @@ select[multiple] {
height: 56px; height: 56px;
background-image: url(../img/logo_ogn.png); background-image: url(../img/logo_ogn.png);
text-decoration: none; text-decoration: none;
margin: -12px 0 0 -20px; margin: 0;
background-color: #ffffff; background-color: #ffffff;
border-radius: 50%; border-radius: 50%;
background-size: 22px; background-size: 22px;
@ -230,6 +268,8 @@ select[multiple] {
font-weight: bold; font-weight: bold;
color: #ffffff; color: #ffffff;
text-decoration: none; text-decoration: none;
font-family: "GT Walsheim", sans-serif;
margin-left: 10px;
} }
.logo-sign { .logo-sign {
@ -265,9 +305,12 @@ select[multiple] {
} }
.dropdown nav ul li a { .dropdown nav ul li a {
color: #FFFFFF; color: #fff;
text-decoration: none; text-decoration: none;
font-weight: bold; font-weight: normal;
font-size: 14px;
padding: 10px 0;
display: block;
} }
.dropdown nav ul li a:hover { .dropdown nav ul li a:hover {
@ -278,10 +321,6 @@ select[multiple] {
color: rgba(255, 255,255,1); color: rgba(255, 255,255,1);
} }
.dropdown nav ul li.current {
text-decoration: underline;
}
.dropdown nav ul li.current a { .dropdown nav ul li.current a {
color: rgba(255,255,255,0.7); color: rgba(255,255,255,0.7);
} }
@ -291,17 +330,42 @@ select[multiple] {
} }
.dropdown nav ul li ul { .dropdown nav ul li ul {
background: #ffffff; background: #FFFFFF;
border-radius: 5px box-shadow: 0px 2px 4px rgba(43, 59, 71, 0.124066);
display: none; border-radius: 8px;
left: 0; list-style-type: none;
padding: 10px 5px 5px 5px; margin: 0;
padding: 20px;
flex-direction: column;
}
.dropdown .has-submenu{
position: relative;
}
.dropdown .sub-menu {
position: absolute; position: absolute;
top: 100%; top: 100%;
border-top: 5px solid #ff9c00; left: -7px;
border-left: 1 px solid #ffffff; -webkit-transform: translateY(-20px) rotateX(20deg) scale(0.95);
border-right: 1 px solid #ffffff; transform: translateY(-20px) rotateX(20deg) scale(0.95);
border-bottom: 1 px solid #ffffff; -webkit-transition: all 0.3s ease-in-out, pointer-events 0s ease-in-out;
-moz-transition: all 0.3s ease-in-out, pointer-events 0s ease-in-out;
-o-transition: all 0.3s ease-in-out, pointer-events 0s ease-in-out;
transition: all 0.3s ease-in-out, pointer-events 0s ease-in-out;
visibility: hidden;
opacity: 0;
}
.dropdown .sub-menu li a{
padding: 0;
}
.dropdown .has-submenu:hover .sub-menu {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0) rotateX(0) scale(1);
transform: translateY(0) rotateX(0) scale(1);
} }
.dropdown nav ul li ul li { .dropdown nav ul li ul li {
@ -324,6 +388,10 @@ select[multiple] {
margin-left: 32px; margin-left: 32px;
} }
.secondary-nav .button{
margin-right: 8px;
}
.second-nav-links .second-nav-links
display: inherit display: inherit
@media mq-mobile @media mq-mobile
@ -432,16 +500,31 @@ select[multiple] {
background-color: #ff9c00; background-color: #ff9c00;
background-image: url("../img/head_bg.png"); background-image: url("../img/head_bg.png");
height: 550px; height: 550px;
flex-direction: column;
justify-content: flex-start;
} }
.intro { .intro {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex; display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center; align-items: center;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; flex-direction: column;
padding: 0 0 32px 0; padding: 78px 0 64px;
color: #FFFFFF; color: #fff;
text-align: center; text-align: center;
width: 540px; max-width: 590px;
} }
.intro-buttons { .intro-buttons {
@ -450,7 +533,7 @@ select[multiple] {
.intro .button { .intro .button {
margin: 0 6px; margin: 0 6px;
width: 194px; width: 260px;
padding: 10px 0 8px; padding: 10px 0 8px;
} }
@ -475,17 +558,18 @@ select[multiple] {
} }
.intro h1 { .intro h1 {
font-family: "PostGrotesk-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
font-size: 36px; font-size: 36px;
padding: 0 0 12px 0; padding: 0 0 12px 0;
font-weight: bold;
} }
.intro p { .intro p {
font-family: "PostGrotesk-Book", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
font-size: 16px; font-size: 16px;
line-height: 25px; line-height: 25px;
opacity: .6; opacity: .6;
padding: 0 0 16px 0; padding: 0 0 25px 0;
} }
.command-wrap { .command-wrap {
@ -605,13 +689,13 @@ select[multiple] {
.features-item h2 { .features-item h2 {
font-size: 20px; font-size: 20px;
line-height: 24px; line-height: 24px;
font-family: "PostGrotesk-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
padding: 0 0 8px 0; padding: 0 0 8px 0;
transition: color .2s ease; transition: color .2s ease;
} }
.features-item p { .features-item p {
font-family: "PostGrotesk-Book", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
color: #777f86; color: #777f86;
font-size: 16px; font-size: 16px;
line-height: 24px; line-height: 24px;
@ -671,7 +755,7 @@ select[multiple] {
} }
.pre-footer h3 { .pre-footer h3 {
font-family: "PostGrotesk-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
font-size: 20px; font-size: 20px;
line-height: 24px; line-height: 24px;
color: white; color: white;
@ -884,7 +968,7 @@ a.footer-logo:hover {
} }
.language-switcher { .language-switcher {
font-family: "PostGrotesk-Book", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
color: #FFFFFF; color: #FFFFFF;
-webkit-appearance: none; -webkit-appearance: none;
font-size: 16px; font-size: 16px;
@ -970,7 +1054,7 @@ a.footer-logo:hover {
} }
body { body {
font-family: "PostGrotesk-Book", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
font-weight: 400; font-weight: 400;
font-size: 16px; font-size: 16px;
line-height: 24px; line-height: 24px;
@ -982,16 +1066,17 @@ body {
.button, a.button { .button, a.button {
display: block; display: block;
font-family: "PostGrotesk-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
text-decoration: none; text-decoration: none;
font-size: 14px; font-size: 14px;
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 1px; letter-spacing: 1px;
color: #FFFFFF; color: #FFFFFF;
line-height: 24px;
padding: 10px 32px 9px; padding: 10px 32px 9px;
border-radius: 22px; border-radius: 22px;
background-color: rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.1);
font-weight: 500;
line-height: normal;
} }
.button.button--light, a.button.button--light { .button.button--light, a.button.button--light {
@ -1012,7 +1097,7 @@ body {
align-content: center; align-content: center;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin: 440px 0 0 0; margin: 550px 0 0 0;
box-shadow: 0 -20px 11px 0 rgba(43, 55, 107, 0.08); box-shadow: 0 -20px 11px 0 rgba(43, 55, 107, 0.08);
} }
@ -1023,9 +1108,10 @@ body {
} }
.section-header { .section-header {
margin: -60px auto; margin: -136px auto -60px auto;
width: 1200px; width: 100%;
padding: 60px 0 32px 0; max-width: 1200px;
padding: 60px 0;
text-align: center; text-align: center;
background: #ffffff; background: #ffffff;
border-radius: 5px border-radius: 5px
@ -1033,21 +1119,36 @@ body {
.section-header h2 { .section-header h2 {
font-size: 26px; font-size: 26px;
font-family: "PostGrotesk-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
padding: 0 0 8px 0; padding: 0 0 12px 0;
font-weight: bold;
} }
.section-header p { .section-header p {
font-size: 16px; font-size: 16px;
width: 590px; max-width: 590px;
color: #8D99A4; color: #8D99A4;
line-height: 24px; line-height: 24px;
margin: 0 auto 20px auto; margin: 0 auto 12px auto;
} }
.section-header a { .section-header a {
color: #ff9c00; color: #ff9c00;
text-decoration: none; text-decoration: none;
display: inline-flex;
align-items: center;
}
.section-header a img{
margin-left: 8px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.section-header a:hover img{
transform: translateX(3px);
} }
.clear { .clear {
@ -1055,39 +1156,21 @@ body {
} }
.work-item { .work-item {
margin: 30px auto; margin: 30px auto;
text-align: left; text-align: left;
padding: 100px 200px; max-width: 910px;
padding: 100px 15px 0 15px;
display: flex;
justify-content: space-between;
align-items: center;
} }
.work-item-image { .work-item-inner{
margin: -150px 0; max-width: 480px;
} }
.work-item-left p { .work-item-inner p {
margin: 0; margin: 0 0 10px;
width: 400px;
}
.work-item-right {
float: right;
text-align: right;
}
.work-item-right p {
margin: 0;
width: 400px;
}
.work-item-image-right {
float: right;
}
.work-item-image-left {
width: 200px;
height: 200px;
margin: -120px 0;
} }
.inner-header { .inner-header {
@ -1100,7 +1183,7 @@ body {
.inner-header h2 { .inner-header h2 {
font-size: 26px; font-size: 26px;
font-family: "PostGrotesk-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
padding: 0 0 8px 0; padding: 0 0 8px 0;
text-align: left; text-align: left;
} }
@ -1140,7 +1223,7 @@ body {
} }
.section__text h2 { .section__text h2 {
font-family: "PostGrotesk-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
font-size: 20px; font-size: 20px;
line-height: 24px; line-height: 24px;
color: black; color: black;
@ -1148,7 +1231,7 @@ body {
} }
.section__text .text { .section__text .text {
font-family: "PostGrotesk-Book", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
font-size: 16px; font-size: 16px;
line-height: 24px; line-height: 24px;
color: #777f86; color: #777f86;
@ -1364,8 +1447,4 @@ pre {
.blog { .blog {
height: 400px; height: 400px;
}
#top-header {
margin-top: 60px;
} }

BIN
themes/navy/source/fonts/GTWalsheim-Bold.woff Normal file
View File

Binary file not shown.

BIN
themes/navy/source/fonts/GTWalsheim-Bold.woff2 Normal file
View File

Binary file not shown.

BIN
themes/navy/source/fonts/Inter-UI-Bold.woff Normal file
View File

Binary file not shown.

BIN
themes/navy/source/fonts/Inter-UI-Bold.woff2 Normal file
View File

Binary file not shown.

BIN
themes/navy/source/fonts/Inter-UI-BoldItalic.woff Normal file
View File

Binary file not shown.

BIN
themes/navy/source/fonts/Inter-UI-BoldItalic.woff2 Normal file
View File

Binary file not shown.

BIN
themes/navy/source/fonts/Inter-UI-Italic.woff Normal file
View File

Binary file not shown.

BIN
themes/navy/source/fonts/Inter-UI-Italic.woff2 Normal file
View File

Binary file not shown.

BIN
themes/navy/source/fonts/Inter-UI-Medium.woff Normal file
View File

Binary file not shown.

BIN
themes/navy/source/fonts/Inter-UI-Medium.woff2 Normal file
View File

Binary file not shown.

BIN
themes/navy/source/fonts/Inter-UI-MediumItalic.woff Normal file
View File

Binary file not shown.

BIN
themes/navy/source/fonts/Inter-UI-MediumItalic.woff2 Normal file
View File

Binary file not shown.

BIN
themes/navy/source/fonts/Inter-UI-Regular.woff Normal file
View File

Binary file not shown.

BIN
themes/navy/source/fonts/Inter-UI-Regular.woff2 Normal file
View File

Binary file not shown.