diff --git a/front/src/App.vue b/front/src/App.vue index 2704ad15143795f3a26ca5d7c6c410ab6e7daa49..f81d7d3daae22224f9d32450844a9677302c111e 100644 --- a/front/src/App.vue +++ b/front/src/App.vue @@ -2,6 +2,26 @@ <div id="app"> <sidebar></sidebar> <router-view></router-view> + <div class="ui divider"></div> + <div id="footer" class="ui vertical footer segment"> + <div class="ui container"> + <div class="ui stackable equal height stackable grid"> + <div class="three wide column"> + <h4 class="ui header">Links</h4> + <div class="ui link list"> + <a href="https://funkwhale.audio" class="item" target="_blank">Official website</a> + <a href="https://docs.funkwhale.audio" class="item" target="_blank">Documentation</a> + <a href="https://code.eliotberriot.com/funkwhale/funkwhale" class="item" target="_blank">Source code</a> + <a href="https://code.eliotberriot.com/funkwhale/funkwhale/issues" class="item" target="_blank">Issue tracker</a> + </div> + </div> + <div class="ten wide column"> + <h4 class="ui header">About funkwhale</h4> + <p>Funkwhale is a free and open-source project run by volunteers. You can help us improve the platform by reporting bugs, suggesting features and share the project with your friends!</p> + </div> + </div> + </div> + </div> </div> </template> @@ -27,12 +47,16 @@ export default { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } -.main.pusher { +.main.pusher, .footer { margin-left: 350px !important; transform: none !important; +} +.main-pusher { padding: 1.5rem 0; } - +#footer { + padding: 1.5rem; +} .ui.stripe.segment { padding: 4em; } diff --git a/front/src/components/Home.vue b/front/src/components/Home.vue index 891e99ae0ce24cf792aee65107053181bdadeade..ea0f5edc07e59228326ad6a9bebd595d8f86832b 100644 --- a/front/src/components/Home.vue +++ b/front/src/components/Home.vue @@ -60,7 +60,7 @@ <h2 class="ui header"> Clean library </h2> - <p>Funkwhale takes care of fealing your music.</p> + <p>Funkwhale takes care of handling your music.</p> <div class="ui list"> <div class="item"> <i class="download icon"></i>