nutomic/joinpeertube
1
1
Fork 1
Code Issues 5 Pull requests Releases Wiki Activity

Add credits

Browse source
This commit is contained in:
Chocobozzz 2019-11-18 09:22:40 +01:00
parent 0c6f962dcc
commit 9273b12dd2
No known key found for this signature in database
GPG key ID: 583A612D890159BE
1 changed files with 39 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

55
src/components/Footer.vue
View file

@ -1,19 +1,33 @@
<template> <template>
<footer id="main-footer"> <footer id="main-footer">
<div>
<a target="_blank" rel="noopener noreferrer" href="https://framasoft.org/en/legals/" v-translate>Legal notices</a>
<a target="_blank" rel="noopener noreferrer" href="https://contact.framasoft.org" v-translate>Contact</a> <div class="links">
<div>
<a target="_blank" rel="noopener noreferrer" href="https://framasoft.org/en/legals/" v-translate>Legal notices</a>
<a target="_blank" rel="noopener noreferrer" href="https://framalistes.org/sympa/subscribe/peertube-newsletter" v-translate>Newsletter</a> <a target="_blank" rel="noopener noreferrer" href="https://contact.framasoft.org" v-translate>Contact</a>
<a target="_blank" rel="noopener noreferrer" href="https://framacolibri.org/c/peertube" v-translate>Forum</a> <a target="_blank" rel="noopener noreferrer" href="https://framalistes.org/sympa/subscribe/peertube-newsletter" v-translate>Newsletter</a>
<a target="_blank" rel="noopener noreferrer" href="https://framacolibri.org/c/peertube" v-translate>Forum</a>
</div>
<div>
<a target="_blank" rel="noopener noreferrer" href="https://framagit.org/framasoft/peertube/joinpeertube" v-translate>JoinPeerTube Git</a>
<a target="_blank" rel="noopener noreferrer" href="https://github.com/Chocobozzz/PeerTube" v-translate>PeerTube Git</a>
</div>
</div> </div>
<div> <div class="credits">
<a target="_blank" rel="noopener noreferrer" href="https://framagit.org/framasoft/peertube/joinpeertube" v-translate>JoinPeerTube Git</a> <div v-translate>
Website developed by <a target="_blank" rel="noopener noreferrer" href="https://framasoft.org">Framasoft</a> and designed by <a target="_blank" rel="noopener noreferrer" href="https://www.maiwann.net/">Maiwann</a>
</div>
<a target="_blank" rel="noopener noreferrer" href="https://github.com/Chocobozzz/PeerTube" v-translate>PeerTube Git</a> <div v-translate>
Illustrations from <a target="_blank" rel="noopener noreferrer" href="https://framatube.org/videos/watch/9c9de5e8-0a1e-484a-b099-e80766180a6d">What is PeerTube video</a>,
created by <a target="_blank" rel="noopener noreferrer" href="https://libreart.info/">LILA</a> - <a target="_blank" rel="noopener noreferrer" href="https://film.zemarmot.net/">ZeMarmot Team</a>
</div>
</div> </div>
</footer> </footer>
</template> </template>
@ -26,18 +40,27 @@
margin-top: 30px; margin-top: 30px;
background-color: #fff; background-color: #fff;
padding: 30px 200px; padding: 30px 200px;
display: flex;
justify-content: space-between;
> div { .links {
a { display: flex;
display: block; justify-content: space-between;
color: #000;
font-weight: $font-semibold; > div {
margin-bottom: 10px; a {
display: block;
color: #000;
font-weight: $font-semibold;
margin-bottom: 10px;
}
} }
} }
.credits {
margin-top: 40px;
font-size: 12px;
text-align: center;
}
@media screen and (max-width: $responsive-screen) { @media screen and (max-width: $responsive-screen) {
padding: 30px; padding: 30px;
} }