forked from llaq/infojune.old
58 lines
1.1 KiB
Vue
Executable File
58 lines
1.1 KiB
Vue
Executable File
|
|
<template>
|
|
<div id="app">
|
|
<header>
|
|
<a class="simple" href="/"><img width="80px" src="./assets/juneland.svg" alt="infojune"></a><p> Le site Infojune est encore en beta, mais il s'améliorera avec le temps </p>
|
|
</header>
|
|
<router-view></router-view>
|
|
<footer><a class="button" href="/#/cf"> PARTICIPEZ AU CROWDFOUNDING DU SITE INFOJUNE.FR</a> Crée et hébergé par <a class="button" href="https://lelibreauquotidien.fr">llaq</a> - <a class="button" href="https://git.p2p.legal/llaq/infojune">Disponible sous CC-BY-NC-SA</a></footer>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'app',
|
|
components: {
|
|
},
|
|
data: function(){
|
|
return{
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
footer{
|
|
position: absolute;
|
|
bottom: 0;
|
|
|
|
}
|
|
header{
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items:center;
|
|
justify-content: center;
|
|
|
|
}
|
|
#app {
|
|
display:flex;
|
|
flex-direction: column;
|
|
min-height: 100%;
|
|
}
|
|
.col{
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
@media only screen and (max-width: 460px) {
|
|
footer{
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items:center;
|
|
justify-content: center;
|
|
flex-wrap: wrap;
|
|
|
|
}
|
|
}
|
|
|
|
</style>
|