58 lines
1.4 KiB
Vue
58 lines
1.4 KiB
Vue
<template>
|
|
<footer id="main-footer">
|
|
<div class="text-center">
|
|
<img src="/img/bottom-peertube-logo.svg" alt="PeerTube">
|
|
|
|
<div class="mt-3">
|
|
{{ $gettext('A free software to take back control of your videos') }}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="d-flex mt-4 justify-content-center mb-5 fs-7">
|
|
<a class="peertube-link text-center mx-3" href="https://joinpeertube.org" target="_blank">{{ $gettext('Learn more about PeerTube') }}</a>
|
|
|
|
<a class="peertube-link text-center mx-3" href="https://framagit.org/framasoft/peertube/search-index/" target="_blank">{{ $gettext('Search Index source code') }}</a>
|
|
|
|
<a v-if="legalNoticesUrl" :href="legalNoticesUrl" target="_blank">{{ $gettext('Legal notices') }}</a>
|
|
</div>
|
|
</footer>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { defineComponent } from 'vue'
|
|
import { getConfig } from '../shared/config'
|
|
|
|
export default defineComponent({
|
|
data () {
|
|
return {
|
|
legalNoticesUrl: ''
|
|
}
|
|
},
|
|
|
|
async mounted () {
|
|
const config = await getConfig()
|
|
|
|
this.legalNoticesUrl = config.legalNoticesUrl
|
|
}
|
|
})
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
@import '../scss/_variables';
|
|
@import '../scss/bootstrap-mixins';
|
|
|
|
footer {
|
|
margin: auto;
|
|
font-family: monospace;
|
|
|
|
> *:first-child {
|
|
@include margin(2rem);
|
|
|
|
img {
|
|
width: 100%;
|
|
max-width: 500px;
|
|
}
|
|
}
|
|
}
|
|
</style>
|