diff --git a/.yarn/cache/svelte-media-query-npm-1.0.0-9386bec03c-8f15b02659.zip b/.yarn/cache/svelte-media-query-npm-1.0.0-9386bec03c-8f15b02659.zip
new file mode 100644
index 0000000..86c7d40
Binary files /dev/null and b/.yarn/cache/svelte-media-query-npm-1.0.0-9386bec03c-8f15b02659.zip differ
diff --git a/.yarn/install-state.gz b/.yarn/install-state.gz
index 21d403b..0132275 100644
Binary files a/.yarn/install-state.gz and b/.yarn/install-state.gz differ
diff --git a/package.json b/package.json
index 98931b3..5e3f664 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
"polka": "next",
"satellite.js": "^4.1.3",
"sirv": "^1.0.0",
+ "svelte-media-query": "^1.0.0",
"topojson": "^3.0.2"
},
"devDependencies": {
diff --git a/src/components/Footer.svelte b/src/components/Footer.svelte
index c42b4c5..ec9b798 100644
--- a/src/components/Footer.svelte
+++ b/src/components/Footer.svelte
@@ -2,19 +2,32 @@
import FemtoStarLogo from "./FemtoStarLogo.svelte";
-
-
+
diff --git a/src/components/Globe.svelte b/src/components/Globe.svelte
index 4e51eb1..4070d38 100644
--- a/src/components/Globe.svelte
+++ b/src/components/Globe.svelte
@@ -1,14 +1,14 @@
-
+
+
+
+
+
+
+
+
+
+
click and drag
@@ -443,6 +519,25 @@
color: #ffffff;
}
+ .touch-sensor{
+ position: absolute;
+ opacity: 0;
+ padding-top: 0.6em;
+ cursor: pointer;
+ }
+
+ .touch-sensor-small{
+ width: 250px;
+ height: 250px;
+ border-radius: 125px;
+ }
+
+ .touch-sensor-large{
+ width: 400px;
+ height: 400px;
+ border-radius: 200px;
+ }
+
:global(.footprint--LEO) {
fill: rgba(255, 177, 64, 0.08);
stroke: rgba(255, 177, 64, 0.5);
diff --git a/src/components/Nav.svelte b/src/components/Nav.svelte
index 58edae5..448b67c 100644
--- a/src/components/Nav.svelte
+++ b/src/components/Nav.svelte
@@ -1,10 +1,11 @@
@@ -16,12 +17,19 @@
.navItem {
height: 100%;
display: flex;
+ flex-direction: column;
justify-content: center;
align-items: center;
padding-left: 0.5em;
padding-right: 0.5em;
}
+ .width-placeholder{
+ height: 0;
+ font-weight: bold;
+ overflow: hidden;
+ }
+
a {
text-decoration: none;
}
diff --git a/src/routes/_layout.svelte b/src/routes/_layout.svelte
index 8c442cb..7751315 100644
--- a/src/routes/_layout.svelte
+++ b/src/routes/_layout.svelte
@@ -5,14 +5,22 @@
export let segment;
-
+
+
-
+
-
+
+
diff --git a/src/routes/faq.svelte b/src/routes/faq.svelte
index 33c989f..c14332c 100644
--- a/src/routes/faq.svelte
+++ b/src/routes/faq.svelte
@@ -6,7 +6,7 @@
- FemtoStar - Global Open Infrastructure
+ FemtoStar - FAQ
diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index abc680a..836e897 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -15,7 +15,7 @@
diff --git a/yarn.lock b/yarn.lock
index 940010c..e6ea916 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1307,6 +1307,7 @@ __metadata:
satellite.js: ^4.1.3
sirv: ^1.0.0
svelte: ^3.17.3
+ svelte-media-query: ^1.0.0
topojson: ^3.0.2
tslib: ^2.2.0
languageName: unknown
@@ -3414,6 +3415,13 @@ fsevents@~2.3.1:
languageName: node
linkType: hard
+"svelte-media-query@npm:^1.0.0":
+ version: 1.0.0
+ resolution: "svelte-media-query@npm:1.0.0"
+ checksum: 8f15b02659e0e7e519b41314176b9c86f343b85e66c21537cd0bbc939239015854e37fc7ac7c49d9bee9496a8953a77cc7ef9a936f05ecdc096d626962b3f371
+ languageName: node
+ linkType: hard
+
"svelte@npm:^3.17.3":
version: 3.34.0
resolution: "svelte@npm:3.34.0"