diff --git a/src/lib/components/Spinner.svelte b/src/lib/components/Spinner.svelte deleted file mode 100644 index eba7239749c59cfca48373b9e3ead057e42f9c73..0000000000000000000000000000000000000000 --- a/src/lib/components/Spinner.svelte +++ /dev/null @@ -1,78 +0,0 @@ -<script lang="ts"> - // Code inspired from: https://github.com/Schum123/svelte-loading-spinners/blob/master/src/Circle2.svelte - - interface Props { - // MIT license. - size?: string | number - unit?: string - colorOuter?: string - colorCenter?: string - colorInner?: string - durationMultiplier?: number - durationOuter?: any - durationInner?: any - durationCenter?: any - } - - let { - size = "60", - unit = "px", - colorOuter = "#DED500", - colorCenter = "#DED500", - colorInner = "#DED500", - durationMultiplier = 1, - durationOuter = `${durationMultiplier * 2}s`, - durationInner = `${durationMultiplier * 1.5}s`, - durationCenter = `${durationMultiplier * 3}s`, - }: Props = $props() -</script> - -<div - class="circle mx-auto my-8" - style="--size: {size}{unit}; --colorInner: {colorInner}; --colorCenter: {colorCenter}; --colorOuter: {colorOuter}; --durationInner: {durationInner}; --durationCenter: {durationCenter}; --durationOuter: {durationOuter};" -></div> - -<style> - .circle { - width: var(--size); - height: var(--size); - box-sizing: border-box; - position: relative; - border: 3px solid transparent; - border-top-color: var(--colorOuter); - border-radius: 50%; - animation: circleSpin var(--durationOuter) linear infinite; - } - .circle:before, - .circle:after { - content: ""; - box-sizing: border-box; - position: absolute; - border: 3px solid transparent; - border-radius: 50%; - } - .circle:after { - border-top-color: var(--colorInner); - top: 9px; - left: 9px; - right: 9px; - bottom: 9px; - animation: circleSpin var(--durationInner) linear infinite; - } - .circle:before { - border-top-color: var(--colorCenter); - top: 3px; - left: 3px; - right: 3px; - bottom: 3px; - animation: circleSpin var(--durationCenter) linear infinite; - } - @keyframes circleSpin { - 0% { - transform: rotate(0deg); - } - 100% { - transform: rotate(360deg); - } - } -</style> diff --git a/src/lib/components/transverse_pages/TextUnderconstructionMessage.svelte b/src/lib/components/transverse_pages/TextUnderconstructionMessage.svelte deleted file mode 100644 index 1cde79cfd7a1ab434c528affcbc4dfc3b1a009ee..0000000000000000000000000000000000000000 --- a/src/lib/components/transverse_pages/TextUnderconstructionMessage.svelte +++ /dev/null @@ -1,6 +0,0 @@ -<script lang="ts"> -</script> - -<p class="flex rounded bg-amber-500 p-3 text-sm leading-normal text-white"> - 🚧 Cette partie est en construction. -</p> diff --git a/src/lib/components/transverse_pages/UnderconstructionMessage.svelte b/src/lib/components/transverse_pages/UnderconstructionMessage.svelte deleted file mode 100644 index f00bb97e9caba5120ea42ac993e85ef029568ecb..0000000000000000000000000000000000000000 --- a/src/lib/components/transverse_pages/UnderconstructionMessage.svelte +++ /dev/null @@ -1,6 +0,0 @@ -<script lang="ts"> -</script> - -<p class="flex rounded bg-amber-500 p-3 text-sm leading-normal text-white"> - 🚧 Cette page est en construction. -</p>