embarklabs
/
embark
mirror of https://github.com/embarklabs/embark.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

chore(@embark-site): add all links to status network projects

This commit is contained in:
Jonathan Rainville 2019-11-21 09:58:08 -05:00 committed by Pascal Precht
parent ae16b65eb4
commit c920bd5e14
2 changed files with 31 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
site/themes/embark/layout/partial/footer.swig
View File

@ -1,30 +1,12 @@
<footer role="contentinfo" class="c-footer o-distance-xxl"> <footer role="contentinfo" class="c-footer o-distance-xxl">
<div class="o-container"> <div class="o-container">
<div class="c-footer__top"> <div class="c-footer__top">
<p class="c-category-title c-footer__top__title u-text-light">{{__('footer.text')}}</p> <p class="c-category-title c-footer__top__title u-text-light">
<ul class="o-list-inline"> <a href="/" class="c-logo c-logo--negative" title="Embark">Embark</a>
<li class="o-list-inline__item"> </p>
<a href="https://keycard.status.im" title="Keycard by Status"><img src="{{url_for('../assets/images/keycard-logo-negative.svg')}}" alt="Keycard Logo"></a>
</li>
<li class="o-list-inline__item">
<a href="https://nimbus.status.im" title="Nimbus by Status"><img src="{{url_for('../assets/images/Nimbus.svg')}}" alt="Nimbus Logo"></a>
</li>
<li class="o-list-inline__item">
<a href="https://status.im" title="Status"><img src="{{url_for('../assets/images/status-logo.svg')}}" alt="Status Logo"></a>
</li>
</ul>
</div> </div>
<div class="c-footer__body"> <div class="c-footer__body">
<div class="o-grid"> <div class="o-grid">
<div class="o-grid__column--1-1 o-grid__column--medium-1-2 o-grid__column--large-1-5">
<a href="/" class="c-logo c-logo--negative" title="Embark">Embark</a>
<!-- <form action="" class="o-distance-m">
<select name="select-language" id="sel-language">
<option value="Englisch">Englisch</option>
<option value="Deutsch">Deutsch</option>
</select>
</form> -->
</div>
<div class="o-grid__column--1-1 o-grid__column--medium-1-2 o-grid__column--large-1-5"> <div class="o-grid__column--1-1 o-grid__column--medium-1-2 o-grid__column--large-1-5">
<p class="c-category-title u-text-light">{{__('footer.section_resources.title')}}</p> <p class="c-category-title u-text-light">{{__('footer.section_resources.title')}}</p>
<ul class="o-list-bare"> <ul class="o-list-bare">
@ -79,17 +61,18 @@
</li> </li>
</ul> </ul>
</div> </div>
<!-- <div class="o-grid__column--1-1 o-grid__column--medium-1-2 o-grid__column--large-1-5">
<p class="c-category-title u-text-light">More</p> <div class="o-grid__column--1-1 o-grid__column--medium-1-2 o-grid__column--large-1-4">
<ul class="o-list-bare"> <p class="c-category-title u-text-light">The Status Network</p>
<li class="o-list-bare__item"> <ul class="o-list-bare two-columns">
<a href="" class="u-link-ghost" title="Jobs">Jobs</a> <li class="o-list-bare__item"><a class="u-link-ghost" href="https://status.im/" target="_blank">Status</a></li>
</li> <li class="o-list-bare__item"><a class="u-link-ghost" href="https://keycard.tech/" target="_blank">Keycard</a></li>
<li class="o-list-bare__item"> <li class="o-list-bare__item"><a class="u-link-ghost" href="https://dap.ps/" target="_blank">dap.ps</a></li>
<a href="" class="u-link-ghost" title="Privacy Policy">Privacy Policy</a> <li class="o-list-bare__item"><a class="u-link-ghost" href="https://embark.status.im/" target="_blank">Embark</a></li>
</li> <li class="o-list-bare__item"><a class="u-link-ghost" href="https://subspace.status.im/" target="_blank">Subspace</a></li>
<li class="o-list-bare__item"><a class="u-link-ghost" href="https://vac.dev/" target="_blank">Vac</a></li>
</ul> </ul>
</div> --> </div>
</div> </div>
</div> </div>
<div class="c-footer__bottom"> <div class="c-footer__bottom">

18
site/themes/embark/source/css/04-objects/_objects.footer.scss
View File

@ -29,10 +29,26 @@
} }
} }
&__body { &__body {
margin-top: get-spacing-stack(xl); margin-top: get-spacing-stack(m);
} }
&__bottom { &__bottom {
margin-top: get-spacing-stack(xl); margin-top: get-spacing-stack(xl);
} }
.two-columns {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
}
.o-grid__column--1-1 {
text-align: center;
}
@include breakpoint(s) {
.o-grid__column--1-1 {
text-align: left;
}
}
} }