2020-05-24 19:37:39 +02:00
|
|
|
|
2020-02-09 19:02:08 +01:00
|
|
|
<template>
|
|
|
|
<div id="app">
|
2020-05-28 19:08:14 +02:00
|
|
|
<header>
|
2020-05-31 18:44:06 +02:00
|
|
|
<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>
|
2020-05-31 18:34:47 +02:00
|
|
|
</header>
|
2020-03-11 12:41:05 +01:00
|
|
|
<router-view></router-view>
|
2020-05-31 18:34:47 +02:00
|
|
|
<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>
|
2020-02-09 19:02:08 +01:00
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
export default {
|
|
|
|
name: 'app',
|
|
|
|
components: {
|
|
|
|
},
|
|
|
|
data: function(){
|
2020-02-24 19:15:52 +01:00
|
|
|
return{
|
|
|
|
}
|
2020-02-09 19:02:08 +01:00
|
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<style>
|
2020-05-24 19:37:39 +02:00
|
|
|
footer{
|
2020-05-30 11:50:27 +02:00
|
|
|
position: absolute;
|
|
|
|
bottom: 0;
|
|
|
|
|
|
|
|
}
|
|
|
|
header{
|
|
|
|
display: flex;
|
2020-05-31 18:44:06 +02:00
|
|
|
flex-direction: row;
|
2020-05-30 11:50:27 +02:00
|
|
|
align-items:center;
|
|
|
|
justify-content: center;
|
|
|
|
|
2020-05-24 19:37:39 +02:00
|
|
|
}
|
2020-02-09 19:02:08 +01:00
|
|
|
#app {
|
2020-03-11 12:41:05 +01:00
|
|
|
display:flex;
|
|
|
|
flex-direction: column;
|
2020-05-30 11:50:27 +02:00
|
|
|
min-height: 100%;
|
2020-03-11 12:41:05 +01:00
|
|
|
}
|
|
|
|
.col{
|
|
|
|
display: flex;
|
|
|
|
flex-direction: row;
|
2020-02-09 19:02:08 +01:00
|
|
|
}
|
2020-05-30 11:50:27 +02:00
|
|
|
@media only screen and (max-width: 460px) {
|
2020-05-24 19:37:39 +02:00
|
|
|
footer{
|
2020-05-30 11:50:27 +02:00
|
|
|
display: flex;
|
|
|
|
flex-direction: row;
|
|
|
|
align-items:center;
|
|
|
|
justify-content: center;
|
|
|
|
flex-wrap: wrap;
|
2020-05-24 19:37:39 +02:00
|
|
|
|
2020-05-30 11:50:27 +02:00
|
|
|
}
|
2020-02-09 19:02:08 +01:00
|
|
|
}
|
2020-05-30 11:50:27 +02:00
|
|
|
|
2020-02-09 19:02:08 +01:00
|
|
|
</style>
|