update header and footer
This commit is contained in:
jinhojang6
parent
2f7692ebfe
commit
58a1c9557e
|
|
@ -50,4 +50,4 @@
|
|||
"vinyl-source-stream": "^2.0.0",
|
||||
"watchify": "^3.11.0"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="home-wrap">
|
||||
<div class="section-header section-header--main">
|
||||
<div id="about" class="section-header section-header--main">
|
||||
<h2 id="top-header">Research for Scale️️</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>
|
||||
|
|
@ -55,7 +55,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sections">
|
||||
<div id="contribute" class="sections">
|
||||
<div class="inner-header">
|
||||
<h2>Contribute</h2>
|
||||
<p>Nimbus is an open source initiative in which anyone can get involved. There are a number of ways to contribute:</p>
|
||||
|
|
@ -83,7 +83,7 @@
|
|||
<span><a href="https://get.status.im/chat/public/status-nimbus"><img src="../img/arrow_ogn.png" /></a></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="inner-header">
|
||||
<div id="team" class="inner-header">
|
||||
<h2>Core Contributors</h2>
|
||||
<p>We’re a diverse group of researchers, engineers, and scientists with a passion for web3 technologies. We work primarily in Nim.</p>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -6,33 +6,26 @@
|
|||
<div class="footer-table__column">
|
||||
<p class="footer-header">Social links</p>
|
||||
<ul class="footer-list">
|
||||
<li class="footer-link footer-link--gt"><a href="https://gitter.im/status-im/nimbus" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Gitter</span></a></li>
|
||||
<li class="footer-link footer-link--tw"><a href="https://twitter.com/ethnimbus" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Twitter</span></a></li>
|
||||
<li class="footer-link footer-link--ri"><a href="https://chat.status.im/#/register" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Riot</span></a></li>
|
||||
<li class="footer-link footer-link--gh"><a href="https://github.com/status-im/nimbus" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Github</span></a></li>
|
||||
<li class="footer-link footer-link--rd"><a href="https://www.reddit.com/r/statusim/" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Reddit</span></a></li>
|
||||
<li class="footer-link footer-link--yt"><a href="https://www.youtube.com/statusim" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">YouTube</span></a></li>
|
||||
<li class="footer-link"><a href="https://etherscan.io/address/0x70E47C843E0F6ab0991A3189c28F2957eb6d3842" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Donate to 0x70E47C843E0F6ab0991A3189c28F2957eb6d3842</span></a></li>
|
||||
<li class="footer-link footer-link--dc"><a href="https://discord.gg/XRxWahP" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Discord</span></a></li>
|
||||
<li class="footer-link footer-link--st"><a href="https://get.status.im/chat/public/nimbus-general" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Status</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="footer-table__column">
|
||||
<p class="footer-header">More</p>
|
||||
<ul class="footer-list">
|
||||
<li class="footer-link"><a href="https://status.im/docs/" target="_blank">Status Docs</a></li>
|
||||
<li class="footer-link"><a href="https://our.status.im/" target="_blank">Status Blog</a></li>
|
||||
<li class="footer-link"><a href="/contribute/" target="_blank">Jobs</a></li>
|
||||
<li class="footer-link"><a href="https://status.im/docs/" target="_blank">Docs</a></li>
|
||||
<li class="footer-link"><a href="/contribute/" target="_blank">Github</a></li>
|
||||
<li class="footer-link"><a href="https://our.status.im/" target="_blank">Blog</a></li>
|
||||
<li class="footer-link"><a href="https://etherscan.io/address/0x70E47C843E0F6ab0991A3189c28F2957eb6d3842" target="_blank">Donate</a></li>
|
||||
<li class="footer-link"><a href="/privacy-policy.html" target="_blank">Privacy Policy</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="footer-table__column">
|
||||
<p class="footer-header">Projects</p>
|
||||
<ul class="footer-list">
|
||||
<li class="footer-link"><a href="https://embark.status.im" target="_blank">Embark</a></li>
|
||||
<li class="footer-link"><a href="https://incubate.status.im/" target="_blank">Incubate</a></li>
|
||||
<li class="footer-link"><a href="https://nimbus.status.im/" target="_blank">Nimbus</a></li>
|
||||
<li class="footer-link"><a href="https://keycard.status.im/" target="_blank">Keycard</a></li>
|
||||
</ul>
|
||||
<p class="footer-header"> We are Part of the Status Network </p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,9 +1,7 @@
|
|||
<ul class="main-nav">
|
||||
<li class="item--to-show"><a href="https://status.im/get" class="">App</a></li>
|
||||
<li class="item--to-show"> <a href="https://our.status.im/tag/nimbus">Blog</a> </li>
|
||||
<li id="about-header" class="item--to-show"><a href="#about" class="">About</a></li>
|
||||
<li><a href="#contribute">Contribute</a></li>
|
||||
<li class="item--to-show"><a href="#team">Team</a></li>
|
||||
<li class="item--to-show"> <a href="/docs">Docs</a></li>
|
||||
<li class="item--dropdown item--dropdown-projects"> <a href="#" class="">Projects</a></li>
|
||||
<li><a href="/docs/contributor_guide.html">Contribute</a></li>
|
||||
<li class="item--dropdown"><a href="#" class="item--dropdown-community">Community</a></li>
|
||||
<li class="item--more"><a href="#" class="item--more">More</a></li>
|
||||
<li class="item--to-show"> <a href="https://our.status.im/tag/nimbus">Blog</a> </li>
|
||||
</ul>
|
||||
|
|
@ -4,7 +4,12 @@
|
|||
{{ partial('partial/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>
|
||||
<ul class="header-logos">
|
||||
<li class="header-link header-link--tw"><a href="https://twitter.com/ethnimbus" target="_blank"><span class="header-icon"></span><span class="header-link-label"></span></a></li>
|
||||
<li class="header-link header-link--gh"><a href="https://github.com/status-im/nimbus" target="_blank"><span class="header-icon"></span><span class="header-link-label"></span></a></li>
|
||||
<li class="header-link header-link--gt"><a href="https://gitter.im/status-im/nimbus" target="_blank"><span class="header-icon"></span><span class="header-link-label"></span></a></li>
|
||||
<li class="header-link header-link--st"><a href="https://get.status.im/chat/public/nimbus-general" target="_blank"><span class="header-icon"></span><span class="header-link-label"></span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -27,7 +32,7 @@
|
|||
<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>
|
||||
<a href=" https://get.status.im/chat/public/nimbus-general" class="button button--orange">Nimbus Status Chat</a>
|
||||
</div>
|
||||
<header class="dropdown">
|
||||
<nav>
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
|
|
@ -0,0 +1 @@
|
|||
<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 245 240"><style>.st0{fill:#FFFFFF;}</style><path class="st0" d="M104.4 103.9c-5.7 0-10.2 5-10.2 11.1s4.6 11.1 10.2 11.1c5.7 0 10.2-5 10.2-11.1.1-6.1-4.5-11.1-10.2-11.1zM140.9 103.9c-5.7 0-10.2 5-10.2 11.1s4.6 11.1 10.2 11.1c5.7 0 10.2-5 10.2-11.1s-4.5-11.1-10.2-11.1z"/><path class="st0" d="M189.5 20h-134C44.2 20 35 29.2 35 40.6v135.2c0 11.4 9.2 20.6 20.5 20.6h113.4l-5.3-18.5 12.8 11.9 12.1 11.2 21.5 19V40.6c0-11.4-9.2-20.6-20.5-20.6zm-38.6 130.6s-3.6-4.3-6.6-8.1c13.1-3.7 18.1-11.9 18.1-11.9-4.1 2.7-8 4.6-11.5 5.9-5 2.1-9.8 3.5-14.5 4.3-9.6 1.8-18.4 1.3-25.9-.1-5.7-1.1-10.6-2.7-14.7-4.3-2.3-.9-4.8-2-7.3-3.4-.3-.2-.6-.3-.9-.5-.2-.1-.3-.2-.4-.3-1.8-1-2.8-1.7-2.8-1.7s4.8 8 17.5 11.8c-3 3.8-6.7 8.3-6.7 8.3-22.1-.7-30.5-15.2-30.5-15.2 0-32.2 14.4-58.3 14.4-58.3 14.4-10.8 28.1-10.5 28.1-10.5l1 1.2c-18 5.2-26.3 13.1-26.3 13.1s2.2-1.2 5.9-2.9c10.7-4.7 19.2-6 22.7-6.3.6-.1 1.1-.2 1.7-.2 6.1-.8 13-1 20.2-.2 9.5 1.1 19.7 3.9 30.1 9.6 0 0-7.9-7.5-24.9-12.7l1.4-1.6s13.7-.3 28.1 10.5c0 0 14.4 26.1 14.4 58.3 0 0-8.5 14.5-30.6 15.2z"/></svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
|
|
@ -132,7 +132,6 @@ a.footer-logo:hover {
|
|||
border-radius: 50%;
|
||||
margin: 0 15px 0 0;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 24px;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
|
|
@ -144,23 +143,23 @@ a.footer-logo:hover {
|
|||
background-image: url(../img/icon_tw.svg);
|
||||
}
|
||||
|
||||
.footer-link--gt .footer-icon {
|
||||
background-image: url(../img/icon-gitter.svg);
|
||||
}
|
||||
|
||||
.footer-link--ri .footer-icon {
|
||||
background-image: url(../img/icon_ri.svg);
|
||||
.footer-link--dc .footer-icon {
|
||||
background-image: url(../img/icon_discord.svg);
|
||||
background-size: 70%;
|
||||
}
|
||||
|
||||
.footer-link--st .footer-icon {
|
||||
background-image: url(../img/footer-logo.svg);
|
||||
}
|
||||
|
||||
.footer-link--gh .footer-icon {
|
||||
background-image: url(../img/icon_gh.svg);
|
||||
}
|
||||
|
||||
.footer-link--rd .footer-icon {
|
||||
background-image: url(../img/icon_rd.svg);
|
||||
}
|
||||
|
||||
.footer-link--yt .footer-icon {
|
||||
background-image: url(../img/icon_yt.svg);
|
||||
}
|
||||
|
||||
.footer-link a {
|
||||
color: white;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -9,11 +9,20 @@
|
|||
margin: 24px 0 0 -600px;
|
||||
}
|
||||
|
||||
html {
|
||||
scroll-behavior:smooth
|
||||
}
|
||||
|
||||
.header-left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.header-logos {
|
||||
display: flex;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.header-right {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -23,7 +32,7 @@
|
|||
display: block;
|
||||
width: 146px;
|
||||
height: 56px;
|
||||
background-image: url(../img/status-logo.svg);
|
||||
background-image: url(../img/Nimbus_logo_white.png);
|
||||
background-size: 146px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
|
|
@ -43,6 +52,36 @@
|
|||
pointer-events: none;
|
||||
}
|
||||
|
||||
|
||||
.header-icon {
|
||||
display: inline-block;
|
||||
width: 45px;
|
||||
height: 45px;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
border-radius: 50%;
|
||||
margin: 0 25px 0 0;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.header-link--gh .header-icon {
|
||||
background-image: url(../img/icon_gh.svg);
|
||||
background-size: 80%;
|
||||
}
|
||||
|
||||
.header-link--tw .header-icon {
|
||||
background-image: url(../img/icon_tw.svg);
|
||||
background-size: 80%;
|
||||
}
|
||||
|
||||
.header-link--gt .header-icon {
|
||||
background-image: url(../img/icon-gitter.svg);
|
||||
}
|
||||
|
||||
.header-link--st .header-icon {
|
||||
background-image: url(../img/footer-logo.svg);
|
||||
}
|
||||
|
||||
.mobile-nav-wrap.mobile-nav--shown {
|
||||
visibility: visible;
|
||||
pointer-events: all;
|
||||
|
|
@ -140,11 +179,11 @@
|
|||
.main-nav {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-left: 32px;
|
||||
margin-left: 80px;
|
||||
}
|
||||
|
||||
.main-nav li {
|
||||
margin: 16px 12px 12px 12px;
|
||||
margin: 16px 30px 12px 30px;
|
||||
}
|
||||
|
||||
.main-nav li.item--dropdown{
|
||||
|
|
|
|||
|
|
@ -803,9 +803,9 @@ footer input[type="email"] {
|
|||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.logo {
|
||||
background-image: url(../img/nimbus-logo.svg);
|
||||
}
|
||||
// .logo {
|
||||
// background-image: url(../img/nimbus-logo.svg);
|
||||
// }
|
||||
|
||||
.mobile-nav-inner .logo {
|
||||
background-image: url(../img/status-logo.svg);
|
||||
|
|
|
|||
Loading…
Reference in New Issue