From caf23289c5cd0ed575bf2407f750c6587fd40026 Mon Sep 17 00:00:00 2001
From: hopperelec <hopperelec@gmail.com>
Date: Sun, 2 Jun 2024 18:57:55 +0100
Subject: [PATCH] Add actual content to the current two virtual Monaco files
 ("Preview README.md" and "+page.svelte")

---
 .../monaco-viewer/MonacoViewer.svelte         |  1 +
 .../monaco-viewer/virtual-files/+page.svelte  | 35 ++++++++++++++++++-
 .../virtual-files/Preview README.md           |  6 +++-
 3 files changed, 40 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/monaco-viewer/MonacoViewer.svelte b/src/lib/components/monaco-viewer/MonacoViewer.svelte
index ac97cac..c52764d 100644
--- a/src/lib/components/monaco-viewer/MonacoViewer.svelte
+++ b/src/lib/components/monaco-viewer/MonacoViewer.svelte
@@ -86,6 +86,7 @@ function closeFile(file: MonacoFile) {
     #editor > pre {
       margin: 0;
       height: calc(100% - 22px);
+        
       /*
         22px on top for breadcrumbs
         68px on left for line numbers
diff --git a/src/lib/media/monaco-viewer/virtual-files/+page.svelte b/src/lib/media/monaco-viewer/virtual-files/+page.svelte
index 3aea62b..f038cbb 100644
--- a/src/lib/media/monaco-viewer/virtual-files/+page.svelte
+++ b/src/lib/media/monaco-viewer/virtual-files/+page.svelte
@@ -1 +1,34 @@
-<p>This is an example Svelte file</p>
\ No newline at end of file
+<script lang="ts">
+import { description, title } from "$lib/page-meta";
+
+/* This site also uses Typescript, although my first experience with Typescript was for chat-analytics */
+const CHAT_ANALYTICS_GITHUB = "https://github.com/mlomb/chat-analytics";
+</script>
+
+<svelte:head>
+  <title>{$title || "website"}</title>
+  <meta name="description" content={$description} />
+</svelte:head>
+
+<main>
+  <p>Svelte is the language I used to make the very site you are looking at!</p>
+  <p>Specifically, I use SvelteKit, which uses Vite to handle things like bundling.</p>
+  <p>
+    I first tried SvelteKit for my A Level computer science coursework as part my project
+    <a href="https://github.com/hopperelec/DefinitionDash">"Definition Dash"</a>
+  </p>
+</main>
+
+<style lang="scss">
+/* These sites are also where I first got experience with SCSS, a CSS pre-processor */
+
+main {
+  height: 100%;
+  background-color: #aaa;
+  color: #fff;
+
+  & a {
+    text-decoration: none;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/lib/media/monaco-viewer/virtual-files/Preview README.md b/src/lib/media/monaco-viewer/virtual-files/Preview README.md
index 68f4cf2..165c3d1 100644
--- a/src/lib/media/monaco-viewer/virtual-files/Preview README.md	
+++ b/src/lib/media/monaco-viewer/virtual-files/Preview README.md	
@@ -1 +1,5 @@
-This *is* an **example** Markdown file
\ No newline at end of file
+~This "Preview" isn't really a file, but a preview is cooler than just Markdown code so forgive me~
+
+I have gained experience with a _number_ of **languages and frameworks** through all the **projects I have worked on**.
+
+Open each file (from the explorer panel on the left) to learn more about some of my projects and the experience I've gained from them!
\ No newline at end of file