schoolbox web extension :)
feat(popup): motd
+32
-5
+23
src/entrypoints/popup/components/Motd.svelte
+23
src/entrypoints/popup/components/Motd.svelte
···
1
+
<script>
2
+
import { onMount } from "svelte";
3
+
4
+
let motd = $state();
5
+
6
+
onMount(async () => {
7
+
// fetch MOTD from website
8
+
try {
9
+
const response = await fetch("https://schooltape.github.io/motd.txt");
10
+
if (response.ok) {
11
+
motd = await response.text();
12
+
}
13
+
} catch (e) {
14
+
motd = "";
15
+
}
16
+
});
17
+
</script>
18
+
19
+
<!-- MOTD -->
20
+
<div class="text-ctp-subtext0 text-center italic">
21
+
<p>{@html motd}</p>
22
+
<!-- Free and <a href='https://github.com/schooltape/schooltape' class='text-(--ctp-accent)'> open source</a>! -->
23
+
</div>
+5
-2
src/entrypoints/popup/routes/Home.svelte
+5
-2
src/entrypoints/popup/routes/Home.svelte
···
1
1
<script lang="ts">
2
2
import Footer from "../components/Footer.svelte";
3
+
import Motd from "../components/Motd.svelte";
3
4
import { globalSettings } from "#imports";
4
5
</script>
5
6
6
-
<div id="card">
7
-
<h1 class="mb-6">Schooltape</h1>
7
+
<div id="card" class="flex flex-col gap-4">
8
+
<h1>Schooltape</h1>
9
+
10
+
<Motd />
8
11
9
12
<button
10
13
class={globalSettings.state.global