Added footer and pulled it 5em away from maincontent.

This commit is contained in:
Marcus Scholz 2020-09-06 19:46:15 +02:00
parent 1b2b493128
commit ae2c9ed956
3 changed files with 69 additions and 2 deletions

View File

@ -1258,7 +1258,8 @@ body {
color: #f9f9f9; }
.LP-Footer__Flex {
display: flex;
flex-flow: row wrap; }
flex-flow: row wrap;
margin-top: 5em; }
.LP-Footer__ListTop {
text-align: center;
width: 33.333%; }

View File

@ -0,0 +1,66 @@
<footer class="LP-Footer LP-Footer__Flex">
<ul class="LP-Footer__ListTop">
<li>
<h4 class="LP-Footer__ListHeader">About</h4>
</li>
<li><a href='https://git.mowoe.com/reverend/lostplaces-backend/src/branch/master/Readme.md' class="LP-Footer__GenericAnchor LP-Footer__ListAnchor">Host your own instance!</a></li>
<li><a href='https://git.mowoe.com/reverend/lostplaces-backend/issues' class="LP-Footer__GenericAnchor LP-Footer__ListAnchor">Issue tracker</a></li>
<li><a href='https://git.mowoe.com/reverend/lostplaces-backend' class="LP-Footer__GenericAnchor LP-Footer__ListAnchor">Backend repository</a></li>
<li><a href='https://git.mowoe.com/reverend/lostplaces-frontend' class="LP-Footer__GenericAnchor LP-Footer__ListAnchor">Frontend repository</a></li>
</ul>
<ul class="LP-Footer__ListTop">
<li>
<h4 class="LP-Footer__ListHeader">Contact</h4>
</li>
<li><a href='https://www.urban-exploration.com' class="LP-Footer__GenericAnchor LP-Footer__ListAnchor">https://www.urban-exploration.com</a></li>
<li><a href='mailto:JohnSSmith@einrot.com' class="LP-Footer__GenericAnchor LP-Footer__ListAnchor">JohnSSmith@einrot.com</a></li>
<li class="LP-Footer__ListText LP-Footer__ListAnchor">937-387-6498</li>
</ul>
<ul class="LP-Footer__ListTop">
<li id='Contact'>
<h4 class="LP-Footer__ListHeader">Postal address</h4>
</li>
<li class="LP-Footer__ListText LP-Footer__ListAnchor"><b>Urban Exploration Ltd.</b></li>
<li class="LP-Footer__ListText LP-Footer__ListAnchor">John S. Smith</li>
<li class="LP-Footer__ListText LP-Footer__ListAnchor">2563 College Avenue</li>
<li class="LP-Footer__ListText LP-Footer__ListAnchor">Dayton, OH 45402</li>
</ul>
<!-- Explore with us / social media bar -->
<section class="LP-Footer__SocialSection LP-Footer__Flex">
<span class="LP-Footer__SocialOverlap LP-Footer__SocialExplore">
EXPLORE <span class="LP-Footer__SocialSmall">with</span> US
</span>
<span class="LP-Footer__SocialOverlap LP-Footer__SocialIconsWrapper">
<a href="https://mastodon.social/@urbanexploration" class="LP-Footer__Social-Mastodon LP-Footer__GenericAnchor" target="_blank" title="Mastodon">
<span class="LP-Footer__Icon"></span>
</a>
<a href="https://twitter.com/urbanexploration" class="LP-Footer__Social-Twitter LP-Footer__GenericAnchor" target="_blank" title="Twitter">
<span class="LP-Footer__Icon"></span>
</a>
<a href="https://www.youtube.com/channel/urbanexploration" class="LP-Footer__Social-Youtube LP-Footer__GenericAnchor" target="_blank" title="Youtube">
<span class="LP-Footer__Icon"></span>
</a>
<a href="https://blog.urbanexploration.com" class="LP-Footer__Social-Wordpress LP-Footer__GenericAnchor" target="_blank" title="Wordpress">
<span class="LP-Footer__Icon"></span>
</a>
<a href="https://www.instagram.com/urbanexploration" class="LP-Footer__Social-Instagram LP-Footer__GenericAnchor" target="_blank" title="Instagram">
<span class="LP-Footer__Icon"></span>
</a>
</span>
</section>
<!-- Bottom section with last line of text and links. -->
<section class="LP-Footer__BottomSection LP-Footer__Flex">
<div class="LP-Footer__BottomWrapper">
Proudly made by <a href="https://www.reverend.church" class="LP-Footer__GenericAnchor">Reverend</a>
and <a href="https://www.commander1024.de" class="LP-Footer__GenericAnchor">Commander1024.</a></span>
</div>
<div class="LP-Footer__BottomWrapper">
<a href="/flat/privacy-policy.html" class="LP-Footer__GenericAnchor">Privacy Policy</a>
|
<a href="/flat/impress.html" class="LP-Footer__GenericAnchor">Impress</a>
</div>
</section>
</footer>