Updated portfolio pages

capncapes · Aug 30, 2024 · 7e28182 · 7e28182
1 parent 82ff7e7
commit 7e28182
Show file tree

Hide file tree

Showing 19 changed files with 28 additions and 58 deletions.
diff --git a/_layouts/portfolio.html b/_layouts/portfolio.html
@@ -10,9 +10,7 @@
 			<!-- End Google Tag Manager (noscript) -->
 		{% endif %}
 		{% include header.html %}
-		<div class="px-7 md:px-10 bg-yellow">
-			<h1 class="relative max-w-4 lg:mx-auto pt-20 text-3xl lg:text-4xl font-bold">{{ page.title }}</h1>
-		</div>
+		<h1 class="relative max-w-4 lg:mx-auto pt-20 text-3xl lg:text-4xl{% if page.url != '/portfolio/' %} text-white{% endif %} font-bold">{{ page.title }}</h1>
 		<main class="lg:pt-8 pb-16 px-7 md:px-10">
 			{{ content }}
 		</main>

diff --git a/_site/feed.xml b/_site/feed.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="3.9.2">Jekyll</generator><link href="http://localhost:4000/feed.xml" rel="self" type="application/atom+xml" /><link href="http://localhost:4000/" rel="alternate" type="text/html" /><updated>2024-08-29T01:11:57-04:00</updated><id>http://localhost:4000/feed.xml</id><title type="html">capncapes.github.io</title><subtitle>A blog site built with Jekyll consisting of two blogs, a feed of book reviews, and other content pages.</subtitle><author><name>Brandon Caples</name><email>brandon.caples@gmail.com</email></author><entry><title type="html">Come and see</title><link href="http://localhost:4000/faith/2024/come-and-see" rel="alternate" type="text/html" title="Come and see" /><published>2024-07-30T20:01:49-04:00</published><updated>2024-07-30T20:01:49-04:00</updated><id>http://localhost:4000/faith/2024/come-and-see</id><content type="html" xml:base="http://localhost:4000/faith/2024/come-and-see">&lt;p&gt;The call to &lt;q&gt;come and see&lt;/q&gt; echoes throughout the scriptures, inviting us into a deeper understanding and relationship with God. This profound invitation is beautifully illustrated in both John 1 and Psalm 66, drawing us closer to the heart of God through a journey of exploration and faith.&lt;/p&gt;
+<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="3.9.2">Jekyll</generator><link href="http://localhost:4000/feed.xml" rel="self" type="application/atom+xml" /><link href="http://localhost:4000/" rel="alternate" type="text/html" /><updated>2024-08-29T23:00:48-04:00</updated><id>http://localhost:4000/feed.xml</id><title type="html">capncapes.github.io</title><subtitle>A blog site built with Jekyll consisting of two blogs, a feed of book reviews, and other content pages.</subtitle><author><name>Brandon Caples</name><email>brandon.caples@gmail.com</email></author><entry><title type="html">Come and see</title><link href="http://localhost:4000/faith/2024/come-and-see" rel="alternate" type="text/html" title="Come and see" /><published>2024-07-30T20:01:49-04:00</published><updated>2024-07-30T20:01:49-04:00</updated><id>http://localhost:4000/faith/2024/come-and-see</id><content type="html" xml:base="http://localhost:4000/faith/2024/come-and-see">&lt;p&gt;The call to &lt;q&gt;come and see&lt;/q&gt; echoes throughout the scriptures, inviting us into a deeper understanding and relationship with God. This profound invitation is beautifully illustrated in both John 1 and Psalm 66, drawing us closer to the heart of God through a journey of exploration and faith.&lt;/p&gt;
 
 &lt;h2 id=&quot;an-invitation-to-the-skeptical&quot;&gt;An Invitation to the Skeptical&lt;/h2&gt;
 

diff --git a/_site/martech/2023/sql-dates.html b/_site/martech/2023/sql-dates.html
@@ -287,11 +287,11 @@ <h1 class="mb-6 mx-auto p-0 sm:text-xl md:text-2xl lg:text-3xl font-bold">Using
 
 <h2 id="now">NOW()</h2>
 
-<p>The <code class="language-plaintext highlighter-rouge">NOW()</code> function simply returns the current datetime, like this: <strong>2024-08-29 01:11:59</strong>. You will probably use <code class="language-plaintext highlighter-rouge">NOW()</code> a lot. If you only need the current date or the current time, use <code class="language-plaintext highlighter-rouge">CURDATE()</code> or <code class="language-plaintext highlighter-rouge">CURTIME()</code>, respectively.</p>
+<p>The <code class="language-plaintext highlighter-rouge">NOW()</code> function simply returns the current datetime, like this: <strong>2024-08-29 23:00:52</strong>. You will probably use <code class="language-plaintext highlighter-rouge">NOW()</code> a lot. If you only need the current date or the current time, use <code class="language-plaintext highlighter-rouge">CURDATE()</code> or <code class="language-plaintext highlighter-rouge">CURTIME()</code>, respectively.</p>
 
 <h2 id="getdate">GETDATE()</h2>
 
-<p>The <code class="language-plaintext highlighter-rouge">GETDATE()</code> function works exactly like the <code class="language-plaintext highlighter-rouge">NOW()</code> function, except that <code class="language-plaintext highlighter-rouge">GETDATE()</code> returns milliseconds, too. The query result would look something like this: <strong>2024-08-29 01:11:59.328</strong>.</p>
+<p>The <code class="language-plaintext highlighter-rouge">GETDATE()</code> function works exactly like the <code class="language-plaintext highlighter-rouge">NOW()</code> function, except that <code class="language-plaintext highlighter-rouge">GETDATE()</code> returns milliseconds, too. The query result would look something like this: <strong>2024-08-29 23:00:52.182</strong>.</p>
 
 <h2 id="date">DATE()</h2>
 <p><code class="language-plaintext highlighter-rouge">DATE(date)</code></p>

diff --git a/_site/portfolio/email/bs2405p1/index.html b/_site/portfolio/email/bs2405p1/index.html
@@ -162,9 +162,7 @@
 
 	</div>
 </header>
-		<div class="px-7 md:px-10 bg-yellow">
-			<h1 class="relative max-w-4 lg:mx-auto pt-20 text-3xl lg:text-4xl font-bold">Product email: Best sellers</h1>
-		</div>
+		<h1 class="relative max-w-4 lg:mx-auto pt-20 text-3xl lg:text-4xl text-white font-bold">Product email: Best sellers</h1>
 		<main class="lg:pt-8 pb-16 px-7 md:px-10">
 
 <script type="application/ld+json" class="splendid-schema-graph">

diff --git a/_site/portfolio/email/fl2405y1/index.html b/_site/portfolio/email/fl2405y1/index.html
@@ -162,9 +162,7 @@
 
 	</div>
 </header>
-		<div class="px-7 md:px-10 bg-yellow">
-			<h1 class="relative max-w-4 lg:mx-auto pt-20 text-3xl lg:text-4xl font-bold">Product email: Release announcement</h1>
-		</div>
+		<h1 class="relative max-w-4 lg:mx-auto pt-20 text-3xl lg:text-4xl text-white font-bold">Product email: Release announcement</h1>
 		<main class="lg:pt-8 pb-16 px-7 md:px-10">
 
 <script type="application/ld+json" class="splendid-schema-graph">

diff --git a/_site/portfolio/email/index.html b/_site/portfolio/email/index.html
@@ -162,9 +162,7 @@
 
 	</div>
 </header>
-		<div class="px-7 md:px-10 bg-yellow">
-			<h1 class="relative max-w-4 lg:mx-auto pt-20 text-3xl lg:text-4xl font-bold">Email Portfolio</h1>
-		</div>
+		<h1 class="relative max-w-4 lg:mx-auto pt-20 text-3xl lg:text-4xl text-white font-bold">Email Portfolio</h1>
 		<main class="lg:pt-8 pb-16 px-7 md:px-10">
 
 

diff --git a/_site/portfolio/email/ml2401p1/index.html b/_site/portfolio/email/ml2401p1/index.html
@@ -162,9 +162,7 @@
 
 	</div>
 </header>
-		<div class="px-7 md:px-10 bg-yellow">
-			<h1 class="relative max-w-4 lg:mx-auto pt-20 text-3xl lg:text-4xl font-bold">Nurture email: Prayer guide</h1>
-		</div>
+		<h1 class="relative max-w-4 lg:mx-auto pt-20 text-3xl lg:text-4xl text-white font-bold">Nurture email: Prayer guide</h1>
 		<main class="lg:pt-8 pb-16 px-7 md:px-10">
 
 <script type="application/ld+json" class="splendid-schema-graph">

diff --git a/_site/portfolio/email/re24y1/index.html b/_site/portfolio/email/re24y1/index.html
@@ -162,9 +162,7 @@
 
 	</div>
 </header>
-		<div class="px-7 md:px-10 bg-yellow">
-			<h1 class="relative max-w-4 lg:mx-auto pt-20 text-3xl lg:text-4xl font-bold">Re-engagement email</h1>
-		</div>
+		<h1 class="relative max-w-4 lg:mx-auto pt-20 text-3xl lg:text-4xl text-white font-bold">Re-engagement email</h1>
 		<main class="lg:pt-8 pb-16 px-7 md:px-10">
 
 <script type="application/ld+json" class="splendid-schema-graph">

diff --git a/_site/portfolio/email/ws22p1/index.html b/_site/portfolio/email/ws22p1/index.html
@@ -162,9 +162,7 @@
 
 	</div>
 </header>
-		<div class="px-7 md:px-10 bg-yellow">
-			<h1 class="relative max-w-4 lg:mx-auto pt-20 text-3xl lg:text-4xl font-bold">Welcome campaign: Email #1</h1>
-		</div>
+		<h1 class="relative max-w-4 lg:mx-auto pt-20 text-3xl lg:text-4xl text-white font-bold">Welcome campaign: Email #1</h1>
 		<main class="lg:pt-8 pb-16 px-7 md:px-10">
 
 <script type="application/ld+json" class="splendid-schema-graph">

diff --git a/_site/portfolio/email/ws22p2/index.html b/_site/portfolio/email/ws22p2/index.html
@@ -162,9 +162,7 @@
 
 	</div>
 </header>
-		<div class="px-7 md:px-10 bg-yellow">
-			<h1 class="relative max-w-4 lg:mx-auto pt-20 text-3xl lg:text-4xl font-bold">Welcome campaign: Email #2</h1>
-		</div>
+		<h1 class="relative max-w-4 lg:mx-auto pt-20 text-3xl lg:text-4xl text-white font-bold">Welcome campaign: Email #2</h1>
 		<main class="lg:pt-8 pb-16 px-7 md:px-10">
 
 <script type="application/ld+json" class="splendid-schema-graph">

diff --git a/_site/portfolio/email/ws22p3/index.html b/_site/portfolio/email/ws22p3/index.html
@@ -162,9 +162,7 @@
 
 	</div>
 </header>
-		<div class="px-7 md:px-10 bg-yellow">
-			<h1 class="relative max-w-4 lg:mx-auto pt-20 text-3xl lg:text-4xl font-bold">Welcome campaign: Email #3</h1>
-		</div>
+		<h1 class="relative max-w-4 lg:mx-auto pt-20 text-3xl lg:text-4xl text-white font-bold">Welcome campaign: Email #3</h1>
 		<main class="lg:pt-8 pb-16 px-7 md:px-10">
 
 <script type="application/ld+json" class="splendid-schema-graph">

diff --git a/_site/portfolio/email/ws22p4/index.html b/_site/portfolio/email/ws22p4/index.html
@@ -162,9 +162,7 @@
 
 	</div>
 </header>
-		<div class="px-7 md:px-10 bg-yellow">
-			<h1 class="relative max-w-4 lg:mx-auto pt-20 text-3xl lg:text-4xl font-bold">Welcome campaign: Email #4</h1>
-		</div>
+		<h1 class="relative max-w-4 lg:mx-auto pt-20 text-3xl lg:text-4xl text-white font-bold">Welcome campaign: Email #4</h1>
 		<main class="lg:pt-8 pb-16 px-7 md:px-10">
 
 <script type="application/ld+json" class="splendid-schema-graph">

diff --git a/_site/portfolio/email/yed2312p3/index.html b/_site/portfolio/email/yed2312p3/index.html
@@ -162,9 +162,7 @@
 
 	</div>
 </header>
-		<div class="px-7 md:px-10 bg-yellow">
-			<h1 class="relative max-w-4 lg:mx-auto pt-20 text-3xl lg:text-4xl font-bold">Fundraising email with image carousel</h1>
-		</div>
+		<h1 class="relative max-w-4 lg:mx-auto pt-20 text-3xl lg:text-4xl text-white font-bold">Fundraising email with image carousel</h1>
 		<main class="lg:pt-8 pb-16 px-7 md:px-10">
 
 <script type="application/ld+json" class="splendid-schema-graph">

diff --git a/_site/portfolio/index.html b/_site/portfolio/index.html
@@ -162,9 +162,7 @@
 
 	</div>
 </header>
-		<div class="px-7 md:px-10 bg-yellow">
-			<h1 class="relative max-w-4 lg:mx-auto pt-20 text-3xl lg:text-4xl font-bold">Portfolio</h1>
-		</div>
+		<h1 class="relative max-w-4 lg:mx-auto pt-20 text-3xl lg:text-4xl font-bold">Portfolio</h1>
 		<main class="lg:pt-8 pb-16 px-7 md:px-10">
 
 

diff --git a/_site/portfolio/web/greenflow/index.html b/_site/portfolio/web/greenflow/index.html
@@ -162,9 +162,7 @@
 
 	</div>
 </header>
-		<div class="px-7 md:px-10 bg-yellow">
-			<h1 class="relative max-w-4 lg:mx-auto pt-20 text-3xl lg:text-4xl font-bold">GreenFlow Distribution</h1>
-		</div>
+		<h1 class="relative max-w-4 lg:mx-auto pt-20 text-3xl lg:text-4xl text-white font-bold">GreenFlow Distribution</h1>
 		<main class="lg:pt-8 pb-16 px-7 md:px-10">
 
 <script type="application/ld+json" class="splendid-schema-graph">
@@ -191,7 +189,7 @@ <h1 class="relative max-w-4 lg:mx-auto pt-20 text-3xl lg:text-4xl font-bold">Gre
 		<a href="/portfolio/web/" class="block mb-8 py-3 px-6 text-black text-left bg-white uppercase rounded" title="Return to view more website projects">&larr; Web projects</a>
 		<a href="https://www.greenflowusa.com/?ref=brandoncaples.com" class="block mb-8 py-3 px-6 text-black text-left bg-white uppercase rounded" title="View this project in production" target="_blank">View this project</a>
 	</div>
-	<div class="w-full mt-8 md:mt-0 py-3 px-6 bg-white rounded">
+	<div class="w-full mt-8 md:mt-0 py-8 px-12 bg-white rounded">
 		<p>I built a child WordPress theme on top of the <a href="https://themeisle.com/themes/hestia-pro/?ref=brandoncaples.com" title="Hestia WordPress theme" target="_blank">Hestia</a> theme for a chemical products client to showcase products. Interestingly, the client requested that products not be purchasable through the website. Exceptions were to be directed to Amazon. I converted an existing website from Shopify, where products were being sold online, to WordPress as a brochure site. The two areas of focus for this project were a refreshed, modern look and search engine optimization.</p>
 		<h3 id="requirements">Requirements</h3>
 		<p>GreenFlow Distribution asked for a WordPress conversion from Shopify. They needed the new site to look modern and attractive, and they requested that blog posts be removed. (The company no longer maintains a blog.) They also asked that the website no longer process transactions. Instead, small orders of select products were to be directed to Amazon. Because of the nature and scope of the business, large orders were to be directed to a staff member.</p>
@@ -202,9 +200,9 @@ <h3 id="solution">Solution</h3>
 		<h3 id="conclusion">Conclusion</h3>
 		<p>GreenFlow Distribution was happy with the new look and functionality.</p>
 	</div>
-		<blockquote class="w-full mt-8 py-3 px-6 rounded">
-			<p>Brandon worked with my company to build a beautiful new website for us. He communicated throughout the process and answered all the questions I had. We are very satisfied with the final product and I highly recommend working with Brandon!</p>
-			<cite>Jon Donald, Director Of Operations at Greenflow Distribution</cite>
+		<blockquote class="w-full mt-8 mx-auto py-8 px-12 rounded">
+			<p class="mt-0">Brandon worked with my company to build a beautiful new website for us. He communicated throughout the process and answered all the questions I had. We are very satisfied with the final product and I highly recommend working with Brandon!</p>
+			<cite>Jon Donald, Director of Operations at GreenFlow Distribution</cite>
 		</blockquote>
 </article>
 		</main>

diff --git a/_site/portfolio/web/index.html b/_site/portfolio/web/index.html
@@ -162,9 +162,7 @@
 
 	</div>
 </header>
-		<div class="px-7 md:px-10 bg-yellow">
-			<h1 class="relative max-w-4 lg:mx-auto pt-20 text-3xl lg:text-4xl font-bold">Website Portfolio</h1>
-		</div>
+		<h1 class="relative max-w-4 lg:mx-auto pt-20 text-3xl lg:text-4xl text-white font-bold">Website Portfolio</h1>
 		<main class="lg:pt-8 pb-16 px-7 md:px-10">
 
 

diff --git a/_site/portfolio/web/nashville-braincore/index.html b/_site/portfolio/web/nashville-braincore/index.html
@@ -162,9 +162,7 @@
 
 	</div>
 </header>
-		<div class="px-7 md:px-10 bg-yellow">
-			<h1 class="relative max-w-4 lg:mx-auto pt-20 text-3xl lg:text-4xl font-bold">Nashville BrainCore</h1>
-		</div>
+		<h1 class="relative max-w-4 lg:mx-auto pt-20 text-3xl lg:text-4xl text-white font-bold">Nashville BrainCore</h1>
 		<main class="lg:pt-8 pb-16 px-7 md:px-10">
 
 <script type="application/ld+json" class="splendid-schema-graph">
@@ -191,7 +189,7 @@ <h1 class="relative max-w-4 lg:mx-auto pt-20 text-3xl lg:text-4xl font-bold">Nas
 		<a href="/portfolio/web/" class="block mb-8 py-3 px-6 text-black text-left bg-white uppercase rounded" title="Return to view more website projects">&larr; Web projects</a>
 		<a href="https://nashvillebraincore.com/?ref=brandoncaples.com" class="block mb-8 py-3 px-6 text-black text-left bg-white uppercase rounded" title="View this project in production" target="_blank">View this project</a>
 	</div>
-	<div class="w-full mt-8 md:mt-0 py-3 px-6 bg-white rounded">
+	<div class="w-full mt-8 md:mt-0 py-8 px-12 bg-white rounded">
 		<p>I developed a custom WordPress theme for Batson ChiroHealth Group, which operates nashvillebraincore.com, to rebrand the product (BrainCore neurofeedback), give the site a fresh look, enhance its search engine optimization, and provide an online wellness community for Nashville BrainCore patients. I converted an existing site from Wix.com to WordPress to be more user friendly and accessible for the client. Special attention was paid to on-page search engine optimization, and a community forum was built, by client request, for verified Nashville BrainCore patients to sign in and share encouragements, therapy milestones, advice, etc.</p>
 		<h3 id="requirements">Requirements</h3>
 		<p>Batson ChiroHealth Group asked for a fresh look for the Nashville BrainCore website, and search engine optimization was a key focus from the beginning. Being familiar with the business, I suggested a social feature for patients to sign in and communicate with one another and with the neurofeedback practitioners.</p>

diff --git a/portfolio/web/greenflow.html b/portfolio/web/greenflow.html
@@ -36,7 +36,7 @@
 		<a href="/portfolio/web/" class="block mb-8 py-3 px-6 text-black text-left bg-white uppercase rounded" title="Return to view more website projects">&larr; Web projects</a>
 		<a href="{{ project.url }}?ref=brandoncaples.com" class="block mb-8 py-3 px-6 text-black text-left bg-white uppercase rounded" title="View this project in production" target="_blank">View this project</a>
 	</div>
-	<div class="w-full mt-8 md:mt-0 py-3 px-6 bg-white rounded">
+	<div class="w-full mt-8 md:mt-0 py-8 px-12 bg-white rounded">
 		<p>I built a child WordPress theme on top of the <a href="https://themeisle.com/themes/hestia-pro/?ref=brandoncaples.com" title="Hestia WordPress theme" target="_blank">Hestia</a> theme for a chemical products client to showcase products. Interestingly, the client requested that products not be purchasable through the website. Exceptions were to be directed to Amazon. I converted an existing website from Shopify, where products were being sold online, to WordPress as a brochure site. The two areas of focus for this project were a refreshed, modern look and search engine optimization.</p>
 		<h3 id="requirements">Requirements</h3>
 		<p>GreenFlow Distribution asked for a WordPress conversion from Shopify. They needed the new site to look modern and attractive, and they requested that blog posts be removed. (The company no longer maintains a blog.) They also asked that the website no longer process transactions. Instead, small orders of select products were to be directed to Amazon. Because of the nature and scope of the business, large orders were to be directed to a staff member.</p>
@@ -47,8 +47,8 @@ <h3 id="solution">Solution</h3>
 		<h3 id="conclusion">Conclusion</h3>
 		<p>GreenFlow Distribution was happy with the new look and functionality.</p>
 	</div>
-		<blockquote class="w-full mt-8 py-3 px-6 rounded">
-			<p>Brandon worked with my company to build a beautiful new website for us. He communicated throughout the process and answered all the questions I had. We are very satisfied with the final product and I highly recommend working with Brandon!</p>
-			<cite>Jon Donald, Director Of Operations at Greenflow Distribution</cite>
+		<blockquote class="w-full mt-8 mx-auto py-8 px-12 rounded">
+			<p class="mt-0">Brandon worked with my company to build a beautiful new website for us. He communicated throughout the process and answered all the questions I had. We are very satisfied with the final product and I highly recommend working with Brandon!</p>
+			<cite>Jon Donald, Director of Operations at GreenFlow Distribution</cite>
 		</blockquote>
 </article>
diff --git a/portfolio/web/nashville-braincore.html b/portfolio/web/nashville-braincore.html
@@ -36,7 +36,7 @@
 		<a href="/portfolio/web/" class="block mb-8 py-3 px-6 text-black text-left bg-white uppercase rounded" title="Return to view more website projects">&larr; Web projects</a>
 		<a href="{{ project.url }}?ref=brandoncaples.com" class="block mb-8 py-3 px-6 text-black text-left bg-white uppercase rounded" title="View this project in production" target="_blank">View this project</a>
 	</div>
-	<div class="w-full mt-8 md:mt-0 py-3 px-6 bg-white rounded">
+	<div class="w-full mt-8 md:mt-0 py-8 px-12 bg-white rounded">
 		<p>I developed a custom WordPress theme for Batson ChiroHealth Group, which operates nashvillebraincore.com, to rebrand the product (BrainCore neurofeedback), give the site a fresh look, enhance its search engine optimization, and provide an online wellness community for Nashville BrainCore patients. I converted an existing site from Wix.com to WordPress to be more user friendly and accessible for the client. Special attention was paid to on-page search engine optimization, and a community forum was built, by client request, for verified Nashville BrainCore patients to sign in and share encouragements, therapy milestones, advice, etc.</p>
 		<h3 id="requirements">Requirements</h3>
 		<p>Batson ChiroHealth Group asked for a fresh look for the Nashville BrainCore website, and search engine optimization was a key focus from the beginning. Being familiar with the business, I suggested a social feature for patients to sign in and communicate with one another and with the neurofeedback practitioners.</p>