From 48a2aebb955ff05de2b5150b4804f2b1ced3f767 Mon Sep 17 00:00:00 2001
From: Marie <marie@kaifa.ch>
Date: Sun, 3 Apr 2022 10:53:44 +0000
Subject: [PATCH] Create screenshots page
---
screenshots.html | 17 +++++++++++++++++
src/pages/screenshots.ts | 12 ++++++++++++
src/sass/screenshots.sass | 1 +
src/screenshots.svelte | 22 ++++++++++++++++++++++
4 files changed, 52 insertions(+)
create mode 100644 screenshots.html
create mode 100644 src/pages/screenshots.ts
create mode 100644 src/sass/screenshots.sass
create mode 100644 src/screenshots.svelte
diff --git a/screenshots.html b/screenshots.html
new file mode 100644
index 0000000..aeabf8a
--- /dev/null
+++ b/screenshots.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="UTF-8" />
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+ <link rel="stylesheet" lang="sass" href="/src/sass/screenshots.sass" />
+ <link rel="stylesheet" href="/src/css/hint.min.css" />
+ </head>
+
+ <body data-theme="light">
+ <div id="app"></div>
+
+ <script src="neutralino.js"></script>
+ <script type="module" src="/src/pages/screenshots.ts" lang="ts"></script>
+ </body>
+</html>
\ No newline at end of file
diff --git a/src/pages/screenshots.ts b/src/pages/screenshots.ts
new file mode 100644
index 0000000..710bb07
--- /dev/null
+++ b/src/pages/screenshots.ts
@@ -0,0 +1,12 @@
+import '../i18n';
+import App from '../screenshots.svelte';
+
+declare const Neutralino;
+
+Neutralino.init();
+
+const app = new App({
+ target: document.getElementById('app')!
+});
+
+export default app;
diff --git a/src/sass/screenshots.sass b/src/sass/screenshots.sass
new file mode 100644
index 0000000..324594e
--- /dev/null
+++ b/src/sass/screenshots.sass
@@ -0,0 +1 @@
+@import "basic"
diff --git a/src/screenshots.svelte b/src/screenshots.svelte
new file mode 100644
index 0000000..244bd18
--- /dev/null
+++ b/src/screenshots.svelte
@@ -0,0 +1,22 @@
+<script context="module" lang="ts">
+ declare const Neutralino;
+</script>
+
+<script lang="ts">
+ import { onMount } from 'svelte';
+
+ import { Configs, Windows } from './empathize';
+
+ onMount(async () => {
+ await Windows.current.show();
+ await Windows.current.center(900, 600);
+
+ // Auto theme switcher
+ Configs.get('theme').then((theme) => {
+ if (theme === 'system')
+ theme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+
+ document.body.setAttribute('data-theme', theme as string);
+ });
+ });
+</script>