zarf-dev · Racer159 · Mar 23, 2023 · Mar 20, 2023 · Mar 20, 2023 · Mar 21, 2023
diff --git a/docs-website/static/docs/walkthroughs/logging_init.html b/docs-website/static/docs/walkthroughs/logging_init.html
diff --git a/docs-website/static/docs/walkthroughs/logging_list.html b/docs-website/static/docs/walkthroughs/logging_list.html
@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+body {background-color: black;}
+pre {
+	font-weight: normal;
+	color: #bbb;
+	white-space: -moz-pre-wrap;
+	white-space: -o-pre-wrap;
+	white-space: -pre-wrap;
+	white-space: pre-wrap;
+	word-wrap: break-word;
+	overflow-wrap: break-word;
+}
+b {font-weight: normal}
+b.BOLD {color: #fff}
+b.ITA {font-style: italic}
+b.UND {text-decoration: underline}
+b.STR {text-decoration: line-through}
+b.UNDSTR {text-decoration: underline line-through}
+b.BLK {color: #000000}
+b.RED {color: #aa0000}
+b.GRN {color: #00aa00}
+b.YEL {color: #aa5500}
+b.BLU {color: #0000aa}
+b.MAG {color: #aa00aa}
+b.CYN {color: #00aaaa}
+b.WHI {color: #aaaaaa}
+b.HIK {color: #555555}
+b.HIR {color: #ff5555}
+b.HIG {color: #55ff55}
+b.HIY {color: #ffff55}
+b.HIB {color: #5555ff}
+b.HIM {color: #ff55ff}
+b.HIC {color: #55ffff}
+b.HIW {color: #ffffff}
+b.BBLK {background-color: #000000}
+b.BRED {background-color: #aa0000}
+b.BGRN {background-color: #00aa00}
+b.BYEL {background-color: #aa5500}
+b.BBLU {background-color: #0000aa}
+b.BMAG {background-color: #aa00aa}
+b.BCYN {background-color: #00aaaa}
+b.BWHI {background-color: #aaaaaa}
+</style>
+</head>
+<body>
+<pre>
+<b>$ zarf package list</b><br/>
+<b class=YEL>Saving log file to</b>
+<b class=YEL>/var/folders/bk/rz1xx2sd5zn134c0_j1s2n5r0000gp/T/zarf-2023-03-22-13-13-47-3918845089.log</b>
+<b class=YEL></b><b style="color:#55ffff;"></b><b style="color:#55ffff;">     Package  </b><b style="color:#555555;"></b><b style="color:#555555;"> | </b><b style="color:#55ffff;"></b><b style="color:#55ffff;">Components                                                         </b>
+     dos-games<b style="color:#555555;"></b><b style="color:#555555;"> | </b>[baseline]                                                         
+     init     <b style="color:#555555;"></b><b style="color:#555555;"> | </b>[zarf-injector zarf-seed-registry zarf-registry zarf-agent logging]
+</pre>
+</body>
+</html>
diff --git a/docs-website/static/docs/walkthroughs/logging_remove.html b/docs-website/static/docs/walkthroughs/logging_remove.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+body {background-color: black;}
+pre {
+	font-weight: normal;
+	color: #bbb;
+	white-space: -moz-pre-wrap;
+	white-space: -o-pre-wrap;
+	white-space: -pre-wrap;
+	white-space: pre-wrap;
+	word-wrap: break-word;
+	overflow-wrap: break-word;
+}
+b {font-weight: normal}
+b.BOLD {color: #fff}
+b.ITA {font-style: italic}
+b.UND {text-decoration: underline}
+b.STR {text-decoration: line-through}
+b.UNDSTR {text-decoration: underline line-through}
+b.BLK {color: #000000}
+b.RED {color: #aa0000}
+b.GRN {color: #00aa00}
+b.YEL {color: #aa5500}
+b.BLU {color: #0000aa}
+b.MAG {color: #aa00aa}
+b.CYN {color: #00aaaa}
+b.WHI {color: #aaaaaa}
+b.HIK {color: #555555}
+b.HIR {color: #ff5555}
+b.HIG {color: #55ff55}
+b.HIY {color: #ffff55}
+b.HIB {color: #5555ff}
+b.HIM {color: #ff55ff}
+b.HIC {color: #55ffff}
+b.HIW {color: #ffffff}
+b.BBLK {background-color: #000000}
+b.BRED {background-color: #aa0000}
+b.BGRN {background-color: #00aa00}
+b.BYEL {background-color: #aa5500}
+b.BBLU {background-color: #0000aa}
+b.BMAG {background-color: #aa00aa}
+b.BCYN {background-color: #00aaaa}
+b.BWHI {background-color: #aaaaaa}
+</style>
+</head>
+<body>
+<pre>
+<b class="WHI">$ zarf package remove init --components="logging" --confirm</b><br/>
+<b class=YEL>Saving log file to</b>
+<b class=YEL>/var/folders/bk/rz1xx2sd5zn134c0_j1s2n5r0000gp/T/zarf-2023-03-22-13-17-09-3967112348.log</b>
+<b class=YEL></b>  •  <b style="color:#55ffff;"></b><b style="color:#55ffff;">Removing zarf package init</b>
+</pre>
+</body>
+</html>
diff --git a/docs-website/static/docs/walkthroughs/troubleshoot_uninitialized.html b/docs-website/static/docs/walkthroughs/troubleshoot_uninitialized.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+body {background-color: black;}
+pre {
+	font-weight: normal;
+	color: #bbb;
+	white-space: -moz-pre-wrap;
+	white-space: -o-pre-wrap;
+	white-space: -pre-wrap;
+	white-space: pre-wrap;
+	word-wrap: break-word;
+	overflow-wrap: break-word;
+}
+b {font-weight: normal}
+b.BOLD {color: #fff}
+b.ITA {font-style: italic}
+b.UND {text-decoration: underline}
+b.STR {text-decoration: line-through}
+b.UNDSTR {text-decoration: underline line-through}
+b.BLK {color: #000000}
+b.RED {color: #aa0000}
+b.GRN {color: #00aa00}
+b.YEL {color: #aa5500}
+b.BLU {color: #0000aa}
+b.MAG {color: #aa00aa}
+b.CYN {color: #00aaaa}
+b.WHI {color: #aaaaaa}
+b.HIK {color: #555555}
+b.HIR {color: #ff5555}
+b.HIG {color: #55ff55}
+b.HIY {color: #ffff55}
+b.HIB {color: #5555ff}
+b.HIM {color: #ff55ff}
+b.HIC {color: #55ffff}
+b.HIW {color: #ffffff}
+b.BBLK {background-color: #000000}
+b.BRED {background-color: #aa0000}
+b.BGRN {background-color: #00aa00}
+b.BYEL {background-color: #aa5500}
+b.BBLU {background-color: #0000aa}
+b.BMAG {background-color: #aa00aa}
+b.BCYN {background-color: #00aaaa}
+b.BWHI {background-color: #aaaaaa}
+</style>
+</head>
+<body>
+<pre>
+<b style="color:#55ff55;"></b><b style="color:#55ff55;">  ✔ </b> <b style="color:#55ff55;"></b><b style="color:#55ff55;">Deploy Zarf package confirmed</b>
+
+<div style="background-color:#555555">
+<b style="background-color:#555555"></b><b style="background-color:#555555">                                                                                </b>
+<b style="background-color:#555555"></b><b style="background-color:#555555"></b><b style="color:#ffffff;background-color:#555555"></b><b style="color:#ffffff;background-color:#555555">  📦 BASELINE COMPONENT                                                         </b><b style="background-color:#555555"></b><b style="background-color:#555555"></b>
+<b style="background-color:#555555"></b><b style="background-color:#555555"></b><b style="color:#ffffff;background-color:#555555"></b><b style="color:#ffffff;background-color:#555555">                                                                                </b><b style="background-color:#555555"></b><b style="background-color:#555555"></b>
+<b style="background-color:#555555"></b><b style="background-color:#555555">                                                                                </b>
+</div>
+
+  •  <b style="color:#55ffff;"></b><b style="color:#55ffff;">Loading the Zarf State from the Kubernetes cluster</b>
+<b class=BLK style="background-color:#ff5555"></b><b class=BLK style="background-color:#ff5555">     ERROR: </b> <b style="color:#ff5555;"></b><b style="color:#ff5555;">Failed to deploy package: unable to deploy all components in this Zarf Package: unable to deploy</b>
+<b class=BLK style="background-color:#ff5555"></b><b class=BLK style="background-color:#ff5555">            </b> <b style="color:#ff5555;"></b><b style="color:#ff5555;">component baseline: unable to get the updated value template: unable to load the Zarf State from the</b>
+<b class=BLK style="background-color:#ff5555"></b><b class=BLK style="background-color:#ff5555">            </b> <b style="color:#ff5555;"></b><b style="color:#ff5555;">Kubernetes cluster: secrets "zarf-state" not found</b>
+</pre>
+</body>
+</html>
diff --git a/docs-website/static/docs/walkthroughs/troubleshoot_unreachable.html b/docs-website/static/docs/walkthroughs/troubleshoot_unreachable.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style type="text/css">
+body {background-color: black;}
+pre {
+	font-weight: normal;
+	color: #bbb;
+	white-space: -moz-pre-wrap;
+	white-space: -o-pre-wrap;
+	white-space: -pre-wrap;
+	white-space: pre-wrap;
+	word-wrap: break-word;
+	overflow-wrap: break-word;
+}
+b {font-weight: normal}
+b.BOLD {color: #fff}
+b.ITA {font-style: italic}
+b.UND {text-decoration: underline}
+b.STR {text-decoration: line-through}
+b.UNDSTR {text-decoration: underline line-through}
+b.BLK {color: #000000}
+b.RED {color: #aa0000}
+b.GRN {color: #00aa00}
+b.YEL {color: #aa5500}
+b.BLU {color: #0000aa}
+b.MAG {color: #aa00aa}
+b.CYN {color: #00aaaa}
+b.WHI {color: #aaaaaa}
+b.HIK {color: #555555}
+b.HIR {color: #ff5555}
+b.HIG {color: #55ff55}
+b.HIY {color: #ffff55}
+b.HIB {color: #5555ff}
+b.HIM {color: #ff55ff}
+b.HIC {color: #55ffff}
+b.HIW {color: #ffffff}
+b.BBLK {background-color: #000000}
+b.BRED {background-color: #aa0000}
+b.BGRN {background-color: #00aa00}
+b.BYEL {background-color: #aa5500}
+b.BBLU {background-color: #0000aa}
+b.BMAG {background-color: #aa00aa}
+b.BCYN {background-color: #00aaaa}
+b.BWHI {background-color: #aaaaaa}
+</style>
+</head>
+<body>
+<pre>
+<div style="background-color:#555555">
+<b style="background-color:#555555"></b><b style="background-color:#555555">                                                                                </b>
+<b style="background-color:#555555"></b><b style="background-color:#555555"></b><b style="color:#ffffff;background-color:#555555"></b><b style="color:#ffffff;background-color:#555555">  📦 COMPONENT                                                                  </b><b style="background-color:#555555"></b><b style="background-color:#555555"></b>
+<b style="background-color:#555555"></b><b style="background-color:#555555"></b><b style="color:#ffffff;background-color:#555555"></b><b style="color:#ffffff;background-color:#555555">                                                                                </b><b style="background-color:#555555"></b><b style="background-color:#555555"></b>
+<b style="background-color:#555555"></b><b style="background-color:#555555">                                                                                </b>
+</div>
+
+  •  <b style="color:#55ffff;"></b><b style="color:#55ffff;">Copying 1 files</b>
+  •  <b style="color:#55ffff;"></b><b style="color:#55ffff;">Copying 1 files</b>
+<b class=BLK style="background-color:#ff5555"></b><b class=BLK style="background-color:#ff5555">     ERROR: </b> <b style="color:#ff5555;"></b><b style="color:#ff5555;">unable to deploy all components in this Zarf Package: unable to deploy component zarf-seed-registry: unable to connect to the Kubernetes cluster: timed out waiting for cluster to report healthy</b>
+</pre>
+</body>
+</html>
diff --git a/docs/.images/walkthroughs/logging_login.png b/docs/.images/walkthroughs/logging_login.png
diff --git a/docs/.images/walkthroughs/logging_logs.png b/docs/.images/walkthroughs/logging_logs.png
diff --git a/docs/.images/walkthroughs/logging_prompts.png b/docs/.images/walkthroughs/logging_prompts.png
diff --git a/docs/.images/walkthroughs/logging_query.png b/docs/.images/walkthroughs/logging_query.png
diff --git a/docs/.images/walkthroughs/logging_thumbnail.png b/docs/.images/walkthroughs/logging_thumbnail.png
diff --git a/docs/13-walkthroughs/2-deploying-doom.md b/docs/13-walkthroughs/2-deploying-doom.md
@@ -224,18 +224,7 @@ The dos-games package has now been removed from your cluster.
 
 #### Example
 
-```sh
-? Deploy this Zarf package? Yes
-
-
-  📦 BASELINE COMPONENT
-
-
-     ERROR:  Failed to deploy package: unable to deploy all components in this Zarf Package: unable to deploy
-             component baseline: unable to connect to the Kubernetes cluster: timed out waiting for cluster to
-             report healthy
-$
-```
+<iframe src="/docs/walkthroughs/troubleshoot_unreachable.html" width="100%" height="200px"></iframe>
 
 #### Remediation
 
@@ -254,23 +243,11 @@ After that you can try deploying the package again.
 
 #### Example
 
-```sh
-? Deploy this Zarf package? Yes
-
-
-  📦 BASELINE COMPONENT
-
-
-  ⠋  Loading the Zarf State from the Kubernetes cluster (0s)
-     ERROR:  Failed to deploy package: unable to deploy all components in this Zarf Package: unable to deploy
-             component baseline: unable to get the updated value template: unable to load the Zarf State from the
-             Kubernetes cluster: secrets "zarf-state" not found
-$
-```
+<iframe src="/docs/walkthroughs/troubleshoot_uninitialized.html" width="100%" height="250px"></iframe>
 
 #### Remediation
 
-If you receive this error when zarf is attempting to deploy the `BASELINE COMPONENT`, this means you have not initialized the kubernetes cluster.  This is one of the prerequisites for this walkthrough.  Perform the [Initialize a cluster](./1-initializing-a-k8s-cluster.md) walkthrough, then try again.
+If you receive this error when zarf is attempting to deploy the a component, this means you have not initialized the kubernetes cluster.  This is one of the prerequisites for this walkthrough.  Perform the [Initialize a cluster](./1-initializing-a-k8s-cluster.md) walkthrough, then try again.
 
 ## Credits