From ee4cac52731d7a4dd4ef132bf4ea8aae8bda119c Mon Sep 17 00:00:00 2001
From: Eclypsed <Ec1ypsed@proton.me>
Date: Wed, 15 Oct 2025 18:21:11 -0400
Subject: [PATCH] Final changes

---
 src/App.svelte                 |  3 +-
 src/slides/Flake.svelte        | 13 --------
 src/slides/NixOSRebuild.svelte | 58 ++++++++++++++++++++++++++++++++++
 3 files changed, 60 insertions(+), 14 deletions(-)
 delete mode 100644 src/slides/Flake.svelte
 create mode 100644 src/slides/NixOSRebuild.svelte

diff --git a/src/App.svelte b/src/App.svelte
index 88fbf69..be12d8e 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -16,7 +16,6 @@
     import History from './slides/History.svelte'
     import CoreIdea from './slides/CoreIdea.svelte'
     import TheProblem from './slides/TheProblem.svelte'
-    import Flake from './slides/Flake.svelte'
     import Channels from './slides/Channels.svelte'
     import TitleNixOS from './slides/TitleNixOS.svelte'
     import NixOSInstall from './slides/NixOSInstall.svelte'
@@ -31,6 +30,7 @@
     import Devenv from './slides/Devenv.svelte'
     import Configuration from './slides/Configuration.svelte'
     import Neovim from './slides/Neovim.svelte'
+    import NixOSRebuild from './slides/NixOSRebuild.svelte'
 
     onMount(async () => {
         await tick()
@@ -61,6 +61,7 @@
         <TitleNixOS />
         <NixOSInstall />
         <Configuration />
+        <NixOSRebuild />
         <TitleCommunityProjects />
         <HomeManager />
         <DesktopManagement />
diff --git a/src/slides/Flake.svelte b/src/slides/Flake.svelte
deleted file mode 100644
index 0ce651f..0000000
--- a/src/slides/Flake.svelte
+++ /dev/null
@@ -1,13 +0,0 @@
-<script>
-    const Code = import.meta.glob('../code/Flake/*.nix', { as: 'raw', eager: true })
-</script>
-
-<section style="font-size: 20pt;">
-    {#each Object.values(Code) as code}
-        <section data-auto-animate>
-            <pre data-id="flake-animation"><code data-trim data-line-numbers class="language-nix">
-{code}
-        </code></pre>
-        </section>
-    {/each}
-</section>
diff --git a/src/slides/NixOSRebuild.svelte b/src/slides/NixOSRebuild.svelte
new file mode 100644
index 0000000..a3dd8f6
--- /dev/null
+++ b/src/slides/NixOSRebuild.svelte
@@ -0,0 +1,58 @@
+<section>
+    <section>
+        <div style="text-align: left;">
+            <strong>Rebuilding the System</strong>
+            <p class="description">
+                To apply new configuration changes, run the <code
+                    style="font-size: 20pt !important;">nixos-rebuild</code
+                > command. This evalutates your nix configuration, downloads any packages necessary,
+                and build the result.
+            </p>
+        </div>
+    </section>
+    <section>
+        <div id="wrapper">
+            <pre><code data-trim class="language-shell">
+    nixos-rebuild switch
+                </code></pre>
+            <span>Activate new generation and make it default boot option</span>
+            <pre><code data-trim class="language-shell">
+    nixos-rebuild boot
+                </code></pre>
+            <span>Make new generation default boot option, don't activate until reboot</span>
+            <pre><code data-trim class="language-shell">
+    nixos-rebuild test
+                </code></pre>
+            <span>Activate new generation but don't make a boot option</span>
+            <pre><code data-trim class="language-shell">
+    nixos-rebuild build
+                </code></pre>
+            <span>Create a symlink called result pointing to the new generation</span>
+            <pre><code data-trim class="language-shell">
+    nixos-rebuild dry-acitvate
+                </code></pre>
+            <span>Don't actiave new changes, show the changes that would have been applied</span>
+            <pre><code data-trim class="language-shell">
+    nixos-rebuild build-vm
+                </code></pre>
+            <span>Create a QEMU VM of the resulting generation</span>
+        </div>
+    </section>
+</section>
+
+<style>
+    #wrapper {
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+        grid-template-rows: repeat(1fr, 6);
+        text-align: left;
+        align-items: center;
+    }
+    #wrapper span {
+        font-size: 18pt;
+    }
+    .description {
+        color: #aaaaaa;
+        font-size: 24pt;
+    }
+</style>