mahee-auffret/app.vue

70 lines
1.3 KiB
Vue
Raw Permalink Normal View History

2024-02-21 00:30:14 +01:00
<template>
<Header />
<NuxtPage />
2024-02-21 00:30:14 +01:00
</template>
2024-04-12 00:23:57 +02:00
<script setup>
let globalData = await useFetchGlobalData();
globalData = globalData.globalData._object.$sglobalData;
2024-02-21 00:30:14 +01:00
useSeoMeta({
ogImage: '/card.jpg',
2024-04-12 00:23:57 +02:00
ogImageAlt: globalData.contact_image_titre,
twitterImage: '/card.jpg',
});
2024-02-21 00:30:14 +01:00
useHead({
htmlAttrs: {
lang: 'fr'
},
link: [
{
rel: 'icon',
type: 'image/png',
href: 'favicon.png'
}
]
});
2024-02-21 00:30:14 +01:00
</script>
<style lang="scss">
@font-face {
font-family: 'Latitude';
src: url('assets/fonts/latitude-webfont.woff2') format('woff2'),
url('assets/fonts/latitude-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
* {
margin: 0;
box-sizing: border-box;
font-family: 'Latitude', serif;
2024-04-16 14:19:14 +02:00
font-size: 1rem;
2024-02-21 00:30:14 +01:00
font-weight: normal;
text-decoration: none;
color: #0e312f;
2024-04-16 14:19:14 +02:00
@media screen and (min-width: 800px) {
font-size: 1.1rem;
}
2024-02-21 00:30:14 +01:00
}
body {
padding: 1rem;
header {
z-index: 1;
}
main {
z-index: 0;
}
}
.page-enter-active,
.page-leave-active {
transition: all 0.2s;
}
.page-enter-from,
.page-leave-to {
opacity: 0;
}
</style>