DeprivedDevs/deprived-main-website
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Simple footer

Browse source
This commit is contained in:
Sveske_Juice 2024-02-24 01:36:25 +01:00
parent 3bb2b0ba31
commit 21428cd03e
4 changed files with 108 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

88
src/routes/+layout.svelte Normal file
View file

@ -0,0 +1,88 @@
<!-- Nav bar -->
<!-- Page content -->
<slot />
<!-- About footer -->
<footer>
<div class="about-container">
<div class="credits">
<span>© 2023-2024 Developed by:</span>
<br>
<span>Benjamin Dreyer</span>
<br>
<span>Oliver Schwenger</span>
<br>
<span>Sylvester Junge</span>
<br>
<span>Zhentao Wei</span>
<br>
<br>
<span>Website <a href="https://gitea.deprived.dev/Sveskejuice/deprived-main-website" target="_blank">source code</a></span>
</div>
<div>
<h3>About Us</h3>
<a href="/about">About</a>
</div>
<div class="contact">
<h3>Contact</h3>
<a href="https://discord.gg/awatEEqc3M" target="_blank" class="social">
<img src="/images/icons/discord.svg" alt="Discord"/>
<span>Discord</span>
</a>
</div>
</div>
</footer>
<style>
footer {
margin-top: 50px;
padding: 25px 0 25px;
height: 100%;
background-color: var(--background1);
display: flex;
justify-content: center;
}
.about-container {
width: 80%;
color: var(--text2);
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
}
.credits {
line-height: 2;
}
.social {
display: flex;
align-content: center;
gap: 10px;
}
.social > img {
width: 24px;
}
h3 {
margin-top: 0px;
color: var(--text2);
}
a {
color: var(--text2);
text-decoration-line: underline;
}
a:hover {
filter: brightness(130%);
}
</style>