mirror of https://github.com/acid-info/vac.dev.git
Add new footer.
Signed-off-by: Nistor Cristian <contact@nistorcristian.com>
This commit is contained in:
Nistor Cristian
parent
bc53099c6c
commit
c2256889d1
|
|
@ -24,16 +24,43 @@
|
|||
</div>
|
||||
</section>
|
||||
|
||||
<div class="footer mb-100">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<ul>
|
||||
<li><a href="https://status.im/privacy-policy/" target="_blank">Privacy Policy</a></li>
|
||||
<div class="footer footer--global">
|
||||
<div class="footer-inner">
|
||||
|
||||
<div class="footer-table">
|
||||
|
||||
<div class="footer-table__column margin-top-15">
|
||||
<p class="footer-header">Social links</p>
|
||||
<ul class="footer-list">
|
||||
<li class="footer-link footer-link--tw"><a href="https://twitter.com/vacp2p" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Twitter</span></a></li>
|
||||
<li class="footer-link footer-link--dc"><a href="https://t.me/vacp2p" 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/vac" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Status</span></a></li>
|
||||
</ul>
|
||||
<p>We are part of the Status Network</p>
|
||||
<a href="https://status.im/"><img src="{{ '/assets/img/status-logo.svg' | relative_url }}"></a>
|
||||
</div>
|
||||
|
||||
<div class="footer-table__column margin-top-15">
|
||||
<p class="footer-header">More</p>
|
||||
<ul class="footer-list">
|
||||
<li class="footer-link"><a href="{{site.url}}{{ site.baseurl }}/#research-log" target="_blank">Research log</a></li>
|
||||
<li class="footer-link"><a href="https://github.com/vacp2p" target="_blank">Github</a></li>
|
||||
<li class="footer-link"><a href="https://forum.vac.dev/" target="_blank">Forum</a></li>
|
||||
<li class="footer-link"><a href="https://www.iubenda.com/privacy-policy/94457202" target="_blank">Privacy Policy</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="footer-table__column margin-top-15 mobile-margin extend-width">
|
||||
<p class="footer-header status-network"> The Status Network </p> <img src="{{ '/assets/img/footer-logo.svg' | relative_url }}" width="30px" class="status-logo" alt="Status Logo">
|
||||
<ul class="footer-project">
|
||||
<li class="footer-link"><a href="https://status.im/" target="_blank">Status</a></li>
|
||||
<li class="footer-link"><a href="https://keycard.tech/" target="_blank">Keycard</a></li>
|
||||
<li class="footer-link"><a href="https://dap.ps/" target="_blank">dap.ps</a></li>
|
||||
<li class="footer-link"><a href="https://embark.status.im/" class="margin-left" target="_blank">Embark</a></li>
|
||||
<li class="footer-link"><a href="https://subspace.status.im/" class="margin-left" target="_blank">Subspace</a></li>
|
||||
<li class="footer-link"><a href="https://vac.dev/" class="margin-left" target="_blank">Vac</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -608,19 +608,194 @@ hr{
|
|||
opacity: 1;
|
||||
}
|
||||
|
||||
.footer{
|
||||
text-align: center;
|
||||
ul{
|
||||
margin: 0 0 50px 0;
|
||||
.footer {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
background-color: #262A39;
|
||||
position: relative;
|
||||
margin: 0 0 0 0;
|
||||
}
|
||||
.footer-inner {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
width: 1200px;
|
||||
padding: 32px 0;
|
||||
}
|
||||
.cards--community.cards--community--dark {
|
||||
margin: 0;
|
||||
.card-inner {
|
||||
background-color: transparent;
|
||||
}
|
||||
a {
|
||||
h4 {
|
||||
color: white;
|
||||
}
|
||||
p {
|
||||
color: #939ba1;
|
||||
opacity: .7;
|
||||
}
|
||||
&:hover {
|
||||
h4 {
|
||||
opacity: 0.8;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.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--contribute {
|
||||
background-image: url(../img/icon-contribute-dark.svg);
|
||||
}
|
||||
}
|
||||
.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, 0.1);
|
||||
li {
|
||||
a {
|
||||
padding: 0 12px;
|
||||
color: white;
|
||||
&:hover {
|
||||
opacity: .8;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.footer-logo-wrap {
|
||||
width: 317px;
|
||||
display: flex;
|
||||
text-align: center;
|
||||
}
|
||||
.footer-logo-wrap__inner {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 16px 0 16px 0;
|
||||
}
|
||||
a.footer-logo {
|
||||
display: block;
|
||||
width: 52px;
|
||||
height: 52px;
|
||||
background-size: 52px;
|
||||
background-image: url(../img/footer-logo.svg);
|
||||
&:hover {
|
||||
opacity: .8;
|
||||
}
|
||||
}
|
||||
.footer-address {
|
||||
padding: 20px 0 0 0;
|
||||
opacity: .7;
|
||||
}
|
||||
.footer-table {
|
||||
display: flex;
|
||||
.footer-list{
|
||||
flex-direction: column;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
justify-content: center;
|
||||
li{
|
||||
a{
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.footer-table__column {
|
||||
box-sizing: border-box;
|
||||
padding: 15px 74px 64px;
|
||||
}
|
||||
.margin-top-15 {
|
||||
margin-top: 15px;
|
||||
}
|
||||
.footer-header {
|
||||
color: white;
|
||||
opacity: .5;
|
||||
margin: 0 0 40px 0;
|
||||
font-size: 16px;
|
||||
}
|
||||
.footer-project {
|
||||
columns: 2;
|
||||
-webkit-columns: 2;
|
||||
-moz-columns: 2;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.footer-link {
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
margin: 0 0 15px 0;
|
||||
a {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: white;
|
||||
&:hover {
|
||||
opacity: .8;
|
||||
}
|
||||
}
|
||||
}
|
||||
.margin-left {
|
||||
margin-left: 15px;
|
||||
}
|
||||
.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-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--gt {
|
||||
.footer-icon {
|
||||
background-image: url(../img/icon-gitter.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);
|
||||
}
|
||||
}
|
||||
.status-network {
|
||||
display: inline-block;
|
||||
}
|
||||
.status-logo {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
top: -3px;
|
||||
left: 10px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
@media (min-width: 1200px){
|
||||
.container {
|
||||
|
|
@ -1168,14 +1343,23 @@ hr{
|
|||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
.footer{
|
||||
margin-bottom: 50px;
|
||||
p {
|
||||
font-size: 1rem;
|
||||
}
|
||||
img{
|
||||
width: 100px;
|
||||
height: auto;
|
||||
.footer-table{
|
||||
flex-direction: column;
|
||||
text-align: center;
|
||||
.footer-list{
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
.footer-table__column{
|
||||
padding: 16px;
|
||||
}
|
||||
.footer-header{
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.footer img{
|
||||
display: none;
|
||||
}
|
||||
.footer-icon{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="m33 66c18.225 0 33-14.775 33-33s-14.775-33-33-33-33 14.775-33 33 14.775 33 33 33z" fill="#FEFFFF" opacity=".1"/>
|
||||
<path d="m38.078 32.129c-3.7373 0.2111-6.0794-0.6421-9.8172-0.4306-0.927 0.0511-1.8476 0.1827-2.751 0.3935 0.5517-6.7744 5.4437-12.7 12.096-13.077 4.0823-0.2309 8.1625 2.2393 8.3838 6.2494 0.2178 3.9414-2.8486 6.5782-7.911 6.8644l-5e-4 5e-4zm-10.036 13.857c-3.9108 0.2165-7.819-2.096-8.0313-5.8485-0.2087-3.6888 2.7294-6.1565 7.5791-6.4244 3.5799-0.1978 5.8239 0.6011 9.4038 0.4028 0.8876-0.0476 1.7693-0.1709 2.6353-0.3682-0.5276 6.3399-5.2138 11.886-11.587 12.238z" fill="#fff"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 711 B |
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="14" height="22" viewBox="0 0 14 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M2 0H0V14H2V0ZM14 3H12V14H14V3ZM4 3H6V22H4V3ZM10 3H8V22H10V3Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 230 B |
|
|
@ -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 |
|
|
@ -0,0 +1 @@
|
|||
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M18.232 8.056a3.268 3.268 0 0 0 1.354-1.816c-.599.38-1.261.65-1.955.796A2.988 2.988 0 0 0 15.385 6c-1.7 0-3.078 1.469-3.078 3.282 0 .251.027.502.081.747-2.558-.136-4.826-1.442-6.344-3.428a3.427 3.427 0 0 0-.416 1.65c0 1.138.542 2.143 1.368 2.731a2.922 2.922 0 0 1-1.394-.41v.041c0 1.59 1.062 2.917 2.47 3.218a2.92 2.92 0 0 1-1.39.057c.391 1.304 1.528 2.252 2.875 2.279A5.935 5.935 0 0 1 5 17.526 8.322 8.322 0 0 0 9.717 19c5.66 0 8.756-5 8.756-9.338 0-.142-.003-.284-.009-.424A6.502 6.502 0 0 0 20 7.539a5.866 5.866 0 0 1-1.768.517z" fill="#FFF" fill-rule="evenodd"/></svg>
|
||||
|
After Width: | Height: | Size: 645 B |
Loading…
Reference in New Issue