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

View File

@ -1,30 +1,12 @@
<footer role="contentinfo" class="c-footer o-distance-xxl">
<div class="o-container">
<div class="c-footer__top">
<p class="c-category-title c-footer__top__title u-text-light">{{__('footer.text')}}</p>
<ul class="o-list-inline">
<li class="o-list-inline__item">
<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>
<p class="c-category-title c-footer__top__title u-text-light">
<a href="/" class="c-logo c-logo--negative" title="Embark">Embark</a>
</p>
</div>
<div class="c-footer__body">
<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">
<p class="c-category-title u-text-light">{{__('footer.section_resources.title')}}</p>
<ul class="o-list-bare">
@ -79,17 +61,18 @@
</li>
</ul>
</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>
<ul class="o-list-bare">
<li class="o-list-bare__item">
<a href="" class="u-link-ghost" title="Jobs">Jobs</a>
</li>
<li class="o-list-bare__item">
<a href="" class="u-link-ghost" title="Privacy Policy">Privacy Policy</a>
</li>
<div class="o-grid__column--1-1 o-grid__column--medium-1-2 o-grid__column--large-1-4">
<p class="c-category-title u-text-light">The Status Network</p>
<ul class="o-list-bare two-columns">
<li class="o-list-bare__item"><a class="u-link-ghost" href="https://status.im/" target="_blank">Status</a></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"><a class="u-link-ghost" href="https://dap.ps/" target="_blank">dap.ps</a></li>
<li class="o-list-bare__item"><a class="u-link-ghost" href="https://embark.status.im/" target="_blank">Embark</a></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>
</div> -->
</div>
</div>
</div>
<div class="c-footer__bottom">

View File

@ -29,10 +29,26 @@
}
}
&__body {
margin-top: get-spacing-stack(xl);
margin-top: get-spacing-stack(m);
}
&__bottom {
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;
}
}
}