buildbot: 2/2 17:12

josephclaytonhansen · Feb 2, 2024 · 7eff636 · 7eff636
1 parent 58ce51e
commit 7eff636
Show file tree

Hide file tree

Showing 12 changed files with 3,512 additions and 3,336 deletions.
diff --git a/dist/assets/index-CBijX6P2.css → dist/assets/index-WfsX7gCj.css b/dist/assets/index-CBijX6P2.css → dist/assets/index-WfsX7gCj.css
diff --git a/dist/assets/index-IwCy7LMo.js → dist/assets/index-yDQRLreK.js b/dist/assets/index-IwCy7LMo.js → dist/assets/index-yDQRLreK.js
diff --git a/dist/index.html b/dist/index.html
@@ -26,8 +26,8 @@
     <link href="https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;700&family=Martel:wght@400;700&family=Fira+Code:wght@400;700&display=swap" rel="preconnect">
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Vite + Vue</title>
-    <script type="module" crossorigin src="/assets/index-IwCy7LMo.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-CBijX6P2.css">
+    <script type="module" crossorigin src="/assets/index-yDQRLreK.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-WfsX7gCj.css">
   </head>
   <body>
     <div id="app"></div>

diff --git a/src/components/main/Main.vue b/src/components/main/Main.vue
@@ -19,6 +19,7 @@
   import TubBoys from "./pages/portfolio/TubBoys.vue"
   import StuartPipeAndHose from "./pages/portfolio/StuartPipeAndHose.vue"
   import SwimStatePool from "./pages/portfolio/SwimStatePool.vue"
+  import JosephHansenDev from "./pages/portfolio/JosephHansenDev.vue"
 
   const brightness = ref(1)
 
@@ -41,6 +42,7 @@
     "tub-boys": TubBoys,
     "stuart-pipe": StuartPipeAndHose,
     "swim-state-pool": SwimStatePool,
+    "josephhansen-dev": JosephHansenDev,
     bazaar: Bazaar,
   }
 

diff --git a/src/components/main/blocks/sliderAndGallery/sliderAndGallery.vue b/src/components/main/blocks/sliderAndGallery/sliderAndGallery.vue
@@ -151,7 +151,9 @@
         </div>
       </div>
     </div>
-    <div :class="pClass(props.brightness)" class="prose pt-6 w-11/12 sm:w-10/12 md:w-8/12">
+    <div
+      :class="pClass(props.brightness)"
+      class="prose pt-6 w-11/12 sm:w-10/12 md:w-8/12">
       <slot></slot>
     </div>
     <hr
@@ -183,7 +185,7 @@
     object-fit: cover;
   }
 
-  .prose{
+  .prose {
     max-width: 100%;
   }
 </style>
diff --git a/src/components/main/pages/portfolio/ArisSearch.vue b/src/components/main/pages/portfolio/ArisSearch.vue
@@ -28,7 +28,7 @@
 </script>
 
 <template>
-  <sliderAndGallery
+  <sliderAndGallerya
     :images="bazaarImages"
     :captions="bazaarCaptions"
     :link="bazaarLink"
@@ -41,6 +41,6 @@
       <p>Lorem ipsum</p>
       <h3 class="text-2xl font-bold text-inherit">Geometric effects</h3>
       <p>Lorem ipsum</p>
-    </slot></sliderAndGallery
+    </slot></sliderAndGallerya
   >
 </template>
diff --git a/src/components/main/pages/portfolio/JosephHansenDev.vue b/src/components/main/pages/portfolio/JosephHansenDev.vue
@@ -0,0 +1,41 @@
+<script setup>
+  import { ref } from "vue"
+
+  import sliderAndGallery from "../../blocks/sliderAndGallery/sliderAndGallery.vue"
+  const bazaarLink = "/"
+  const bazaarTitle = "josephhansen.dev"
+
+  import { josephhansenHome } from "../../../images/imageLinks.js"
+
+  const bazaarImages = ref([josephhansenHome])
+
+  const bazaarCaptions = ref(["This site's homepage"])
+
+  const pClass = (brightness) => {
+    if (brightness >= 4) {
+      return "text-slate-800"
+    } else if (brightness == 3) {
+      return "text-slate-200"
+    } else if (brightness == 2) {
+      return "text-slate-300"
+    } else if (brightness == 1) {
+      return "text-slate-300"
+    }
+  }
+</script>
+
+<template>
+  <sliderAndGallery
+    :images="bazaarImages"
+    :captions="bazaarCaptions"
+    :link="bazaarLink"
+    :title="bazaarTitle"
+    :brightness="brightness"
+    ><slot>
+      <h3 class="text-2xl font-bold text-inherit">
+        Lorem ipsum
+      </h3>
+      <p>Lorem ipsum</p>
+    </slot></sliderAndGallery
+  >
+</template>
diff --git a/src/components/main/pages/portfolio/StehlFamilyDental.vue b/src/components/main/pages/portfolio/StehlFamilyDental.vue
@@ -5,15 +5,11 @@
   const bazaarLink = "https://stehlfamilydental.com/"
   const bazaarTitle = "Stuart Hose and Pipe"
 
-  import {
-    stehlHome
-  } from "../../../images/imageLinks.js"
+  import { stehlHome } from "../../../images/imageLinks.js"
 
   const bazaarImages = ref([stehlHome])
 
-  const bazaarCaptions = ref([
-    "Stehl Family Dental homepage",
-  ])
+  const bazaarCaptions = ref(["Stehl Family Dental homepage"])
 
   const pClass = (brightness) => {
     if (brightness >= 4) {
@@ -40,9 +36,7 @@
         Priority: make services and pricing clear and accessible
       </h3>
       <p>Lorem ipsum</p>
-      <h3 class="text-2xl font-bold text-inherit">
-        Working with a round logo
-      </h3>
+      <h3 class="text-2xl font-bold text-inherit">Working with a round logo</h3>
       <p>Lorem ipsum</p>
     </slot></sliderAndGallery
   >

diff --git a/src/components/main/pages/portfolio/StuartPipeAndHose.vue b/src/components/main/pages/portfolio/StuartPipeAndHose.vue
@@ -5,15 +5,11 @@
   const bazaarLink = "https://stuarthose.com/"
   const bazaarTitle = "Stuart Hose and Pipe"
 
-  import {
-    stuartHome
-  } from "../../../images/imageLinks.js"
+  import { stuartHome } from "../../../images/imageLinks.js"
 
   const bazaarImages = ref([stuartHome])
 
-  const bazaarCaptions = ref([
-    "Stuart Hose and Pipe homepage",
-  ])
+  const bazaarCaptions = ref(["Stuart Hose and Pipe homepage"])
 
   const pClass = (brightness) => {
     if (brightness >= 4) {

diff --git a/src/components/main/pages/portfolio/SwimStatePool.vue b/src/components/main/pages/portfolio/SwimStatePool.vue
@@ -1,7 +1,15 @@
 <script setup>
-  const props = defineProps({
-    brightness: Number,
-  })
+  import { ref } from "vue"
+
+  import sliderAndGallery from "../../blocks/sliderAndGallery/sliderAndGallery.vue"
+  const bazaarLink = "https://swimstatepoolservice.com/"
+  const bazaarTitle = "Swim State Pool"
+
+  import { swimHome } from "../../../images/imageLinks.js"
+
+  const bazaarImages = ref([swimHome])
+
+  const bazaarCaptions = ref(["Swim State Pool Services homepage"])
 
   const pClass = (brightness) => {
     if (brightness >= 4) {
@@ -16,4 +24,18 @@
   }
 </script>
 
-<template></template>
+<template>
+  <sliderAndGallery
+    :images="bazaarImages"
+    :captions="bazaarCaptions"
+    :link="bazaarLink"
+    :title="bazaarTitle"
+    :brightness="brightness"
+    ><slot>
+      <h3 class="text-2xl font-bold text-inherit">
+        Iterative design
+      </h3>
+      <p>Lorem ipsum</p>
+    </slot></sliderAndGallery
+  >
+</template>
diff --git a/src/components/main/pages/portfolio/TubBoys.vue b/src/components/main/pages/portfolio/TubBoys.vue
@@ -5,15 +5,11 @@
   const bazaarLink = "https://tub-boys.com/"
   const bazaarTitle = "Tub Boys"
 
-  import {
-    tubHome
-  } from "../../../images/imageLinks.js"
+  import { tubHome } from "../../../images/imageLinks.js"
 
   const bazaarImages = ref([tubHome])
 
-  const bazaarCaptions = ref([
-    "Tub Boys homepage",
-  ])
+  const bazaarCaptions = ref(["Tub Boys homepage"])
 
   const pClass = (brightness) => {
     if (brightness >= 4) {
@@ -40,9 +36,7 @@
         Using design to present minimal text in a compelling way
       </h3>
       <p>Lorem ipsum</p>
-      <h3 class="text-2xl font-bold text-inherit">
-        Image comparison sliders
-      </h3>
+      <h3 class="text-2xl font-bold text-inherit">Image comparison sliders</h3>
       <p>Lorem ipsum</p>
     </slot></sliderAndGallery
   >

diff --git a/src/routes.js b/src/routes.js
@@ -51,6 +51,11 @@ const routes = [
     component: null,
     props: { component: "tub-boys" },
   },
+  {
+    path: "/portfolio/josephhansen-dev",
+    component: null,
+    props: { component: "josephhansen-dev" },
+  },
 ]
 
 const routePaths = routes.map((route) => route.path)