diff --git a/src/App.svelte b/src/App.svelte
index 3141631..41f539d 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -8,7 +8,6 @@
import { Spectre } from 'svelte-spectre';
import { Header, Footer } from './views/';
import { Main } from './layouts/';
- import { darkTheme } from '@/stores/theme';
diff --git a/src/layouts/Goal.svelte b/src/layouts/Goal.svelte
index 928c40f..7011178 100644
--- a/src/layouts/Goal.svelte
+++ b/src/layouts/Goal.svelte
@@ -11,7 +11,7 @@
{item.text}
{#if active_tab == index}
-
+
{/if}
{/each}
@@ -25,10 +25,10 @@
import { Grid, Col } from 'svelte-spectre';
const menus = [
- { text: `cheap on-demand cloud simulations`, img: 'assets/img/cloud-runs.png' },
- { text: `digesting the experiments data`, img: 'assets/img/all-data.png' },
- { text: `analyzing and comparing the data`, img: 'assets/img/optimade-search.png' },
- { text: `exporting and sharing the data across your lab`, img: 'assets/img/content-organizer.png' },
+ { text: `cheap on-demand cloud simulations`, img: 'assets/img/screenshots/cloud-runs.png' },
+ { text: `digesting the experiments data`, img: 'assets/img/screenshots/all-data.png' },
+ { text: `getting the data from various sources`, img: 'assets/img/screenshots/optimade-search.png' },
+ { text: `exporting and sharing the data across your lab`, img: 'assets/img/screenshots/content-organizer.png' },
];
let active_tab = 0;
@@ -82,10 +82,10 @@
left: 0;
bottom: 0;
width: 46%;
- height: 509px;
+ height: 520px;
z-index: 1;
transition: all 0.3s ease-in-out;
- opacity: 0.9;
+ box-shadow: 50px -50px 0 0 #5755d9;
}
.goal_bottom_text {
margin-left: 77px;
diff --git a/src/layouts/Visualize.svelte b/src/layouts/Visualize.svelte
index b266eac..43526f0 100644
--- a/src/layouts/Visualize.svelte
+++ b/src/layouts/Visualize.svelte
@@ -1,7 +1,11 @@
-
+
+
+
@@ -28,17 +32,30 @@
\ No newline at end of file
diff --git a/src/views/index.ts b/src/views/index.ts
index 33b9f8b..d068cbc 100644
--- a/src/views/index.ts
+++ b/src/views/index.ts
@@ -1,3 +1,2 @@
-export { default as Header } from './Header.svelte'
-export { default as Footer } from './Footer.svelte'
-export { default as ImageGallery } from './ImageGallery.svelte'
+export { default as Header } from './Header.svelte';
+export { default as Footer } from './Footer.svelte';