From 3f261a45095a7369d08adf0fdd76a57cf5a4efed Mon Sep 17 00:00:00 2001
From: Valentin <valentin@figureslibres.io>
Date: Fri, 3 May 2024 18:25:43 +0200
Subject: [PATCH] suppression des contenus du dossiers pages

---
 README.md         |  2 +
 pages/contact.vue | 73 ------------------------------------
 pages/galerie.vue | 28 --------------
 pages/index.vue   | 95 -----------------------------------------------
 pages/magasin.vue | 35 -----------------
 5 files changed, 2 insertions(+), 231 deletions(-)
 delete mode 100644 pages/contact.vue
 delete mode 100644 pages/galerie.vue
 delete mode 100644 pages/index.vue
 delete mode 100644 pages/magasin.vue

diff --git a/README.md b/README.md
index 109f70e..ee0229f 100644
--- a/README.md
+++ b/README.md
@@ -22,6 +22,8 @@ Work with
 npm run dev
 ```
 
+Create and populate the `pages`, `public`, `components` and `assets` folders.
+
 Build the site in `.output/public` directory
 
 ```bash
diff --git a/pages/contact.vue b/pages/contact.vue
deleted file mode 100644
index c94debf..0000000
--- a/pages/contact.vue
+++ /dev/null
@@ -1,73 +0,0 @@
-<template>
-    <main id="contact">
-        <div>
-            <img 
-                :src="`/imgs/small/${globalData.contact_image}.webp`"
-                :alt="globalData.contact_image_titre"
-            />
-        </div>
-        <div>
-            <p>{{ globalData.contact_text }}</p>
-            <a :href="'mailto:' + globalData.email">{{ globalData.email }}</a>
-        </div>
-    </main>
-</template>
-
-<script>
-export default {
-    async setup() {
-
-        let globalData = await useFetchGlobalData();
-        globalData = globalData.globalData._object.$sglobalData;
-
-        return {
-            globalData
-        }
-    }
-}
-</script>
-
-<style lang="scss">
-    #contact {
-        display: flex;
-        flex-direction: column;
-        > div:first-of-type {
-            width: 40vw;
-            > img {
-                width: 100%;
-            }
-        }
-        > div:last-of-type {
-            margin-top: 2rem;
-            > p {
-                line-height: 1.2;
-                margin-bottom: 1.5rem;
-            }
-        }
-    }
-
-    @media screen and (min-width: 800px) {
-        #contact {
-            flex-direction: row;
-            > div:first-of-type {
-                width: 30vw;
-            }
-            > div:last-of-type {
-                width: 40vw;
-                margin-left: 2rem;
-                align-self: flex-end;
-            }
-        }
-    }
-
-    @media screen and (min-width: 1200px) {
-        #contact {
-            > div:first-of-type {
-                width: 15vw;
-            }
-            > div:last-of-type {
-                width: 30vw;
-            }
-        }
-    }
-</style>
\ No newline at end of file
diff --git a/pages/galerie.vue b/pages/galerie.vue
deleted file mode 100644
index b34b5c2..0000000
--- a/pages/galerie.vue
+++ /dev/null
@@ -1,28 +0,0 @@
-<template>
-    <Projects :contents="galerie" />
-</template>
-
-<script>
-import Projects from '@/components/Projects.vue';
-
-export default {
-    setup() {
-        const galerie = ref([]);
-
-        const { data: itemsData } = useFetch('/api/items/galerie', { server: true });
-        
-        onMounted(async () => {
-            if (itemsData.value) {
-                galerie.value = itemsData.value.data;
-            }
-        });
-
-        return {
-            galerie
-        };
-    },
-    components: {
-        Projects
-    }
-};
-</script>
\ No newline at end of file
diff --git a/pages/index.vue b/pages/index.vue
deleted file mode 100644
index 83c76d3..0000000
--- a/pages/index.vue
+++ /dev/null
@@ -1,95 +0,0 @@
-<template>
-    <main>
-        <div class="indexImg" v-for="image in itemsAccueil" :key="image.id">
-            <img
-                :src="`/imgs/large/${image.image_accueil}.webp`"
-                :alt="image.titre"
-            />
-       </div>
-    </main>
-</template>
-
-<script>
-export default {
-    setup() {
-        const itemsAccueil = ref([]);
-
-        const { data: itemsData } = useFetch('/api/items/images_accueil', { server: true });
-        
-        onMounted(async () => {
-            if (itemsData.value) {
-                itemsAccueil.value = itemsData.value.data;
-                setTimeout(() => {
-                    startSlider();
-                }, 1);
-            }
-        });
-
-        
-
-        return {
-            itemsAccueil,
-        };
-
-
-        function startSlider() {
-            const imgs = document.querySelectorAll('.indexImg img');
-            
-            const showingTime = 5000, transitionTime = 2000;
-
-            for (let img of imgs) {
-                img.addEventListener('click', function() {
-                    nextSlide();
-                    resetTimer();
-                });
-                img.style.transition = `opacity ${transitionTime / 1000}s ease-out`;
-            }
-
-            imgs[0].style.opacity = 1;
-
-            let diapoTimer = setInterval(nextSlide, showingTime + transitionTime);
-
-            let index = 1;
-
-            function nextSlide() {
-                if (index === 0) {
-                    imgs[imgs.length - 1].style.opacity = 0;
-                    imgs[index].style.opacity = 1;
-                } else {
-                    imgs[index - 1].style.opacity = 0;
-                    imgs[index].style.opacity = 1;
-                }
-
-                if (index === imgs.length - 1) {
-                    index = 0;
-                } else {
-                    index ++;
-                }
-            }
-
-            function resetTimer() {
-                clearInterval(diapoTimer);
-                diapoTimer = setInterval(nextSlide, showingTime + transitionTime);
-            }
-        }
-    }
-};
-</script>
-
-<style lang="scss">
-    .indexImg {
-        z-index: -1;
-        position: absolute;
-        overflow: hidden;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        img {
-            object-fit: cover;
-            width: 100%;
-            height: 100%;
-            opacity: 0;
-        }
-    }
-</style>
\ No newline at end of file
diff --git a/pages/magasin.vue b/pages/magasin.vue
deleted file mode 100644
index 84ec7d2..0000000
--- a/pages/magasin.vue
+++ /dev/null
@@ -1,35 +0,0 @@
-<template>
-    <main>
-        <p>{{ globalData.magasin_explication }}</p>
-        <Projects :contents="magasin" />
-    </main>
-</template>
-
-<script>
-import Projects from '@/components/Projects.vue';
-
-export default {
-    async setup() {
-        const magasin = ref([]);
-
-        const { data: itemsData } = useFetch('/api/items/magasin', { server: true });
-
-        onBeforeMount(async () => {
-            if (itemsData.value) {
-                magasin.value = itemsData.value.data;
-            }
-        });
-
-        let globalData = await useFetchGlobalData();
-        globalData = globalData.globalData._object.$sglobalData;
-
-        return {
-            globalData,
-            magasin
-        };
-    },
-    components: {
-        Projects
-    }
-};
-</script>
\ No newline at end of file