diff --git a/src/molecules/InteractiveGlobe.svelte b/src/molecules/InteractiveGlobe.svelte
index 803ab5c..a6d6923 100644
--- a/src/molecules/InteractiveGlobe.svelte
+++ b/src/molecules/InteractiveGlobe.svelte
@@ -1,11 +1,32 @@
-
+
+
+
+
+
France
+
diff --git a/src/routes/credits.svelte b/src/routes/credits.svelte
index 700d379..5674634 100644
--- a/src/routes/credits.svelte
+++ b/src/routes/credits.svelte
@@ -9,6 +9,7 @@
import IconArrow from '../atoms/IconArrow'
import TitleSite from '../atoms/TitleSite'
import LinkTranslate from '../atoms/LinkTranslate'
+ import InteractiveGlobe from '../molecules/InteractiveGlobe'
import Footer from '../molecules/Footer'
// Categories
@@ -64,6 +65,8 @@
{/each}
+
+
diff --git a/src/style/molecules/_globe.scss b/src/style/molecules/_globe.scss
index c544d67..5792018 100644
--- a/src/style/molecules/_globe.scss
+++ b/src/style/molecules/_globe.scss
@@ -11,7 +11,19 @@
// Image (for now)
img {
- display: block;
- width: 100%;
+ display: inline-block;
+ margin: 0 auto;
+ pointer-events: none;
+ user-select: none;
}
+}
+
+// Pin
+
+// Part globe
+.globe--part {
+ overflow: hidden;
+ height: 30vw;
+ min-height: 300px;
+ opacity: 0.5;
}
\ No newline at end of file