ManUtopiK
/
infojune
forked from llaq/infojune.old
1
0
Fork 0
Code Releases Activity

Edit home

This commit is contained in:
Le Libre Au Quotidien 2020-05-28 19:07:58 +02:00
parent 16fc9537cb
commit a0438156a2
1 changed files with 31 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
src/components/home.vue
View File

@ -7,9 +7,8 @@
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width="300mm" width="600mm"
height="297mm" height="594mm"
viewBox="0 0 600 600"
preserveAspectRatio="xMinYMin meet" preserveAspectRatio="xMinYMin meet"
version="1.1" version="1.1"
id="svg8"> id="svg8">
@ -116,38 +115,50 @@
</svg> </svg>
</div> </div>
<choicebox buttons="Blockchain,FAQ,Plateformes d'échange,Licences AGPL,Outils,Toile de Confiance,Charte,Instances et Services,Financements,Communication,Sites internets" links=""></choicebox>
</div> </div>
</template> </template>
<script> <script>
import choicebox from '@/components/ChoiceBox.vue'
export default { export default {
components: {
choicebox,
},
data: function(){ data: function(){
return{ return{
curse: "Testing"
} }
} }
} }
</script> </script>
<style> <style>
#home{ #home{
display:flex; display:flex;
flex-direction: column-reverse; flex-direction: row;
justify-content: center;
}
choicebox{
margin-left:100px;
} }
.svg-container { header{
display: inline-block; display: flex;
position: relative; flex-direction: row;
width: 100%; text-align:center;
padding-bottom: 100%; }
vertical-align: middle; .svg-container{
overflow: hidden; width:200px;
height:200px;
display: flex;
flex-direction:row ;
}
#svg8{
width:200px;
width:200px;
} }
#svg8{
display: inline-block;
position: absolute;
top: 0;
left: 0;
}
</style> </style>