chore: wip

Author: chrisbbreuer

resources/views/colophon/index.vue

@@ -70,7 +70,7 @@ useHead({
                   class="transition-colors duration-200"
                 >
                   Vue.js
-                </a> - A progressive JavaScript framework
+                </a> - A progressive JavaScript framework powering the UI engine
               </span>
             </li>
             <li class="flex items-baseline">
@@ -83,7 +83,7 @@ useHead({
                   :class="isDarkMode ? 'text-gray-300 hover:text-white' : 'text-gray-700 hover:text-black'"
                   class="transition-colors duration-200"
                 >
-                  Tailwind CSS
+                  UnoCSS
                 </a> - A utility-first CSS framework
               </span>
             </li>
@@ -101,20 +101,6 @@ useHead({
                 </a> - JavaScript with syntax for types
               </span>
             </li>
-            <li class="flex items-baseline">
-              <span :class="isDarkMode ? 'text-gray-400' : 'text-gray-600'" class="mr-2">•</span>
-              <span>
-                <a
-                  href="https://pages.cloudflare.com/"
-                  target="_blank"
-                  rel="noopener"
-                  :class="isDarkMode ? 'text-gray-300 hover:text-white' : 'text-gray-700 hover:text-black'"
-                  class="transition-colors duration-200"
-                >
-                  Cloudflare Pages
-                </a> - For hosting and deployment
-              </span>
-            </li>
           </ul>
         </div>
 

resources/views/index.vue

@@ -58,7 +58,7 @@ useHead({
           <p class="mb-6" :class="isDarkMode ? 'text-gray-300' : 'text-gray-700'">
             I spent the last decade-and-some working on personal & private projects, ranging from small apps to large enterprise
             services—which caused my obsession with building scalable & serverless systems. In fact, I dove deep into
-            "data storage & transfer" and "distributed & decentralized compute" techniques these past years.
+            “data storage & transfer” and “distributed & decentralized compute” techniques these past years.
             One of the core reasons I started working on Stacks.
           </p>
         </div>

resources/views/uses/index.vue

@@ -152,7 +152,12 @@ useHead({
             </li>
             <li class="flex items-baseline">
               <span :class="isDarkMode ? 'text-gray-400' : 'text-gray-600'" class="mr-2">•</span>
-              <span>Barista to keep my menu bar organized</span>
+              <span><a href="https://github.com/stacksjs/barista" target="_blank" rel="noopener"
+                :class="[
+                  isDarkMode ? 'text-gray-300 hover:text-white' : 'text-gray-700 hover:text-black',
+                  'border-b border-dashed',
+                  isDarkMode ? 'border-gray-600 hover:border-gray-400' : 'border-gray-400 hover:border-gray-600'
+                ]">Barista</a> to keep my menu bar organized</span>
             </li>
           </ul>
         </div>