Add Docker cleanup.

web/pages/guides/CSS.vue

@@ -43,10 +43,10 @@
         <!-- Page Section -->
         <template #main>
             <section class="py-10 max-w-5xl mx-auto">
-                <div class="mt-3 p-5 font-medium bg-gray-100 border-4 border-gray-300 rounded-xl">
+                <div class="p-5 text-2xl font-medium bg-gray-100 border-4 border-gray-300 rounded-xl">
                     Restricts a paragraph of text to 3-lines.
 
-                    <small class="block">
+                    <small class="block text-sm">
                         NOTE: Text is truncated at the end.
                     </small>
                 </div>

web/pages/guides/Docker.vue

@@ -42,32 +42,33 @@
 
         <!-- Page Section -->
         <template #main>
-            <section class="p-3 h-full bg-gradient-to-r from-gray-50 to-gray-100">
-                <h3 class="text-2xl font-medium">
+            <section class="py-10 max-w-5xl mx-auto">
+                <div class="p-5 text-2xl font-medium bg-gray-100 border-4 border-gray-300 rounded-xl">
                     Quick Install
-                </h3>
 
-                <div class="my-5 w-3/4 border-4 border-yellow-300 bg-yellow-100 rounded-xl overflow-hidden">
-                    <textarea rows="3" class="-mb-2 p-5 w-full border-0 bg-yellow-100">curl -fsSL https://get.docker.com -o get-docker.sh
-chmod +x ./get-docker.sh
-./get-docker.sh</textarea>
+                    <small class="block text-sm">
+                        NOTE: Safe to delete the shell file after install.
+                    </small>
                 </div>
 
-                <h3 class="mt-10 text-2xl font-medium">
-                    Install Docker and Docker Compose
-                </h3>
+<pre class="mt-5 p-5 bg-yellow-100 border-4 border-yellow-300 rounded-xl">
+<code>curl -fsSL https://get.docker.com -o get-docker.sh
+chmod +x ./get-docker.sh
+./get-docker.sh</code></pre>
+            </section>
 
-                <div class="my-5 w-3/4 border-4 border-yellow-300 bg-yellow-100 rounded-xl overflow-hidden">
-                    <textarea rows="1" class="-mb-2 p-5 w-full border-0 bg-yellow-100 line-through">apt install -y docker-ce docker-compose (DEPRECATED)</textarea>
+            <section class="py-10 max-w-5xl mx-auto">
+                <div class="p-5 text-2xl font-medium bg-gray-100 border-4 border-gray-300 rounded-xl">
+                    Cleanup Docker System
+
+                    <small class="block text-sm">
+                        NOTE: For when the Overlay2 folder fills your entire filesystem.
+                    </small>
                 </div>
 
+<pre class="mt-5 p-5 bg-yellow-100 border-4 border-yellow-300 rounded-xl">
+<code>docker system prune -a</code></pre>
             </section>
         </template>
-
-        <!-- <section class="mt-5">
-            <p>
-                Lorem ipsum dolor sit amet consectetur adipisicing elit. Ducimus, quasi magnam! Qui deleniti, nulla ipsam voluptatum, non quis ut libero at ipsum delectus, placeat perspiciatis. Atque repellat id earum dolorem?
-            </p>
-        </section> -->
     </NuxtLayout>
 </template>