diff --git a/src/App.module.scss b/src/App.module.scss
index 768b4b8..9a53ee4 100644
--- a/src/App.module.scss
+++ b/src/App.module.scss
@@ -12,6 +12,7 @@ body, html {
border-radius: 16px;
z-index: 0;
transition: 500ms ease;
+ overflow-y: scroll;
}
@keyframes delay-show-fade-in {
diff --git a/src/App.svelte b/src/App.svelte
index b03bf53..5aaabaa 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -10,6 +10,7 @@
import { Router, Link, Route, navigate } from "svelte-routing";
import RouteStore from './store/RouteStore';
import Background from './widget/Background/Background.svelte';
+ import Explore from './page/Explore/Explore.svelte';
export let url = "/load";
@@ -40,6 +41,7 @@
+
diff --git a/src/lib/global_styles.scss b/src/lib/global_styles.scss
index 93ca6ac..193ef11 100644
--- a/src/lib/global_styles.scss
+++ b/src/lib/global_styles.scss
@@ -41,4 +41,7 @@ button {
background: #0441;
border: 1px solid #203030;
}
+}
+a {
+ color: #66a0af;
}
\ No newline at end of file
diff --git a/src/main.ts b/src/main.ts
index 8524583..ffb493b 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -4,7 +4,7 @@ import '@fontsource-variable/red-hat-display';
import './lib/global_styles.scss';
const app = new App({
- target: document.getElementById("app"),
+ target: document.getElementById("app"),
});
export default app;
diff --git a/src/page/Explore/Explore.svelte b/src/page/Explore/Explore.svelte
new file mode 100644
index 0000000..1b8c418
--- /dev/null
+++ b/src/page/Explore/Explore.svelte
@@ -0,0 +1,110 @@
+
+
+
+
+ Homeservers
+
+
+
+ List kindly provided by
+
+ joinmatrix.org
+
+
+
+ {#if !loaded}
+
+ Loading...
+
+
+ {/if}
+
+ {#if loaded}
+
+
+
+
+ Server name
+
+ |
+
+ Location
+ |
+
+ Rules
+ |
+
+ Privacy Policy
+ |
+
+ Version
+ |
+
+ |
+
+ |
+
+ {#each list as server}
+
+
+
+ {server.name}
+
+ |
+
+ {server.jurisdiction}
+ |
+
+ {#if server.tos}
+ Yes
+ {:else}
+ No
+ {/if}
+ |
+
+ {#if server.privacy}
+ Yes
+ {:else}
+ No
+ {/if}
+ |
+
+ {server.version}
+ |
+
+
+ |
+
+
+ |
+
+ {/each}
+
+
+ {/if}
+
+
\ No newline at end of file
diff --git a/src/page/Explore/style.module.scss b/src/page/Explore/style.module.scss
new file mode 100644
index 0000000..c69a210
--- /dev/null
+++ b/src/page/Explore/style.module.scss
@@ -0,0 +1,35 @@
+.root {
+ h1 {
+ font-size: 20pt;
+ font-weight: 400;
+ }
+ .list {
+ margin-top: 60px;
+ text-align: center;
+ overflow-y: scroll;
+ padding: 0 60px;
+
+ .server {
+ text-align: left;
+ padding: 8px 0;
+ h1 {
+ font-size: 12pt;
+ font-weight: 400;
+ margin: 0;
+ line-height: 11pt;
+ }
+ .remarks {
+ font-size: 9pt;
+ font-family: 300;
+ margin: 0;
+ }
+ }
+
+ // Spinner styles
+ :global {
+ .wrapper {
+ margin: 10px auto;
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/page/Greet/Greet.svelte b/src/page/Greet/Greet.svelte
index 6fbf743..45e65a3 100644
--- a/src/page/Greet/Greet.svelte
+++ b/src/page/Greet/Greet.svelte
@@ -30,13 +30,13 @@
-
+
-
+
diff --git a/src/page/Load/Load.svelte b/src/page/Load/Load.svelte
index 5ac76e6..2d0ebe5 100644
--- a/src/page/Load/Load.svelte
+++ b/src/page/Load/Load.svelte
@@ -2,7 +2,7 @@
import Blek from '../../shared/blek.svelte';
import style from './style.module.scss';
- import Plane from 'svelte-loading-spinners/Jumper.svelte';
+ import Jumper from 'svelte-loading-spinners/Jumper.svelte';
let motto_translate = true;
let motto_visible = true;
@@ -22,7 +22,7 @@
Loading...
-
+
{
!motto_translate ?