Improve footer links

This commit is contained in:
davegson 2019-11-11 17:51:39 +01:00
parent a1e3dae8d4
commit c24787bea0
4 changed files with 33 additions and 15 deletions

View file

@ -58,6 +58,8 @@ defaults:
github_url: https://github.com/Safing
reddit_url: https://reddit.com/r/safing
twitter_url: https://twitter.com/SafingIO
newsletter_url: "/newsletter/"
communities:
- reddit:

View file

@ -2,31 +2,43 @@
<div class="list">
<ul>
<span>Company</span>
<li><a href="{{ site.community_hub_url }}">Community Hub</a></li>
<li><a href="{{ site.our_values_url }}">Team</a></li>
<li><a href="{{ site.our_values_url }}#ownership">Ownership</a></li>
<li><a href="{{ site.jobs_url }}">Jobs</a></li>
<li class="vhidden">.</li>
</ul>
<ul>
<span>Podcast</span>
<li><a href="{{ site.podcast_url }}">Overview</a></li>
<li><a href="{{ site.podcast_feed_url }}">RSS</a></li>
<li class="vhidden">.</li>
<li class="vhidden">.</li>
</ul>
<ul>
<span>Resources</span>
<li><a href="{{ site.technology_url }}">Technology</a></li>
<li><a href="{{ site.contact_url }}">Contact Us</a></li>
<li><a href="{{ site.whitepaper_url }}">Whitepaper</a></li>
<li class="vhidden">.</li>
<li class="vhidden">.</li>
</ul>
<ul>
<span>Social</span>
<li><a href="{{ site.podcast_url }}">Overview</a></li>
<li><a href="{{ site.podcast_feed_url }}">RSS</a></li>
<li><a href="{{ site.reddit_url }}">Reddit</a></li>
<li><a href="{{ site.newsletter_url }}">Newsletter</a></li>
<li><a href="{{ site.github_url }}">Github</a></li>
<li><a href="{{ site.twitter_url }}">Twitter</a></li>
</ul>
<ul>
<span>Legal</span>
<li><a href="{{ site.terms_url }}">Terms</a></li>
<li><a href="{{ site.privacy_url }}">Privacy</a></li>
<li><a href="{{ site.contact_url }}">Contact & Legal</a></li>
<li class="vhidden">.</li>
</ul>
</div>
<div class="legal">
<ul>
<li><a href="{{ site.terms_url }}">Terms</a></li>
<li><a href="{{ site.privacy_url }}">Privacy</a></li>
<li><a href="{{ site.contact_url }}">Contact & Legal</a></li>
<li>Safing NOC © 2019</li>
<li>Safing © 2019</li>
</ul>
</div>
</footer>

View file

@ -19,7 +19,7 @@
</p>
<div>
<a href="{{ site.reddit_url }}"><button><i class="large reddit alien icon"></i><span>Join our reddit</span></button></a>
<span>or <a href="/newsletter">subscribe to our newsletter</a></span>
<span>or <a href="{{ site.newsletter_url }}">subscribe to our newsletter</a></span>
</div>
</div>
</header>

View file

@ -9,6 +9,10 @@ footer{
align-items: center;
}
footer .vhidden {
visibility: hidden;
}
.f-bg{
grid-row: 0;
grid-column: span 5;
@ -33,7 +37,7 @@ footer a:hover{
footer div{
}
footer .list{
@ -75,16 +79,16 @@ footer .legal{
justify-self: end;
padding-bottom: 3rem;
padding-right: 5rem;
}
}
footer .legal ul{
display: flex;
}
}
footer .legal ul li{
padding-left: 2rem;
list-style-type: none;
}
}
@media (max-width: 1318px) {
@ -101,7 +105,7 @@ footer .legal ul li{
footer .legal{
padding-top: 3rem;
}
}
footer .list ul{
padding-left: 0rem;
@ -120,4 +124,4 @@ footer .legal ul li{
}
}
}