adding new projects

jhoude5 · Jul 6, 2024 · 77742d1 · 77742d1
1 parent 4c8a8e5
commit 77742d1
Show file tree

Hide file tree

Showing 14 changed files with 128 additions and 43 deletions.
diff --git a/_site/404.html b/_site/404.html
@@ -15,6 +15,8 @@
 <meta property="og:type" content="website" />
 <meta name="twitter:card" content="summary" />
 <meta property="twitter:title" content="Jennifer Houde" />
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+<script src="/assets/js/main.js"></script>
 <script type="application/ld+json">
 {"@context":"https://schema.org","@type":"WebSite","description":"Portfolio","headline":"Jennifer Houde","name":"Jennifer Houde","url":"http://localhost:4000/"}</script>
 <!-- End Jekyll SEO tag -->

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="4.3.3">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-04-15T16:04:08-04:00</updated><id>http://localhost:4000/feed.xml</id><title type="html">Jennifer Houde</title><subtitle>Portfolio</subtitle><entry><title type="html">Welcome to Jekyll!</title><link href="http://localhost:4000/jekyll/update/2024/04/04/welcome-to-jekyll.html" rel="alternate" type="text/html" title="Welcome to Jekyll!" /><published>2024-04-04T15:39:36-04:00</published><updated>2024-04-04T15:39:36-04:00</updated><id>http://localhost:4000/jekyll/update/2024/04/04/welcome-to-jekyll</id><content type="html" xml:base="http://localhost:4000/jekyll/update/2024/04/04/welcome-to-jekyll.html"><![CDATA[<p>You’ll find this post in your <code class="language-plaintext highlighter-rouge">_posts</code> directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run <code class="language-plaintext highlighter-rouge">jekyll serve</code>, which launches a web server and auto-regenerates your site when a file is updated.</p>
+<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.3.3">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-07-06T15:39:32-04:00</updated><id>http://localhost:4000/feed.xml</id><title type="html">Jennifer Houde</title><subtitle>Portfolio</subtitle><entry><title type="html">Welcome to Jekyll!</title><link href="http://localhost:4000/jekyll/update/2024/04/04/welcome-to-jekyll.html" rel="alternate" type="text/html" title="Welcome to Jekyll!" /><published>2024-04-04T15:39:36-04:00</published><updated>2024-04-04T15:39:36-04:00</updated><id>http://localhost:4000/jekyll/update/2024/04/04/welcome-to-jekyll</id><content type="html" xml:base="http://localhost:4000/jekyll/update/2024/04/04/welcome-to-jekyll.html"><![CDATA[<p>You’ll find this post in your <code class="language-plaintext highlighter-rouge">_posts</code> directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run <code class="language-plaintext highlighter-rouge">jekyll serve</code>, which launches a web server and auto-regenerates your site when a file is updated.</p>
 
 <p>Jekyll requires blog post files to be named according to the following format:</p>
 

diff --git a/_site/index.html b/_site/index.html
@@ -16,6 +16,8 @@
 <meta property="og:type" content="website" />
 <meta name="twitter:card" content="summary" />
 <meta property="twitter:title" content="Jennifer Houde" />
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+<script src="/assets/js/main.js"></script>
 <script type="application/ld+json">
 {"@context":"https://schema.org","@type":"WebSite","description":"Portfolio","headline":"Jennifer Houde","name":"Jennifer Houde","url":"http://localhost:4000/"}</script>
 <!-- End Jekyll SEO tag -->
@@ -31,15 +33,21 @@
     <div class="wrapper nav-wrapper">
     <a class="site-title" rel="author" href="/">Jennifer Houde.</a>
     <nav class="site-nav">
-        <input type="checkbox" id="nav-trigger" class="nav-trigger" />
+        <input type="checkbox" id="nav-trigger" class="nav-trigger" onclick="onMobileClick()"/>
         <label class="nav-trigger-label" for="nav-trigger" aria-label="menu">
         <span class="menu-icon">
             <svg viewBox="0 0 18 15" width="18px" height="15px">
             <path d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.032C17.335,0,18,0.665,18,1.484L18,1.484z M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.032C17.335,6.031,18,6.696,18,7.516L18,7.516z M18,13.516C18,14.335,17.335,15,16.516,15H1.484 C0.665,15,0,14.335,0,13.516l0,0c0-0.82,0.665-1.483,1.484-1.483h15.032C17.335,12.031,18,12.695,18,13.516L18,13.516z"/>
             </svg>
         </span>
+
         </label>
-
+        <button type="button" class="btn-close" onclick="onMobileClick()" aria-label="Close"></button>
+        <script type="text/javascript">
+            document.onload = function() {
+                console.log('test');
+              }
+            </script>
         <div class="trigger">
         <a class="page-link" href="/#mywork">My Work</a>
         <a class="page-link" href="/resume.html">My Resume</a>
@@ -52,6 +60,9 @@
             <h1 class="pb-4">Hi, I’m Jennifer, <span class="highlight">Web Designer</span>, <span class="highlight">Web Developer</span> and <span class="highlight">Accessibility Specialist</span></h1>
             <p>I design and build beautiful websites for businesses around the globe. If you need a modern and powerful website, send me an email. If we are a good fit, I will give you a time and cost estimate.</p>
             <a class="btn btn-primary" href="#mywork">See my work</a>
+          </div>
+          <div class="col-md-4">
+            <img src="assets/pictures/Headshot.jpeg" alt="jennifer houde" />
           </div></div>
         </div>
   </header>
@@ -62,30 +73,32 @@ <h1 class="pb-4">Hi, I’m Jennifer, <span class="highlight">Web Designer</span>
         <h2 class="latest-work-title h4">Latest Work</h2>
         <div class="row">
           <div class="col-md-6">
-            <h3 class="h1 latest-title">ChatApp website</h3>
+            <h3 class="h1 latest-title">SahaWellness website</h3>
             <div class="tags-wrapper"><span class="tag">Website Design</span>
-            <span class="tag">Weblow Developement</span>
-            <span class="tag">Concept</span></div>
-            <p>This is a homepage design and build for a concept project – a chat application. I designed the page first then built a responsive web page using Webflow.</p>
-            <a class="btn btn-primary" href="/projects/chatapp.html">See this project</a>
+              <span class="tag">Web Developement</span>
+              <p>This is an acupunture clinic, I designed all pages then built for responsiveness using Gatsby with Contentful CMS. </p>
+              <a class="btn btn-primary" href="/projects/sahawellness.html">See this project</a>
+            </div>
           </div>
           <div class="col-md-6">
-            <img src="assets/pictures/ChatAppclip.jpg" alt="clip image of chatapp website"/>
+            <img src="assets/pictures/swclip.jpg" alt="clip image of chatapp website"/>
           </div>
         </div>
-        <div class="row">
-          <div class="col-md-6">
-            <h3 class="h1 latest-title">Team App website</h3>
-            <div class="tags-wrapper"><span class="tag">Website Design</span>
-            <span class="tag">Weblow Developement</span>
-            <span class="tag">Concept</span></div>
-            <p>Full website design and build for a concept team collaboration platform. This website also includes a beautiful blog. I have built the website and the blog in Webflow which has one of the best CMS for blog hosting.</p>
-            <a class="btn btn-primary" href="/projects/teamapp.html">See this project</a>
+          <div class="row">
+            <div class="col-md-6">
+              <h3 class="h1 latest-title">Lucas Burns Mortgages website</h3>
+              <div class="tags-wrapper"><span class="tag">Website Design</span>
+                <span class="tag">Web Developement</span>
+                <p>This is a mortgage broker website, I designed all pages then built for responsivement using 11ty with Contentful CMS.</p>
+                <a class="btn btn-primary" href="/projects/lucasburnsmortgages.html">See this project</a>
+              </div>
+            </div>
+            <div class="col-md-6">
+              <img src="assets/pictures/lbmclip.jpg" alt="clip image of chatapp website"/>
+            </div>
           </div>
-          <div class="col-md-6">
-            <img src="assets/pictures/teamapp clip.jpg" alt="clip image of teamapp website"/>
-          </div>
-        </div>
+
+
 
       </div>
     </div>

diff --git a/_site/jekyll/update/2024/04/04/welcome-to-jekyll.html b/_site/jekyll/update/2024/04/04/welcome-to-jekyll.html
@@ -15,6 +15,8 @@
 <meta property="og:type" content="website" />
 <meta name="twitter:card" content="summary" />
 <meta property="twitter:title" content="Jennifer Houde" />
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+<script src="/assets/js/main.js"></script>
 <script type="application/ld+json">
 {"@context":"https://schema.org","@type":"WebSite","description":"Portfolio","headline":"Jennifer Houde","name":"Jennifer Houde","url":"http://localhost:4000/"}</script>
 <!-- End Jekyll SEO tag -->

diff --git a/_site/resume.html b/_site/resume.html
@@ -16,6 +16,8 @@
 <meta property="og:type" content="website" />
 <meta name="twitter:card" content="summary" />
 <meta property="twitter:title" content="Jennifer Houde" />
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+<script src="/assets/js/main.js"></script>
 <script type="application/ld+json">
 {"@context":"https://schema.org","@type":"WebSite","description":"Portfolio","headline":"Jennifer Houde","name":"Jennifer Houde","url":"http://localhost:4000/"}</script>
 <!-- End Jekyll SEO tag -->
@@ -31,15 +33,21 @@
         <div class="wrapper nav-wrapper">
     <a class="site-title" rel="author" href="/">Jennifer Houde.</a>
     <nav class="site-nav">
-        <input type="checkbox" id="nav-trigger" class="nav-trigger" />
+        <input type="checkbox" id="nav-trigger" class="nav-trigger" onclick="onMobileClick()"/>
         <label class="nav-trigger-label" for="nav-trigger" aria-label="menu">
         <span class="menu-icon">
             <svg viewBox="0 0 18 15" width="18px" height="15px">
             <path d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.032C17.335,0,18,0.665,18,1.484L18,1.484z M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.032C17.335,6.031,18,6.696,18,7.516L18,7.516z M18,13.516C18,14.335,17.335,15,16.516,15H1.484 C0.665,15,0,14.335,0,13.516l0,0c0-0.82,0.665-1.483,1.484-1.483h15.032C17.335,12.031,18,12.695,18,13.516L18,13.516z"/>
             </svg>
         </span>
+
         </label>
-
+        <button type="button" class="btn-close" onclick="onMobileClick()" aria-label="Close"></button>
+        <script type="text/javascript">
+            document.onload = function() {
+                console.log('test');
+              }
+            </script>
         <div class="trigger">
         <a class="page-link" href="/#mywork">My Work</a>
         <a class="page-link" href="/resume.html">My Resume</a>
@@ -64,6 +72,7 @@ <h2>My Education</h2>
       <div class="work">
         <h2>My Certifications</h2>
         <ul>
+            <li>Webflow 101 Certification - Webflow University 2024</li>
             <li>Complete Web Design - Udemy 2024</li>
             <li>Learning Pything - LinkedIn Learning 2024</li>
             <li>Learning Typescript - LinkedIn Learning 2024</li>

diff --git a/assets/css/styles.scss b/assets/css/styles.scss
@@ -1,4 +1,2 @@
----
 
----
 @import 'base';
diff --git a/assets/pictures/Headshot.jpeg b/assets/pictures/Headshot.jpeg
diff --git a/assets/pictures/lbm.jpg b/assets/pictures/lbm.jpg
diff --git a/assets/pictures/lbmclip.jpg b/assets/pictures/lbmclip.jpg
diff --git a/assets/pictures/sahawellness.png b/assets/pictures/sahawellness.png
diff --git a/assets/pictures/swclip.jpg b/assets/pictures/swclip.jpg
diff --git a/index.html b/index.html
@@ -13,6 +13,9 @@
             <h1 class="pb-4">Hi, I’m Jennifer, <span class="highlight">Web Designer</span>, <span class="highlight">Web Developer</span> and <span class="highlight">Accessibility Specialist</span></h1>
             <p>I design and build beautiful websites for businesses around the globe. If you need a modern and powerful website, send me an email. If we are a good fit, I will give you a time and cost estimate.</p>
             <a class="btn btn-primary" href="#mywork">See my work</a>
+          </div>
+          <div class="col-md-4">
+            <img src="assets/pictures/Headshot.jpeg" alt="jennifer houde" />
           </div></div>
         </div>
   </header>
@@ -23,30 +26,32 @@ <h1 class="pb-4">Hi, I’m Jennifer, <span class="highlight">Web Designer</span>
         <h2 class="latest-work-title h4">Latest Work</h2>
         <div class="row">
           <div class="col-md-6">
-            <h3 class="h1 latest-title">ChatApp website</h3>
+            <h3 class="h1 latest-title">SahaWellness website</h3>
             <div class="tags-wrapper"><span class="tag">Website Design</span>
-            <span class="tag">Weblow Developement</span>
-            <span class="tag">Concept</span></div>
-            <p>This is a homepage design and build for a concept project – a chat application. I designed the page first then built a responsive web page using Webflow.</p>
-            <a class="btn btn-primary" href="/projects/chatapp.html">See this project</a>
+              <span class="tag">Web Developement</span>
+              <p>This is an acupunture clinic, I designed all pages then built for responsiveness using Gatsby with Contentful CMS. </p>
+              <a class="btn btn-primary" href="/projects/sahawellness.html">See this project</a>
+            </div>
           </div>
           <div class="col-md-6">
-            <img src="assets/pictures/ChatAppclip.jpg" alt="clip image of chatapp website"/>
+            <img src="assets/pictures/swclip.jpg" alt="clip image of chatapp website"/>
           </div>
         </div>
-        <div class="row">
-          <div class="col-md-6">
-            <h3 class="h1 latest-title">Team App website</h3>
-            <div class="tags-wrapper"><span class="tag">Website Design</span>
-            <span class="tag">Weblow Developement</span>
-            <span class="tag">Concept</span></div>
-            <p>Full website design and build for a concept team collaboration platform. This website also includes a beautiful blog. I have built the website and the blog in Webflow which has one of the best CMS for blog hosting.</p>
-            <a class="btn btn-primary" href="/projects/teamapp.html">See this project</a>
+          <div class="row">
+            <div class="col-md-6">
+              <h3 class="h1 latest-title">Lucas Burns Mortgages website</h3>
+              <div class="tags-wrapper"><span class="tag">Website Design</span>
+                <span class="tag">Web Developement</span>
+                <p>This is a mortgage broker website, I designed all pages then built for responsivement using 11ty with Contentful CMS.</p>
+                <a class="btn btn-primary" href="/projects/lucasburnsmortgages.html">See this project</a>
+              </div>
+            </div>
+            <div class="col-md-6">
+              <img src="assets/pictures/lbmclip.jpg" alt="clip image of chatapp website"/>
+            </div>
           </div>
-          <div class="col-md-6">
-            <img src="assets/pictures/teamapp clip.jpg" alt="clip image of teamapp website"/>
-          </div>
-        </div>
+
+
 
       </div>
     </div>

diff --git a/projects/lucasburnsmortgages.html b/projects/lucasburnsmortgages.html
@@ -0,0 +1,28 @@
+---
+---
+<!DOCTYPE html>
+<html lang="en">
+  {% include head.html %}
+<body>
+    <header>
+        {% include navbar.html%}
+        <div class="project-header">
+            <span class="project-label">Project Showcase</span>
+            <h1 class="project-title">Lucas Burns Mortgages </h1>
+            <p class="project-summary">This is a mortgage broker website, I designed all pages then built for responsivement using 11ty with Contentful CMS.</p>
+            <a class="project-link" href="https://lucasburnsmortgages.ca">Visit live site <i class="fa-solid fa-arrow-right"></i></a>
+        </div>
+
+    </header>
+
+<main class="page-content" aria-label="Content">
+
+    <div class="wrapper project-image">
+        <img src="../assets/pictures/lbm.jpg" alt="lucas burns mortgages website image"/>
+    </div>
+
+</main>
+{% include footer.html %}
+</body>
+
+</html>
diff --git a/projects/sahawellness.html b/projects/sahawellness.html
@@ -0,0 +1,28 @@
+---
+---
+<!DOCTYPE html>
+<html lang="en">
+  {% include head.html %}
+<body>
+    <header>
+        {% include navbar.html%}
+        <div class="project-header">
+            <span class="project-label">Project Showcase</span>
+            <h1 class="project-title">Saha Wellness </h1>
+            <p class="project-summary">This is an acupunture clinic, I designed all pages then built for responsiveness using Gatsby with Contentful CMS. </p>
+            <a class="project-link" href="https://sahawellness.ca">Visit live site <i class="fa-solid fa-arrow-right"></i></a>
+        </div>
+
+    </header>
+
+<main class="page-content" aria-label="Content">
+
+    <div class="wrapper project-image">
+        <img src="../assets/pictures/sahawellness.jpg" alt="saha wellness website image"/>
+    </div>
+
+</main>
+{% include footer.html %}
+</body>
+
+</html>