Niquarl/joinpeertube
1
0
Fork 0
forked from nutomic/joinpeertube
Code Issues Pull requests Releases Wiki Activity

Add footer

Browse source
This commit is contained in:
Chocobozzz 2019-09-24 11:50:13 +02:00
parent c26181dbd1
commit 1dbc198684
No known key found for this signature in database
GPG key ID: 583A612D890159BE
2 changed files with 61 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/App.vue
View file

@ -3,16 +3,20 @@
<header-component></header-component>
<router-view></router-view>
<footer-component></footer-component>
</div>
</template>
<script>
import HeaderComponent from './components/Header.vue'
import FooterComponent from './components/Footer.vue'
export default {
name: 'app',
components: {
HeaderComponent
HeaderComponent,
FooterComponent
},
metaInfo: function () {
return {

56
src/components/Footer.vue Normal file
View file

@ -0,0 +1,56 @@
<template>
<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>
<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>
</footer>
</template>
<style lang="scss" scoped>
@import '../scss/_variables.scss';
@import '../scss/_mixins.scss';
footer {
margin-top: 30px;
background-color: #fff;
padding: 30px 200px;
display: flex;
justify-content: space-between;
> div {
a {
display: block;
color: #000;
font-weight: $font-semibold;
margin-bottom: 10px;
}
}
}
@media screen and (max-width: $responsive-screen) {
footer {
padding: 30px;
}
}
</style>
<script>
export default {
components: {
}
}
</script>