diff options
Diffstat (limited to 'pages/index.vue')
| -rw-r--r-- | pages/index.vue | 39 |
1 files changed, 22 insertions, 17 deletions
diff --git a/pages/index.vue b/pages/index.vue index a64706a..d4a9b6d 100644 --- a/pages/index.vue +++ b/pages/index.vue @@ -1,7 +1,7 @@ <script setup lang="ts"> definePageMeta({ - layout: 'default' -}) + layout: 'default', +}); </script> <template> @@ -9,30 +9,35 @@ definePageMeta({ <div id="welcome"> <img id="welcome-image" src="@/assets/quests-logo.png" alt="Quests logo" /> <b id="title">Welcome to the Quests Web Editor</b> - <p>This is a work in progress build of the web editor for <a href="https://github.com/LMBishop/Quests">Quests</a>. - It is <b>not</b> ready for use. + <p> + This is a work in progress build of the web editor for + <a href="https://github.com/LMBishop/Quests">Quests</a>. It is <b>not</b> ready for use. </p> - <p>If you would like to try this out, use the buttons in the top right corner to start a session.</p> - <b id="subtitle">Cannot import from filesystem</b> <p> - If you cannot import from filesystem, then that means you are using a browser which does not implement the - <a href="https://wicg.github.io/file-system-access/">File System Access API</a>. At the time of writing, - only Chromium based browsers (Google Chrome, Microsoft Edge, Brave, etc.) implement this. This means if you - use Firefox or Safari, you must switch browser to use this feature. + If you would like to try this out, use the buttons in the top right corner to start a + session. </p> + <b id="subtitle">Cannot import from filesystem</b> <p> - You can instead load the test data instead by clicking the "Demo" button. + If you cannot import from filesystem, then that means you are using a browser which does not + implement the + <a href="https://wicg.github.io/file-system-access/">File System Access API</a>. At the time + of writing, only Chromium based browsers (Google Chrome, Microsoft Edge, Brave, etc.) + implement this. This means if you use Firefox or Safari, you must switch browser to use this + feature. </p> + <p>You can instead load the test data instead by clicking the "Demo" button.</p> <b id="subtitle">Light / dark theme</b> <p> - Note that the light theme of this website is a work in progress. Please use the dark theme. The colour scheme - will automatically adjust based on your browsers preferences. + Note that the light theme of this website is a work in progress. Please use the dark theme. + The colour scheme will automatically adjust based on your browsers preferences. </p> <b id="subtitle">Source code</b> <p> - Just like Quests itself, the source code is <a href="https://github.com/LMBishop/quests-web-editor">available - on GitHub</a>. - Due to the volatile state of this project, if you would like to get involved please get in touch with me first. + Just like Quests itself, the source code is + <a href="https://github.com/LMBishop/quests-web-editor">available on GitHub</a>. Due to the + volatile state of this project, if you would like to get involved please get in touch with + me first. </p> </div> </div> @@ -74,4 +79,4 @@ definePageMeta({ font-weight: bold; } } -</style>
\ No newline at end of file +</style> |