mirror of
https://github.com/status-im/studio.status.im.git
synced 2025-02-23 17:28:36 +00:00
Changes footer
This commit is contained in:
Andy Tudhope
parent
377a9eb630
commit
364a38076b
@ -1 +0,0 @@
|
|||||||
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=hexoio" id="_carbonads_js"></script>
|
|
||||||
@ -1,75 +1,51 @@
|
|||||||
<footer class="site-footer">
|
<div class="footer footer--global">
|
||||||
<div class="container-footer">
|
<div class="footer-inner">
|
||||||
<div class="footer-wrap">
|
|
||||||
<div class="ecosystem-footer-wrap">
|
<div class="footer-table">
|
||||||
<div class="footer-head">
|
|
||||||
<h3>Ecosystem</h3>
|
<div class="footer-table__column">
|
||||||
|
<p class="footer-header">Social links</p>
|
||||||
|
<ul class="footer-list">
|
||||||
|
<li class="footer-link footer-link--fb"><a href="https://www.facebook.com/ethstatus" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Facebook</span></a></li>
|
||||||
|
<li class="footer-link footer-link--tw"><a href="https://twitter.com/ethstatus" 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" 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>
|
||||||
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<a href="/about/">
|
|
||||||
<div class="ecosystem-footer">
|
<div class="footer-table__column">
|
||||||
<h4>app</h4>
|
<p class="footer-header">More</p>
|
||||||
<p>Browse, chat, and make payments on Ethereum</p>
|
<ul class="footer-list">
|
||||||
|
<li class="footer-link"><a href="https://docs.status.im" 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="https://status.im/open-positions.html" target="_blank">Jobs</a></li>
|
||||||
|
<li class="footer-link"><a href="https://status.im/incubate" target="_blank">Incubate</a></li>
|
||||||
|
<li class="footer-link"><a href="https://status.im/projects" target="_blank">Projects</a></li>
|
||||||
|
<li class="footer-link"><a href="https://status.im/privacy-policy.html" target="_blank">Privacy Policy</a></li>
|
||||||
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
|
||||||
<a href="#">
|
<div class="footer-table__column">
|
||||||
<div class="ecosystem-footer">
|
<p class="footer-header">Projects</p>
|
||||||
<h4>nimbus</h4>
|
<ul class="footer-list">
|
||||||
<p>An Ethereum 2.0 client for resource-restricted devices</p>
|
<li class="footer-link"><a href="https://docs.status.im" target="_blank">Embark</a></li>
|
||||||
|
<li class="footer-link"><a href="https://our.status.im/" target="_blank">Incubate</a></li>
|
||||||
|
<li class="footer-link"><a href="https://status.im/open-positions.html" target="_blank">Nimbus</a></li>
|
||||||
|
<li class="footer-link"><a href="https://status.im/incubate" target="_blank">Studio</a></li>
|
||||||
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
|
||||||
<a href="#">
|
</div>
|
||||||
<div class="ecosystem-footer">
|
|
||||||
<h4>hardwallet</h4>
|
|
||||||
<p>Store your funds and data securely</p>
|
<div class="footer-logo-wrap">
|
||||||
</div>
|
<div class="footer-logo-wrap__inner">
|
||||||
</a>
|
<a class="footer-logo" href="https://status.im" target="_blank"></a>
|
||||||
<a href="#">
|
<div class="footer-address secondary-text">Status Research & Development GmbH<br/>Baarerstrasse 10<br/>Zug, Switzerland</div>
|
||||||
<div class="ecosystem-footer">
|
|
||||||
<h4>embark</h4>
|
|
||||||
<p>Build powerful decentralized applications easily</p>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
<a href="#">
|
|
||||||
<div class="ecosystem-footer">
|
|
||||||
<h4>incubate</h4>
|
|
||||||
<p>ÐApps, IoT, base-layer protocols, scaling & more</p>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
<a href="#">
|
|
||||||
<div class="ecosystem-footer">
|
|
||||||
<h4>studio</h4>
|
|
||||||
<p>An integrated development & education platform</p>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="company">
|
|
||||||
<h3>Company</h3>
|
|
||||||
<ul>
|
|
||||||
<li><a href="/about/">About Us</a></li>
|
|
||||||
<li><a href="https://status.im/open-positions.html">Jobs</a></li>
|
|
||||||
<li><a href="https://our.status.im/">Blog</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div class="social-links">
|
|
||||||
<h3>Community</h3>
|
|
||||||
<div class="chat-footer">
|
|
||||||
<a href="https://get.status.im/chat/public/status" target="_blank" class="footer-status">STATUS PUBLIC CHAT</a>
|
|
||||||
</div>
|
|
||||||
<ul class="community">
|
|
||||||
<li><a href="https://twitter.com/ethstatus" target="_blank" class="footer-twitter">Twitter</a></li>
|
|
||||||
<li><a href="https://www.facebook.com/ethstatus" target="_blank" class="footer-facebook">Facebook</a></li>
|
|
||||||
<li><a href="https://github.com/status-im" target="_blank" class="footer-github">GitHub</a></li>
|
|
||||||
<li><a href="https://chat.status.im/#/register" target="_blank" class="footer-riot">Riot</a></li>
|
|
||||||
<li><a href="https://www.youtube.com/statusim" target="_blank" class="footer-youtube">YouTube</a></li>
|
|
||||||
<li><a href="https://www.reddit.com/r/statusim/" target="_blank" class="footer-reddit">Reddit</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div class="footer-info">
|
|
||||||
<div class="footer-logo">
|
|
||||||
<a href="https://status.im/" ><img src="../img/logo-footer.svg" alt="Status"></a>
|
|
||||||
</div>
|
|
||||||
<p>Status Holdings Pte. Ltd. <br>6 Ubi Road Singapore </p>
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
|
||||||
@ -1,197 +1,214 @@
|
|||||||
.container-footer
|
.footer
|
||||||
max-width: 1400px
|
width 100%
|
||||||
margin: 0 auto
|
display flex
|
||||||
padding: 0 20px
|
justify-content center
|
||||||
display: flex
|
background-color #262A39
|
||||||
|
position relative
|
||||||
|
z-index 998
|
||||||
|
margin 0 0 0 0
|
||||||
|
|
||||||
.footer-info
|
.footer-inner
|
||||||
position: absolute
|
display flex
|
||||||
bottom: 0
|
flex-direction column
|
||||||
left: 46%
|
align-items center
|
||||||
text-align: center
|
justify-content space-between
|
||||||
p
|
width 1200px
|
||||||
margin-bottom: 60px
|
padding 32px 0
|
||||||
|
|
||||||
.footer-logo
|
.cards--community
|
||||||
margin-bottom: 6px
|
&.cards--community--dark
|
||||||
|
margin 0
|
||||||
|
.card-inner
|
||||||
|
background-color transparent
|
||||||
|
a
|
||||||
|
h4
|
||||||
|
color $colorWhite
|
||||||
|
p
|
||||||
|
color $colorGray
|
||||||
|
opacity .7
|
||||||
|
&:hover
|
||||||
|
h4
|
||||||
|
opacity 0.8
|
||||||
|
|
||||||
.ecosystem-footer-wrap
|
.cards--community--dark
|
||||||
float: left
|
.community-icon--join
|
||||||
width: 50%
|
background-image url(../img/icon-join-dark.svg)
|
||||||
padding: 0 0 0 100px;
|
.community-icon--discussion
|
||||||
|
background-image url(../img/icon-discussion-dark.svg)
|
||||||
|
.community-icon--contrubute
|
||||||
|
background-image url(../img/icon-contribute-dark.svg)
|
||||||
|
|
||||||
.footer-head
|
.footer-nav
|
||||||
width: 100%
|
width 100%
|
||||||
margin-bottom: 10px
|
display flex
|
||||||
h3
|
align-items center
|
||||||
font-size: 16px
|
justify-content center
|
||||||
color: #FFFFFF
|
margin 32px 0 0 0
|
||||||
mix-blend-mode: normal
|
padding 32px 0
|
||||||
opacity: 0.4
|
border-top 1px solid rgba(255, 255, 255, .1)
|
||||||
|
li
|
||||||
|
a
|
||||||
|
padding 0 12px
|
||||||
|
color $colorWhite
|
||||||
|
&:hover
|
||||||
|
opacity .8
|
||||||
|
|
||||||
.ecosystem-footer
|
.footer-logo-wrap
|
||||||
width: 40%
|
width 317px
|
||||||
text-align: left
|
display flex
|
||||||
float: left
|
text-align center
|
||||||
padding: 20px 60px 20px 0
|
|
||||||
h4
|
|
||||||
color: #fff
|
|
||||||
font-weight: bold
|
|
||||||
font-size: 20px
|
|
||||||
margin: 10px 0
|
|
||||||
p
|
|
||||||
color: rgba(255,255,255,0.4)
|
|
||||||
|
|
||||||
.company
|
.footer-logo-wrap__inner
|
||||||
width: 25%
|
width 100%
|
||||||
float: left
|
display flex
|
||||||
min-height: 380px
|
flex-direction column
|
||||||
padding-left: 10%
|
justify-content space-between
|
||||||
h3
|
align-items center
|
||||||
margin-bottom: 40px
|
padding 16px 0 16px 0
|
||||||
ul
|
|
||||||
li
|
|
||||||
padding-bottom: 24px
|
|
||||||
a
|
|
||||||
line-height: 24px
|
|
||||||
font-size: 16px
|
|
||||||
color: #FFFFFF
|
|
||||||
text-decoration: none
|
|
||||||
|
|
||||||
.social-links
|
a
|
||||||
float: left
|
&.footer-logo
|
||||||
h3
|
display block
|
||||||
margin-bottom: 40px
|
width 52px
|
||||||
ul
|
height 52px
|
||||||
li
|
background-size 52px
|
||||||
a
|
background-image url(../img/footer-logo.svg)
|
||||||
line-height: 24px
|
&:hover
|
||||||
font-size: 16px
|
opacity .8
|
||||||
color: #FFFFFF
|
|
||||||
text-decoration: none
|
|
||||||
|
|
||||||
.footer-status
|
.footer-address
|
||||||
color: #fff
|
padding 20px 0 0 0
|
||||||
text-decoration: none
|
color #939ba1
|
||||||
background: #3C3F4D
|
|
||||||
box-shadow: 0px 2px 4px rgba(43, 59, 71, 0.124066)
|
|
||||||
border-radius: 20px
|
|
||||||
padding: 12px 24px
|
|
||||||
|
|
||||||
.chat-footer
|
.footer-table
|
||||||
margin-bottom: 28px
|
display flex
|
||||||
|
|
||||||
@media (max-width: 1199px)
|
.footer-table__column
|
||||||
.ecosystem-footer-wrap
|
box-sizing border-box
|
||||||
width: 55%
|
padding 32px 74px 64px
|
||||||
|
|
||||||
@media (max-width: 991px)
|
.footer-header
|
||||||
.ecosystem-footer-wrap
|
color white
|
||||||
width: 50%
|
opacity .5
|
||||||
padding: 0
|
margin 0 0 40px 0
|
||||||
.ecosystem-footer
|
|
||||||
width: 100%
|
.footer-link
|
||||||
padding: 0 20px
|
height 32px
|
||||||
p
|
line-height 32px
|
||||||
display: none
|
margin 0 0 15px 0
|
||||||
.footer-head
|
a
|
||||||
margin-bottom: 30px
|
display flex
|
||||||
|
align-items center
|
||||||
|
color white
|
||||||
|
text-decoration none
|
||||||
|
&:hover
|
||||||
|
opacity .8
|
||||||
|
|
||||||
|
.footer-icon
|
||||||
|
display inline-block
|
||||||
|
width 32px
|
||||||
|
height 32px
|
||||||
|
background-color rgba(255, 255, 255, 0.1)
|
||||||
|
border-radius 50%
|
||||||
|
margin 0 15px 0 0
|
||||||
|
background-repeat no-repeat
|
||||||
|
background-size 24px
|
||||||
|
background-position center
|
||||||
|
|
||||||
|
.footer-link--fb
|
||||||
|
.footer-icon
|
||||||
|
background-image: url(../img/icon_fb.svg)
|
||||||
|
|
||||||
|
.footer-link--tw
|
||||||
|
.footer-icon
|
||||||
|
background-image: url(../img/icon_tw.svg)
|
||||||
|
|
||||||
|
.footer-link--ri
|
||||||
|
.footer-icon
|
||||||
|
background-image: url(../img/icon_ri.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)
|
||||||
|
|
||||||
|
.language-switcher
|
||||||
|
color white
|
||||||
|
-webkit-appearance none
|
||||||
|
font-size 16px
|
||||||
|
line-height 32px
|
||||||
|
padding 0 24px 0 0
|
||||||
|
background-image url(../img/new-site/icon_dropdown-white.svg)
|
||||||
|
background-size 24px
|
||||||
|
background-repeat no-repeat
|
||||||
|
background-position right center
|
||||||
|
&:focus
|
||||||
|
outline none
|
||||||
|
|
||||||
|
@media (max-width: 1248px)
|
||||||
|
.footer-inner
|
||||||
|
width 100%
|
||||||
|
padding 32px 24px
|
||||||
|
.footer-logo-wrap
|
||||||
|
//width 200px
|
||||||
|
|
||||||
|
@media (max-width: 960px)
|
||||||
|
.cards--community
|
||||||
|
&.cards--community--dark
|
||||||
|
.card-inner
|
||||||
|
height auto
|
||||||
|
min-height 180px
|
||||||
|
.footer-inner
|
||||||
|
width 820px
|
||||||
|
justify-content space-around
|
||||||
|
|
||||||
|
@media (max-width: 800px)
|
||||||
|
.cards--community
|
||||||
|
&.cards--community--dark
|
||||||
|
margin 0 auto
|
||||||
|
max-width 375px
|
||||||
|
.card-inner
|
||||||
|
padding 0 12px
|
||||||
|
|
||||||
@media (max-width: 767px)
|
@media (max-width: 767px)
|
||||||
.ecosystem-footer-wrap
|
.footer
|
||||||
width: 40%
|
border-top 0px
|
||||||
.footer-info
|
.footer-inner
|
||||||
left: 36%
|
padding 40px 0 0 0
|
||||||
|
flex-direction column
|
||||||
@media (max-width: 459px)
|
.footer-header
|
||||||
.ecosystem-footer-wrap
|
margin 0 0 16px 0
|
||||||
width: 40%
|
.footer-table
|
||||||
.footer-head
|
flex-direction column
|
||||||
margin-bottom: 10px
|
align-items center
|
||||||
.company
|
justify-content center
|
||||||
width: 40%
|
.footer-table__column
|
||||||
padding: 0 10%
|
text-align center
|
||||||
min-height: 100px
|
padding 16px 16px
|
||||||
ul
|
.footer-nav
|
||||||
li
|
margin 0 0 0 0
|
||||||
padding: 0
|
.footer-link
|
||||||
.social-links
|
text-align center
|
||||||
width: 100%
|
height 24px
|
||||||
margin-top: 20px
|
line-height 24px
|
||||||
.footer-info
|
margin 0 0 16px 0
|
||||||
left: 28%
|
a
|
||||||
.chat-footer
|
justify-content center
|
||||||
margin-left: 26%
|
text-align center
|
||||||
.community
|
.footer-icon
|
||||||
margin-left: 32%
|
display none
|
||||||
|
.footer-logo-wrap
|
||||||
@media (max-width: 459px)
|
width auto
|
||||||
.chat-footer
|
order 2
|
||||||
margin-left: 15%
|
.footer-logo-wrap__inner
|
||||||
.community
|
width 100%
|
||||||
margin-left: 27%
|
padding 32px 0 40px 0
|
||||||
|
align-items center
|
||||||
footer ul{
|
text-align center
|
||||||
list-style-type: none;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
footer ul li{
|
|
||||||
margin-bottom: 24px;
|
|
||||||
}
|
|
||||||
|
|
||||||
footer ul li a:hover{
|
|
||||||
opacity: .6;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
footer ul.community li a{
|
|
||||||
position: relative;
|
|
||||||
padding-left: 48px;
|
|
||||||
}
|
|
||||||
|
|
||||||
footer ul.community li a:before,
|
|
||||||
footer ul.community li a:after{
|
|
||||||
content: '';
|
|
||||||
width: 32px;
|
|
||||||
height: 32px;
|
|
||||||
border-radius: 50%;
|
|
||||||
background: #FFFFFF;
|
|
||||||
opacity: 0.1;
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
left: 0;
|
|
||||||
transform: translateY(-50%);
|
|
||||||
}
|
|
||||||
|
|
||||||
footer ul.community li a:after{
|
|
||||||
opacity: 1;
|
|
||||||
background-color: transparent;
|
|
||||||
background-position: center;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
footer ul.community li a.footer-facebook:after{
|
|
||||||
background-image: url(../img/icon_fb2.svg);
|
|
||||||
}
|
|
||||||
|
|
||||||
footer ul.community li a.footer-twitter:after{
|
|
||||||
background-image: url(../img/icon_tw2.svg);
|
|
||||||
}
|
|
||||||
|
|
||||||
footer ul.community li a.footer-riot:after{
|
|
||||||
background-image: url(../img/icon_ri.svg);
|
|
||||||
}
|
|
||||||
|
|
||||||
footer ul.community li a.footer-github:after{
|
|
||||||
background-image: url(../img/icon_gh2.svg);
|
|
||||||
}
|
|
||||||
|
|
||||||
footer ul.community li a.footer-reddit:after{
|
|
||||||
background-image: url(../img/icon_rd2.svg);
|
|
||||||
}
|
|
||||||
|
|
||||||
footer ul.community li a.footer-youtube:after{
|
|
||||||
background-image: url(../img/icon_yt.svg);
|
|
||||||
}
|
|
||||||
@ -206,8 +206,8 @@ body
|
|||||||
transition: all 0.3s ease-in-out
|
transition: all 0.3s ease-in-out
|
||||||
&:before
|
&:before
|
||||||
content: ''
|
content: ''
|
||||||
width: 180px
|
width: 148px
|
||||||
height: 68px
|
height: 56px
|
||||||
display: block
|
display: block
|
||||||
background-image: url("../img/logo-status.svg")
|
background-image: url("../img/logo-status.svg")
|
||||||
background-size: cover
|
background-size: cover
|
||||||
|
|||||||
@ -0,0 +1 @@
|
|||||||
|
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>icon_fb</title><path d="M13.203 13.07h2.349l.353-2.633h-2.702v-1.69c0-.764.213-1.285 1.349-1.285H16V5.1a20.754 20.754 0 0 0-2.11-.1c-2.09 0-3.52 1.225-3.52 3.486v1.95H8v2.634h2.371v6.787h2.832V13.07z" fill="#FFF" fill-rule="evenodd"/></svg>
|
||||||
|
Before Width: | Height: | Size: 0 B After Width: | Height: | Size: 330 B |
@ -1 +0,0 @@
|
|||||||
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>icon_fb</title><path d="M13.203 13.07h2.349l.353-2.633h-2.702v-1.69c0-.764.213-1.285 1.349-1.285H16V5.1a20.754 20.754 0 0 0-2.11-.1c-2.09 0-3.52 1.225-3.52 3.486v1.95H8v2.634h2.371v6.787h2.832V13.07z" fill="#FFF" fill-rule="evenodd"/></svg>
|
|
||||||
|
Before Width: | Height: | Size: 330 B |
|
Before Width: | Height: | Size: 773 B After Width: | Height: | Size: 773 B |
|
Before Width: | Height: | Size: 831 B After Width: | Height: | Size: 831 B |
|
Before Width: | Height: | Size: 645 B After Width: | Height: | Size: 645 B |
@ -13,7 +13,7 @@
|
|||||||
* @since: 2016-07-01
|
* @since: 2016-07-01
|
||||||
*/
|
*/
|
||||||
|
|
||||||
module || (module = {}); // shim for browser use
|
var module = module ? module : {}; // shim for browser use
|
||||||
|
|
||||||
function hljsDefineSolidity(hljs) {
|
function hljsDefineSolidity(hljs) {
|
||||||
var SOL_KEYWORDS = {
|
var SOL_KEYWORDS = {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user