mirror of
https://github.com/status-im/studio.status.im.git
synced 2025-02-23 01:08:35 +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="container-footer">
|
||||
<div class="footer-wrap">
|
||||
<div class="ecosystem-footer-wrap">
|
||||
<div class="footer-head">
|
||||
<h3>Ecosystem</h3>
|
||||
<div class="footer footer--global">
|
||||
<div class="footer-inner">
|
||||
|
||||
<div class="footer-table">
|
||||
|
||||
<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>
|
||||
<a href="/about/">
|
||||
<div class="ecosystem-footer">
|
||||
<h4>app</h4>
|
||||
<p>Browse, chat, and make payments on Ethereum</p>
|
||||
|
||||
<div class="footer-table__column">
|
||||
<p class="footer-header">More</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>
|
||||
</a>
|
||||
<a href="#">
|
||||
<div class="ecosystem-footer">
|
||||
<h4>nimbus</h4>
|
||||
<p>An Ethereum 2.0 client for resource-restricted devices</p>
|
||||
|
||||
<div class="footer-table__column">
|
||||
<p class="footer-header">Projects</p>
|
||||
<ul class="footer-list">
|
||||
<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>
|
||||
</a>
|
||||
<a href="#">
|
||||
<div class="ecosystem-footer">
|
||||
<h4>hardwallet</h4>
|
||||
<p>Store your funds and data securely</p>
|
||||
</div>
|
||||
</a>
|
||||
<a href="#">
|
||||
<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 class="footer-logo-wrap">
|
||||
<div class="footer-logo-wrap__inner">
|
||||
<a class="footer-logo" href="https://status.im" target="_blank"></a>
|
||||
<div class="footer-address secondary-text">Status Research & Development GmbH<br/>Baarerstrasse 10<br/>Zug, Switzerland</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
@ -1,197 +1,214 @@
|
||||
.container-footer
|
||||
max-width: 1400px
|
||||
margin: 0 auto
|
||||
padding: 0 20px
|
||||
display: flex
|
||||
.footer
|
||||
width 100%
|
||||
display flex
|
||||
justify-content center
|
||||
background-color #262A39
|
||||
position relative
|
||||
z-index 998
|
||||
margin 0 0 0 0
|
||||
|
||||
.footer-info
|
||||
position: absolute
|
||||
bottom: 0
|
||||
left: 46%
|
||||
text-align: center
|
||||
p
|
||||
margin-bottom: 60px
|
||||
.footer-inner
|
||||
display flex
|
||||
flex-direction column
|
||||
align-items center
|
||||
justify-content space-between
|
||||
width 1200px
|
||||
padding 32px 0
|
||||
|
||||
.footer-logo
|
||||
margin-bottom: 6px
|
||||
.cards--community
|
||||
&.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
|
||||
float: left
|
||||
width: 50%
|
||||
padding: 0 0 0 100px;
|
||||
.cards--community--dark
|
||||
.community-icon--join
|
||||
background-image url(../img/icon-join-dark.svg)
|
||||
.community-icon--discussion
|
||||
background-image url(../img/icon-discussion-dark.svg)
|
||||
.community-icon--contrubute
|
||||
background-image url(../img/icon-contribute-dark.svg)
|
||||
|
||||
.footer-head
|
||||
width: 100%
|
||||
margin-bottom: 10px
|
||||
h3
|
||||
font-size: 16px
|
||||
color: #FFFFFF
|
||||
mix-blend-mode: normal
|
||||
opacity: 0.4
|
||||
.footer-nav
|
||||
width 100%
|
||||
display flex
|
||||
align-items center
|
||||
justify-content center
|
||||
margin 32px 0 0 0
|
||||
padding 32px 0
|
||||
border-top 1px solid rgba(255, 255, 255, .1)
|
||||
li
|
||||
a
|
||||
padding 0 12px
|
||||
color $colorWhite
|
||||
&:hover
|
||||
opacity .8
|
||||
|
||||
.ecosystem-footer
|
||||
width: 40%
|
||||
text-align: left
|
||||
float: left
|
||||
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)
|
||||
.footer-logo-wrap
|
||||
width 317px
|
||||
display flex
|
||||
text-align center
|
||||
|
||||
.company
|
||||
width: 25%
|
||||
float: left
|
||||
min-height: 380px
|
||||
padding-left: 10%
|
||||
h3
|
||||
margin-bottom: 40px
|
||||
ul
|
||||
li
|
||||
padding-bottom: 24px
|
||||
a
|
||||
line-height: 24px
|
||||
font-size: 16px
|
||||
color: #FFFFFF
|
||||
text-decoration: none
|
||||
.footer-logo-wrap__inner
|
||||
width 100%
|
||||
display flex
|
||||
flex-direction column
|
||||
justify-content space-between
|
||||
align-items center
|
||||
padding 16px 0 16px 0
|
||||
|
||||
.social-links
|
||||
float: left
|
||||
h3
|
||||
margin-bottom: 40px
|
||||
ul
|
||||
li
|
||||
a
|
||||
line-height: 24px
|
||||
font-size: 16px
|
||||
color: #FFFFFF
|
||||
text-decoration: none
|
||||
a
|
||||
&.footer-logo
|
||||
display block
|
||||
width 52px
|
||||
height 52px
|
||||
background-size 52px
|
||||
background-image url(../img/footer-logo.svg)
|
||||
&:hover
|
||||
opacity .8
|
||||
|
||||
.footer-status
|
||||
color: #fff
|
||||
text-decoration: none
|
||||
background: #3C3F4D
|
||||
box-shadow: 0px 2px 4px rgba(43, 59, 71, 0.124066)
|
||||
border-radius: 20px
|
||||
padding: 12px 24px
|
||||
.footer-address
|
||||
padding 20px 0 0 0
|
||||
color #939ba1
|
||||
|
||||
.chat-footer
|
||||
margin-bottom: 28px
|
||||
.footer-table
|
||||
display flex
|
||||
|
||||
@media (max-width: 1199px)
|
||||
.ecosystem-footer-wrap
|
||||
width: 55%
|
||||
.footer-table__column
|
||||
box-sizing border-box
|
||||
padding 32px 74px 64px
|
||||
|
||||
@media (max-width: 991px)
|
||||
.ecosystem-footer-wrap
|
||||
width: 50%
|
||||
padding: 0
|
||||
.ecosystem-footer
|
||||
width: 100%
|
||||
padding: 0 20px
|
||||
p
|
||||
display: none
|
||||
.footer-head
|
||||
margin-bottom: 30px
|
||||
.footer-header
|
||||
color white
|
||||
opacity .5
|
||||
margin 0 0 40px 0
|
||||
|
||||
.footer-link
|
||||
height 32px
|
||||
line-height 32px
|
||||
margin 0 0 15px 0
|
||||
a
|
||||
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)
|
||||
.ecosystem-footer-wrap
|
||||
width: 40%
|
||||
.footer-info
|
||||
left: 36%
|
||||
|
||||
@media (max-width: 459px)
|
||||
.ecosystem-footer-wrap
|
||||
width: 40%
|
||||
.footer-head
|
||||
margin-bottom: 10px
|
||||
.company
|
||||
width: 40%
|
||||
padding: 0 10%
|
||||
min-height: 100px
|
||||
ul
|
||||
li
|
||||
padding: 0
|
||||
.social-links
|
||||
width: 100%
|
||||
margin-top: 20px
|
||||
.footer-info
|
||||
left: 28%
|
||||
.chat-footer
|
||||
margin-left: 26%
|
||||
.community
|
||||
margin-left: 32%
|
||||
|
||||
@media (max-width: 459px)
|
||||
.chat-footer
|
||||
margin-left: 15%
|
||||
.community
|
||||
margin-left: 27%
|
||||
|
||||
footer ul{
|
||||
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);
|
||||
}
|
||||
.footer
|
||||
border-top 0px
|
||||
.footer-inner
|
||||
padding 40px 0 0 0
|
||||
flex-direction column
|
||||
.footer-header
|
||||
margin 0 0 16px 0
|
||||
.footer-table
|
||||
flex-direction column
|
||||
align-items center
|
||||
justify-content center
|
||||
.footer-table__column
|
||||
text-align center
|
||||
padding 16px 16px
|
||||
.footer-nav
|
||||
margin 0 0 0 0
|
||||
.footer-link
|
||||
text-align center
|
||||
height 24px
|
||||
line-height 24px
|
||||
margin 0 0 16px 0
|
||||
a
|
||||
justify-content center
|
||||
text-align center
|
||||
.footer-icon
|
||||
display none
|
||||
.footer-logo-wrap
|
||||
width auto
|
||||
order 2
|
||||
.footer-logo-wrap__inner
|
||||
width 100%
|
||||
padding 32px 0 40px 0
|
||||
align-items center
|
||||
text-align center
|
||||
@ -206,8 +206,8 @@ body
|
||||
transition: all 0.3s ease-in-out
|
||||
&:before
|
||||
content: ''
|
||||
width: 180px
|
||||
height: 68px
|
||||
width: 148px
|
||||
height: 56px
|
||||
display: block
|
||||
background-image: url("../img/logo-status.svg")
|
||||
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
|
||||
*/
|
||||
|
||||
module || (module = {}); // shim for browser use
|
||||
var module = module ? module : {}; // shim for browser use
|
||||
|
||||
function hljsDefineSolidity(hljs) {
|
||||
var SOL_KEYWORDS = {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user