windhamdavid 2 years ago
parent
commit
65f163d858
7 changed files with 362 additions and 274 deletions
  1. 0 0
      app/css/dw.css
  2. 171 130
      app/index.html
  3. 0 0
      app/index.min.html/index.html
  4. 0 0
      app/js/dw.js
  5. 16 13
      css/style.css
  6. 171 130
      index.html
  7. 4 1
      js/_init.js

File diff suppressed because it is too large
+ 0 - 0
app/css/dw.css


+ 171 - 130
app/index.html

@@ -109,22 +109,22 @@
           <h3 class="mt-5">Welcome Good People of the Internet,</h3>
           <p class="lead">I'm glad you found me. 
             I, too, have a computer on a network, so here you are. 
-            No man is an island<sub>1</sub> even though I'm a one man show.
-            I published this site as a professional overview so I can opine away on my personal site and not look like a weirdo to potential clients.
+            No man is an island<sub>1</sub> even though this is an elevator pitch for one man show.
+            I published this site as a professional overview so I can opine away on my <a href="https://davidawindham.com/desk">personal site</a> and not look like a weirdo to potential clients.
  
             <br><br>
             Right on,
           </p>
-          <svg class="img-fluid"id="signature" x="0px" y="0px" viewBox="0 0 1000 300" width="300">
-            <style type="text/css"> .st0{fill:none;stroke:#9c9ea5;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;} </style>
+          <svg class="img-fluid" id="signature" x="0px" y="0px" viewBox="0 0 1000 300" width="300">
+            <style type="text/css">.sig-lines{fill:none;stroke:#9c9ea5;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}</style>
             <g id="daw">
-              <path class="st0" d="M188.28,63.54l25,148c0,0,4.98,30.96-2,33c-6.86,2-36.28-68.04-76-98c-28.32-21.36-111.67-55.04-112-76 C23,52.5,86.83,33.5,193,33.5c28,0,203.19,7.85,192.28,71.04c-18.28,105.96-251.24,177.92-266,164c-4.28-4.04,187-59,187-59 s20.28-6.22,37.08-11.57c11.16-3.55,14.63-0.47,20.92-5.43c4.87-3.85,4.48-10.62-1-8c-8.28,3.96,9.6,7.13,13,6c6-2,13.92,4.45,18,4 c9-1,8.72-7.96,14-8c5.72-0.04,4.06,4.87,10,5c4.6,0.1,22.6-5.11,28-10c2.65-2.4,3.74-9.43,4-13c0.47-6.31-1.1-18.96-3-25 c-2.25-7.17-11.77-36.08-14-36c-1.9,0.07,1.18,37.4,3,43c2.36,7.24,10.14,35.44,14,42c1.72,2.93,5.26,8.98,8,11c1.72,1.27,8,3,8,3" />
-              <polyline class="st0" points="383.28,154.54 381.28,159.54 387.28,157.54 	"/>
-              <path class="st0" d="M554.28,197.54c0,0-50-10-52-7c-3,4.5,12,18,12,18s-2.76-23.76-8.44-49c-6.34-28.17-15.57-58.16-13.56-59 c12-5,59.17,104.23,66,127"/>
-              <line class="st0" x1="572.28" y1="201.54" x2="569.28" y2="198.54"/>
-              <path class="st0" d="M603.28,163.54c0,0-4,5-4,14c0,8.85,11,27,24,26c6.07-0.47,15,0,23-8c3.25-3.25,8.41-12.79,13-13 c4.07-0.19,8.7,8.61,12,11c5.51,3.99,19.31,9.2,26,8c13.25-2.37,35-5,46-28c4.51-9.42,9.33-30.64,8-41 c-2.23-17.33-11.1-53.21-23-66c-13.02-14-28-32-68-35c-11.39-0.85-35.11,5.28-45,11c-2.75,1.59-9,6.82-9,10"/>
-              <polyline class="st0" points="726.28,132.54 727.28,133.54 730.28,131.54 	"/>
-              <path class="st0" d="M739.28,162.54c0,0,6.17,19.8,12,20c3.05,0.11,4.17-8.87,7-10c4.36-1.74,12.66,6.19,17,8 c3.49,1.45,11.34,2.94,15,2c3.7-0.95,7.18-5.95,11-6c2.15-0.03,6.81,3.58,9,3c3.42-0.91,8.54-6.78,10-10 c4.55-10.02,2.15-32.19,0-44c-2.42-13.3-16-57-19-55c-3.72,2.48-0.4,42.4,3,56c1.75,7,10.14,46.8,17.28,52.14 c6.44,4.82,11.72-35.14,11.72-35.14s3.72-26.04,2-26c-3.28,0.08-6,23-6,23s-3,32-2.19,32.57c3.28,2.3,4.19-7.57,7.19-7.57 c2.81,0,4.27,5.75,8,8c5.34,3.22,12.05,5,16,5c8,0,8.85-15,14-15c5,0,15.55,12.97,23,15c11,3,14-11,14-11s21.98,11.25,43,13 c12,1,24-11,24-11s2-2-1-3"/>
+              <path class="sig-lines" d="M188.28,63.54l25,148c0,0,4.98,30.96-2,33c-6.86,2-36.28-68.04-76-98c-28.32-21.36-111.67-55.04-112-76 C23,52.5,86.83,33.5,193,33.5c28,0,203.19,7.85,192.28,71.04c-18.28,105.96-251.24,177.92-266,164c-4.28-4.04,187-59,187-59 s20.28-6.22,37.08-11.57c11.16-3.55,14.63-0.47,20.92-5.43c4.87-3.85,4.48-10.62-1-8c-8.28,3.96,9.6,7.13,13,6c6-2,13.92,4.45,18,4 c9-1,8.72-7.96,14-8c5.72-0.04,4.06,4.87,10,5c4.6,0.1,22.6-5.11,28-10c2.65-2.4,3.74-9.43,4-13c0.47-6.31-1.1-18.96-3-25 c-2.25-7.17-11.77-36.08-14-36c-1.9,0.07,1.18,37.4,3,43c2.36,7.24,10.14,35.44,14,42c1.72,2.93,5.26,8.98,8,11c1.72,1.27,8,3,8,3" />
+              <polyline class="sig-lines" points="383.28,154.54 381.28,159.54 387.28,157.54 	"/>
+              <path class="sig-lines" d="M554.28,197.54c0,0-50-10-52-7c-3,4.5,12,18,12,18s-2.76-23.76-8.44-49c-6.34-28.17-15.57-58.16-13.56-59 c12-5,59.17,104.23,66,127"/>
+              <line class="sig-lines" x1="572.28" y1="201.54" x2="569.28" y2="198.54"/>
+              <path class="sig-lines" d="M603.28,163.54c0,0-4,5-4,14c0,8.85,11,27,24,26c6.07-0.47,15,0,23-8c3.25-3.25,8.41-12.79,13-13 c4.07-0.19,8.7,8.61,12,11c5.51,3.99,19.31,9.2,26,8c13.25-2.37,35-5,46-28c4.51-9.42,9.33-30.64,8-41 c-2.23-17.33-11.1-53.21-23-66c-13.02-14-28-32-68-35c-11.39-0.85-35.11,5.28-45,11c-2.75,1.59-9,6.82-9,10"/>
+              <polyline class="sig-lines" points="726.28,132.54 727.28,133.54 730.28,131.54 	"/>
+              <path class="sig-lines" d="M739.28,162.54c0,0,6.17,19.8,12,20c3.05,0.11,4.17-8.87,7-10c4.36-1.74,12.66,6.19,17,8 c3.49,1.45,11.34,2.94,15,2c3.7-0.95,7.18-5.95,11-6c2.15-0.03,6.81,3.58,9,3c3.42-0.91,8.54-6.78,10-10 c4.55-10.02,2.15-32.19,0-44c-2.42-13.3-16-57-19-55c-3.72,2.48-0.4,42.4,3,56c1.75,7,10.14,46.8,17.28,52.14 c6.44,4.82,11.72-35.14,11.72-35.14s3.72-26.04,2-26c-3.28,0.08-6,23-6,23s-3,32-2.19,32.57c3.28,2.3,4.19-7.57,7.19-7.57 c2.81,0,4.27,5.75,8,8c5.34,3.22,12.05,5,16,5c8,0,8.85-15,14-15c5,0,15.55,12.97,23,15c11,3,14-11,14-11s21.98,11.25,43,13 c12,1,24-11,24-11s2-2-1-3"/>
             </g>
           </svg>
         </div>
@@ -147,8 +147,9 @@
           <h2>Who?</h2>
           <p class="lead">
             I've been a developer for almost 20 years.
+            I'm detail oriented, productive, creative, and try to enjoy my work.
             I have a BA in Studio Art from The College of Charleston which is where I first got started publishing websites.
-            I've worked in advertising, publishing, education, and an assortment of businesses for clients.
+            I've worked in advertising, publishing, education, and for an assortment of business clients.
             I try to help folks make practical software decisions and good use of the web by crafting custom applications.
           </p>
 
@@ -164,21 +165,21 @@
       <div class="row">
         <div class="col-lg-7 offset-lg-1">   
           <h2>What?</h2>
-          <p class="lead">
-            Although solving challenging technical puzzles pays the bills,
-            I like to say that all I do is search for answers on the internet and read the documentation.
-            I'm detail oriented, productive, and creative. 
-            Aside from the list below, I'm open to booking my time for any sort of research, brain storming, or other endeavors.
+          <p class="lead">     
+            I like to say that all I do is search for answers on the internet and read the documentation, but I enjoy solving challenging technical puzzles using my experience, diagnostic, and analytical abilities. 
+            I try to keep a limited roster of well served clients, but 
+            I'll certainly make an effort to be helpful however I am able. 
+            I'm also open to booking my time for brain storming, research, or other endeavors.
           </p>
         </div>
         <div class="col-lg-3 mt-5">
           <a class="btn btn-primary zw-logo" data-bs-toggle="modal" data-bs-target="#zw-card-modal">
             <svg id="ZW" width="80" class="img-fluid" x="0px" y="0px" viewBox="0 0 249 249">
-              <path class="st0" d="M124.5,0C55.7,0,0,55.7,0,124.5S55.7,249,124.5,249S249,193.3,249,124.5S193.3,0,124.5,0z M124.1,231.5 c-15.2,0-39.4,2.8-39.4,2.8s13.8-13.1,26.6-38.8c10.7-21.5,13.2-41.9,13.2-41.9v0c0,0,3.2,22.5,12.2,41.5 c12.3,25.9,27.6,39.6,27.6,39.6S139.3,231.5,124.1,231.5z M191.6,186.1c-42.3,0-59.1-27.6-64-43.2c-3-14.5-0.1-13.8-0.1-13.8 c3.5,1.5,14.7,26.7,34.9,16.5c7.8-3.9,10.1-16.6,6-26.9c-6.7-16.8-19.3-19.2-36.7-40.4c-6.6-8-7.8-13.2-7.8-13.2s-1.4,5.3-8.2,13.6 c-17.8,21.6-29.7,23.3-36,40.3c-3.6,9.6-1.7,22.5,5.2,26.3c21.1,11.7,32.5-14.5,35.6-16.1c0,0,2.1-0.7,0,13.9 c-3.9,15.4-26.8,43.9-61,43.5C22.2,186.1,8,165.8,6.8,132.4c-0.6-17,9.2-49.8,48.8-51c15.2-0.4,29,8.2,29,8.2S72.1,75.8,71.8,55 c-0.4-29.5,24.5-50.1,54-50.1s52.2,23.2,52.4,47.9c0.2,20.7-12.6,36.9-12.6,36.9s11.7-8.4,28.6-8.4c26,0,47.7,20.1,48.1,50l0,0 C242.6,155.7,225.8,186.1,191.6,186.1z"/>
+              <path class="zw-lines" d="M124.5,0C55.7,0,0,55.7,0,124.5S55.7,249,124.5,249S249,193.3,249,124.5S193.3,0,124.5,0z M124.1,231.5 c-15.2,0-39.4,2.8-39.4,2.8s13.8-13.1,26.6-38.8c10.7-21.5,13.2-41.9,13.2-41.9v0c0,0,3.2,22.5,12.2,41.5 c12.3,25.9,27.6,39.6,27.6,39.6S139.3,231.5,124.1,231.5z M191.6,186.1c-42.3,0-59.1-27.6-64-43.2c-3-14.5-0.1-13.8-0.1-13.8 c3.5,1.5,14.7,26.7,34.9,16.5c7.8-3.9,10.1-16.6,6-26.9c-6.7-16.8-19.3-19.2-36.7-40.4c-6.6-8-7.8-13.2-7.8-13.2s-1.4,5.3-8.2,13.6 c-17.8,21.6-29.7,23.3-36,40.3c-3.6,9.6-1.7,22.5,5.2,26.3c21.1,11.7,32.5-14.5,35.6-16.1c0,0,2.1-0.7,0,13.9 c-3.9,15.4-26.8,43.9-61,43.5C22.2,186.1,8,165.8,6.8,132.4c-0.6-17,9.2-49.8,48.8-51c15.2-0.4,29,8.2,29,8.2S72.1,75.8,71.8,55 c-0.4-29.5,24.5-50.1,54-50.1s52.2,23.2,52.4,47.9c0.2,20.7-12.6,36.9-12.6,36.9s11.7-8.4,28.6-8.4c26,0,47.7,20.1,48.1,50l0,0 C242.6,155.7,225.8,186.1,191.6,186.1z"/>
             </svg>
           </a>
-          <p class="mt-3 ps-5 gaegu illustration-dark small float-start">
-            This is the icon I use everywhere. It came from a card I designed for my business name. Click to see the original.
+          <p class="mt-3 ps-5 gaegu illustration small float-start">
+            This is the icon I use everywhere. It came from a card I designed for my business. The name came from our two dogs <a href="https://davidawindham.com/boozie/">Zeke and Woozie</a>.  ( Click to see the original )
           </p>
         </div>
       </div>
@@ -203,9 +204,9 @@
       <!-- ** ZW CARD ** -->
 
       <div class="row mt-4 capabilities">
-        <div class="col-lg-10 offset-lg-1">
+        <div class="col-lg-7 offset-lg-1">
           <div class="row">
-            <div class="col-md-4">
+            <div class="col-md-3">
               <h5>Strategy</h5>
               <ul>
                 <li>Advertising</li>
@@ -234,7 +235,7 @@
             </div>
           </div>
           <div class="row">
-            <div class="col-md-4">
+            <div class="col-md-3">
               <h5>Design</h5>
               <ul>
                 <li>Graphic</li>
@@ -266,6 +267,29 @@
             </div>
           </div>
         </div>
+        <div class="col-lg-3">
+          <div class="row">
+            <h5>Management</h5>
+            <ul>
+              <li>Domain Registry / Routing / DNS</li>
+              <li>Brand Trademark / Identity Monitoring</li>
+              <li>Advertising Campaign Monitoring</li>
+              <li>Email Accounts / Hosting / Security</li>
+              <li>System / Network Security</li>
+              <li>Hardware Acquisition / Management</li>
+              <li>Backup Automation / Recovery</li>
+              <li>Application Monitoring / Support</li>
+              <li>Technical Support / Troubleshooting</li>
+              <li class="mt-2">I do <b><u>NOT</u></b> manage Social Media</li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <div class="row mt-5">
+        <div class="col-lg-9 offset-lg-1">
+          <p><b><u>Note</u></b>: According to my better half and parents, I'm particularly good at being critical ( ... perhaps it's from the years at art school ). I'm a good candidate to contact if you want some unbiased third-party feedback on your product, branding, design, website, or software. I'd be my pleasure to write up a detailed critique that'll give your team some actionable feedback.</p>
+        </div>
+        
       </div>
     </div>
   </section>
@@ -281,18 +305,25 @@
         </div>
       </div>
       <div class="row">
-        <div class="col-lg-3 offset-md-1">
-          <div class="row mt-5">
-            <h4 class="when">Request My Time</h4>
-            <p>I book hourly sessions regularly and I overlap projects in an effort to keep my schedule full.</p>
-            <br>
-          </div>
-          <div class="row">
-            <h4 class="when mt-2">I Work Anywhere</h4>
-            <p>Although video chats are nice, I enjoy meeting in person too. I travel out of the Greenville or Charlotte International Airports.</p>
-          </div>
+        <div class="col-lg-4 offset-md-1 mt-3">
+          <p>I try to keep a flexible work schedule so that I can enjoy time away from work. I try to be efficient because productivity does not equal the amount of time I spend at my desk.</p>
+          <h4 class="when mt-4">Request My Time</h4>
+          <p>I book hourly sessions and I try to overlap projects in an effort to keep my schedule full. I also enjoy volunteering my time to help worthy causes and organizations.</p>
+          <h4 class="when mt-4">I Work Anywhere</h4>
+          <p>Although video chats are nice, I also enjoy meeting in person. I travel out of the Greenville or Charlotte International Airports.</p>
+          <h4 class="when mt-4">Remote Support</h4>
+          <p>I can remotely access and manage your computers and devices.</p>
+          <h4 class="when mt-4">Availability</h4>
+          <p>I'm available to my clients anytime and I'm always open to taking on new clients.</p>
+          <p>New projects are booked until May 2023.</p>
+          <a id="opendate" class="btn btn-outline-dark btn-sm">
+            <i class="bi bi-exclamation-triangle"></i> &nbsp;23/05/01 
+          </a>
+          <a href="#dw-footer"class="btn btn-outline-dark btn-sm">
+            Meeting Request
+          </a>
         </div>
-        <div class="col-lg-7">
+        <div class="col-lg-6">
           <div id='calendar'></div>
         </div>
       </div>
@@ -304,110 +335,119 @@
   <section class="page-view why testimonials-section">
     <div class="container">
       <div class="row mb-3">
-        <div class="col-lg-10 offset-md-1">
+        <div class="col-lg-6 offset-md-1">
           <h2 class="why">Why?</h2>
           <p class="lead">
-            I used to view 'business' as a competition, but I've learned to look at it as a collaboration.
-            I looking a good match in my clients.     
+            I used to view business as a competition, but I've learned to look at it as a collaboration. 
+            I value the relationships and I'm always looking for a good match with my clients.     
           </p>
+          <div class="tesimonials mt-3">
+            <div class="indicators"></div>
+            <figure class="br-testimonial showing">
+              <blockquote>
+                "<strong>David has been a pleasure to work with</strong>.
+                His patient leadership on project made it very easy on us.
+                He has been very flexible in accommodating our requests.
+                David's persistent support throughout development and launch was fast and consistent; 
+                This project would have been impossible without him"
+              </blockquote>
+              <figcaption>
+                <cite>client</cite>
+                New York, NY
+              </figcaption>
+            </figure>
+            <figure class="br-testimonial">
+              <blockquote>
+                "David has always been creative.
+                I remember him taking apart all of the electronics in our house and never putting them back together.
+                <strong>It makes me very happy to see him doing something I know he enjoys!</strong>"
+              </blockquote>
+              <figcaption>
+                <cite>~ My Mom</cite>
+              </figcaption>
+            </figure>
+            <figure class="br-testimonial">
+              <blockquote>
+                "David worked remotely to help build and launch a client project and in less than three months we had a product ready for launch.
+                David's persistent support throughout development and launch was fast and consistent; <strong>This
+                project would have been impossible without him</strong>"
+              </blockquote>
+              <figcaption>
+                <cite>client</cite>
+                Los Angeles, CA<br>
+              </figcaption>
+            </figure>
+            <figure class="br-testimonial">
+              <blockquote>
+                "Good developers can be difficult to find, but David is amazing! He’s an
+                <strong>expert developer who works quickly</strong> and ultimately delivered an app that
+                exceeded my expectations. I would definitely work with him again."
+              </blockquote>
+              <figcaption>
+                <cite>waiting on approval</cite>
+                Communications Director <br>
+                Greenwood, SC
+              </figcaption>
+            </figure>
+            <div class="next-testimonial">
+              <svg viewBox="0 0 129 129" enable-background="new 0 0 129 129">
+                <g><path d="m40.4,121.3c-0.8,0.8-1.8,1.2-2.9,1.2s-2.1-0.4-2.9-1.2c-1.6-1.6-1.6-4.2 0-5.8l51-51-51-51c-1.6-1.6-1.6-4.2 0-5.8 1.6-1.6 4.2-1.6 5.8,0l53.9,53.9c1.6,1.6 1.6,4.2 0,5.8l-53.9,53.9z"/></g>
+              </svg>
+              <span>Next</span>
+            </div>
+          </div>
+        </div>
+        <div class="col-lg-4 mt-5 ps-5 pt-2">
+          <h5>Approach</h5>
+          <p>I have a "take care of it" approach to client services. I manage, host, and maintain everything I build or install for the lifespan of the project.</p>
+          <h5>Advantages</h5>
+          <p>I take care of ALL of it for you so there are no confusing automated reminders, renewals, and upgrade emails coming from your software or upstream providers. I offer sensible consulting based on your goals. I provide a single point of contact for consolidated billing, development, and support.</p>
         </div>
       </div>
       <div class="row">
+        <div class="col-lg-10 offset-lg-1">
+        <h5>Selected Clients:</h5>
+        <div class="row">
+          <div class="col-md-6">
+            <ul class="nodot">
+              <li>Use All Five Inc. – Los Angeles, CA</li>
+              <li>The Rivers Agency – Chapel Hill, NC</li>
+              <li>Charleston Home Tour - Charleston, SC</li>
+              <li>AJ Design Co. - Abbeville, SC</li>
+              <li>Fuzzco - Charleston, SC &amp; Portland, OR</li>
+              <li>Harbourtowne Real Estate - Charleston, SC</li>
+              <li>Charleston Trident Association of Realtors</li>
+              <li>The College of Charleston - Charleston, SC</li>
+              <li>Blue Ridge Electric Cooperative – Pickens, SC;</li>
+              <li>Self Regional Healthcare – Greenwood, SC</li>
+              <li>Biotherm Solutions - Cotari, CA</li>
+            </ul>
+          </div>
+          <div class="col-md-6">
+            <ul class="nodot">
+              <li>Pennebaker & Hegedus Films – New York, NY</li>
+              <li>Good and Plenty Records – New Orleans, LA</li>
+              <li>Jerry Moran – New Orleans, LA</li>
+              <li>Holy City Farms - Charleston, SC</li>
+              <li>Harvard Kennedy School of Education – Boston, MA;</li>
+              <li>Clemson University – Clemson, SC;</li>
+              <li>The Chelcum Family Foundation – Madison, WI</li>
+              <li>Morris Publishing – Augusta, GA</li>
+              <li>The State Newspaper - Columbia, SC</li>
+              <li>GMK Associates – Columbia, SC</li>
+              <li>Nicholson, Meredith, & Anderson - Greenwood, SC</li>
+            </ul>
+          </div>
+          </div>
+        </div>
         <div class="col-lg-1 offset-md-1">
-          <div class="indicators"></div>
+          
         </div>
         <div class="col-lg-9">
-          <figure class="br-testimonial showing">
-              <h5>Selected Clients:</h5>
-              <div class="row">
-                <div class="col-md-6">
-                  <ul>
-                    <li>Use All Five Inc. – Los Angeles, CA</li>
-                    <li>The Rivers Agency – Chapel Hill, NC</li>
-                    <li>Charleston Home Tour - Charleston, SC</li>
-                    <li>AJ Design Co. - Abbeville, SC</li>
-                    <li>Fuzzco - Charleston, SC &amp; Portland, OR</li>
-                    <li>Harbourtowne Real Estate - Charleston, SC</li>
-                    <li>Charleston Trident Association of Realtors</li>
-                    <li>The College of Charleston - Charleston, SC</li>
-                    <li>Blue Ridge Electric Cooperative – Pickens, SC;</li>
-                    <li>Self Regional Healthcare – Greenwood, SC</li>
-                    <li>Biotherm Solutions - Cotari, CA</li>
-                  </ul>
-                </div>
-                <div class="col-md-6">
-                  <ul>
-                    <li>Pennebaker & Hegedus Films – New York, NY</li>
-                    <li>Good and Plenty Records – New Orleans, LA</li>
-                    <li>Jerry Moran – New Orleans, LA</li>
-                    <li>Holy City Farms - Charleston, SC</li>
-                    <li>Harvard Kennedy School of Education – Boston, MA;</li>
-                    <li>Clemson University – Clemson, SC;</li>
-                    <li>The Chelcum Family Foundation – Madison, WI</li>
-                    <li>Morris Publishing – Augusta, GA</li>
-                    <li>The State Newspaper - Columbia, SC</li>
-                    <li>GMK Associates – Columbia, SC</li>
-                    <li>Nicholson, Meredith, & Anderson - Greenwood, SC</li>
-                  </ul>
-                </div>
-              </div>
-          </figure>
-          <figure class="br-testimonial">
-            <blockquote>
-              "<strong>David has been a pleasure to work with</strong>.
-              His patient leadership on project made it very easy on us.
-              He has been very flexible in accomodating our requests.
-              In less than two months we had a product ready for launch. David's persistent
-              support throughout development and launch was fast and consistent; This
-              project would have been impossible without him"
-            </blockquote>
-            <figcaption>
-              <cite>pending approval</cite>
-              pending approval<br>
-              New York, NY
-            </figcaption>
-          </figure>
-          <figure class="br-testimonial">
-            <blockquote>
-              "David has always been creative.
-              I remember him taking apart all of the electronics in our house and never putting them back together.
-              <strong>It makes me very happy to see him doing something I know he enjoys!</strong>"
-            </blockquote>
-            <figcaption>
-              <cite>~ My Mom</cite>
-            </figcaption>
-          </figure>
-          <figure class="br-testimonial">
-            <blockquote>
-              "David worked remotely to help build and launch a client project and in less than three months we had a product ready for launch.
-              David's persistent support throughout development and launch was fast and consistent; <strong>This
-              project would have been impossible without him</strong>"
-            </blockquote>
-            <figcaption>
-              <cite>waiting on approval</cite>
-              Los Angeles, CA<br>
-            </figcaption>
-          </figure>
-          <figure class="br-testimonial">
-            <blockquote>
-              "Good developers can be difficult to find, but David is amazing! He’s an
-              <strong>expert developer who works quickly</strong> and ultimately delivered an app that
-              exceeded my expectations. I would definitely work with him again."
-            </blockquote>
-            <figcaption>
-              <cite>waiting on approval</cite>
-              Communications Director <br>
-              Greenwood, SC
-            </figcaption>
-          </figure>
+
         </div>
         <div class="col-lg-1 next-wrapper">
-          <div class="next-testimonial">
-            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 129 129" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 129 129">
-              <g><path d="m40.4,121.3c-0.8,0.8-1.8,1.2-2.9,1.2s-2.1-0.4-2.9-1.2c-1.6-1.6-1.6-4.2 0-5.8l51-51-51-51c-1.6-1.6-1.6-4.2 0-5.8 1.6-1.6 4.2-1.6 5.8,0l53.9,53.9c1.6,1.6 1.6,4.2 0,5.8l-53.9,53.9z"/></g>
-            </svg>
-            <span>Next</span>
-          </div>
+
         </div>
       </div>
     </div>
@@ -529,10 +569,11 @@
                           </ul>
                         </div>
                         <div class="col-md-4">
-                          <h6>Add-ons:(vendor pricing)</h6>
+                          <h6>Add-ons:( vendor pricing + 10% )</h6>
                           <ul class="pricing">
-                            <li>G Suite</li>
-                            <li>Office 365</li>
+                            <li>Apple Business Manager</li>
+                            <li>Google Workspace</li>
+                            <li>Microsoft Office 365</li>
                             <li>SaaS Integration</li>
                             <li>API Integration</li>
                           </ul>

File diff suppressed because it is too large
+ 0 - 0
app/index.min.html/index.html


File diff suppressed because it is too large
+ 0 - 0
app/js/dw.js


+ 16 - 13
css/style.css

@@ -145,15 +145,16 @@ body {
   color: #9c9ea5;
 }
 [bg=dark-bg] h1,
-[bg=dark-bg] h2,
+[bg=dark-bg] h2 {
+  color: #e3e3e3 !important;
+}
+[bg=dark-bg] h3,
 [bg=dark-bg] h4,
 [bg=dark-bg] h5,
 [bg=dark-bg] h6,
+[bg=dark-bg] blockquote,
 [bg=dark-bg] a {
-  color: #e3e3e3 !important;
-}
-[bg=dark-bg] blockquote {
-  color: #e3e3e3;
+  color: #d1d1d1 !important;
 }
 /* purgecss end ignore */
 
@@ -251,11 +252,8 @@ h5.modal-title {
 h6.modal {
   color: #535763 !important;
 }
-.illustration-light {
-  color: #000 !important
-}
-.illustration-dark {
-  color: rgb(255, 255, 255) !important
+.nodot {
+  list-style: none;
 }
 .numbering {
   display: inline-block;
@@ -728,14 +726,18 @@ h6.modal {
 ################# CARD ###################
 #########################################*/
 .zw-logo svg path {
-  fill:rgb(36, 36, 36);
+  fill:#535763;
+  stroke:transparent;
+}
+[bg=dark-bg] .zw-logo svg path {
+  fill:#b0b0b0;
   stroke:transparent;
 }
 .zw-logo svg path {
   stroke:transparent;
 }
 .zw-logo svg:hover path {
-  fill:#e3e3e363;
+  fill:#d5d5d5;
 }
 .modal {
   text-align: center;
@@ -1199,7 +1201,8 @@ blockquote {
 }
 
 .fc .fc-toolbar h2 {
-  font-size: 1.1em;
+  font-size: 1em;
+  font-weight: 700;
   font-family: Inter;
   margin: 0;
   text-align: right;

+ 171 - 130
index.html

@@ -113,22 +113,22 @@
           <h3 class="mt-5">Welcome Good People of the Internet,</h3>
           <p class="lead">I'm glad you found me. 
             I, too, have a computer on a network, so here you are. 
-            No man is an island<sub>1</sub> even though I'm a one man show.
-            I published this site as a professional overview so I can opine away on my personal site and not look like a weirdo to potential clients.
+            No man is an island<sub>1</sub> even though this is an elevator pitch for one man show.
+            I published this site as a professional overview so I can opine away on my <a href="https://davidawindham.com/desk">personal site</a> and not look like a weirdo to potential clients.
  
             <br><br>
             Right on,
           </p>
-          <svg class="img-fluid"id="signature" x="0px" y="0px" viewBox="0 0 1000 300" width="300">
-            <style type="text/css"> .st0{fill:none;stroke:#9c9ea5;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;} </style>
+          <svg class="img-fluid" id="signature" x="0px" y="0px" viewBox="0 0 1000 300" width="300">
+            <style type="text/css">.sig-lines{fill:none;stroke:#9c9ea5;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}</style>
             <g id="daw">
-              <path class="st0" d="M188.28,63.54l25,148c0,0,4.98,30.96-2,33c-6.86,2-36.28-68.04-76-98c-28.32-21.36-111.67-55.04-112-76 C23,52.5,86.83,33.5,193,33.5c28,0,203.19,7.85,192.28,71.04c-18.28,105.96-251.24,177.92-266,164c-4.28-4.04,187-59,187-59 s20.28-6.22,37.08-11.57c11.16-3.55,14.63-0.47,20.92-5.43c4.87-3.85,4.48-10.62-1-8c-8.28,3.96,9.6,7.13,13,6c6-2,13.92,4.45,18,4 c9-1,8.72-7.96,14-8c5.72-0.04,4.06,4.87,10,5c4.6,0.1,22.6-5.11,28-10c2.65-2.4,3.74-9.43,4-13c0.47-6.31-1.1-18.96-3-25 c-2.25-7.17-11.77-36.08-14-36c-1.9,0.07,1.18,37.4,3,43c2.36,7.24,10.14,35.44,14,42c1.72,2.93,5.26,8.98,8,11c1.72,1.27,8,3,8,3" />
-              <polyline class="st0" points="383.28,154.54 381.28,159.54 387.28,157.54 	"/>
-              <path class="st0" d="M554.28,197.54c0,0-50-10-52-7c-3,4.5,12,18,12,18s-2.76-23.76-8.44-49c-6.34-28.17-15.57-58.16-13.56-59 c12-5,59.17,104.23,66,127"/>
-              <line class="st0" x1="572.28" y1="201.54" x2="569.28" y2="198.54"/>
-              <path class="st0" d="M603.28,163.54c0,0-4,5-4,14c0,8.85,11,27,24,26c6.07-0.47,15,0,23-8c3.25-3.25,8.41-12.79,13-13 c4.07-0.19,8.7,8.61,12,11c5.51,3.99,19.31,9.2,26,8c13.25-2.37,35-5,46-28c4.51-9.42,9.33-30.64,8-41 c-2.23-17.33-11.1-53.21-23-66c-13.02-14-28-32-68-35c-11.39-0.85-35.11,5.28-45,11c-2.75,1.59-9,6.82-9,10"/>
-              <polyline class="st0" points="726.28,132.54 727.28,133.54 730.28,131.54 	"/>
-              <path class="st0" d="M739.28,162.54c0,0,6.17,19.8,12,20c3.05,0.11,4.17-8.87,7-10c4.36-1.74,12.66,6.19,17,8 c3.49,1.45,11.34,2.94,15,2c3.7-0.95,7.18-5.95,11-6c2.15-0.03,6.81,3.58,9,3c3.42-0.91,8.54-6.78,10-10 c4.55-10.02,2.15-32.19,0-44c-2.42-13.3-16-57-19-55c-3.72,2.48-0.4,42.4,3,56c1.75,7,10.14,46.8,17.28,52.14 c6.44,4.82,11.72-35.14,11.72-35.14s3.72-26.04,2-26c-3.28,0.08-6,23-6,23s-3,32-2.19,32.57c3.28,2.3,4.19-7.57,7.19-7.57 c2.81,0,4.27,5.75,8,8c5.34,3.22,12.05,5,16,5c8,0,8.85-15,14-15c5,0,15.55,12.97,23,15c11,3,14-11,14-11s21.98,11.25,43,13 c12,1,24-11,24-11s2-2-1-3"/>
+              <path class="sig-lines" d="M188.28,63.54l25,148c0,0,4.98,30.96-2,33c-6.86,2-36.28-68.04-76-98c-28.32-21.36-111.67-55.04-112-76 C23,52.5,86.83,33.5,193,33.5c28,0,203.19,7.85,192.28,71.04c-18.28,105.96-251.24,177.92-266,164c-4.28-4.04,187-59,187-59 s20.28-6.22,37.08-11.57c11.16-3.55,14.63-0.47,20.92-5.43c4.87-3.85,4.48-10.62-1-8c-8.28,3.96,9.6,7.13,13,6c6-2,13.92,4.45,18,4 c9-1,8.72-7.96,14-8c5.72-0.04,4.06,4.87,10,5c4.6,0.1,22.6-5.11,28-10c2.65-2.4,3.74-9.43,4-13c0.47-6.31-1.1-18.96-3-25 c-2.25-7.17-11.77-36.08-14-36c-1.9,0.07,1.18,37.4,3,43c2.36,7.24,10.14,35.44,14,42c1.72,2.93,5.26,8.98,8,11c1.72,1.27,8,3,8,3" />
+              <polyline class="sig-lines" points="383.28,154.54 381.28,159.54 387.28,157.54 	"/>
+              <path class="sig-lines" d="M554.28,197.54c0,0-50-10-52-7c-3,4.5,12,18,12,18s-2.76-23.76-8.44-49c-6.34-28.17-15.57-58.16-13.56-59 c12-5,59.17,104.23,66,127"/>
+              <line class="sig-lines" x1="572.28" y1="201.54" x2="569.28" y2="198.54"/>
+              <path class="sig-lines" d="M603.28,163.54c0,0-4,5-4,14c0,8.85,11,27,24,26c6.07-0.47,15,0,23-8c3.25-3.25,8.41-12.79,13-13 c4.07-0.19,8.7,8.61,12,11c5.51,3.99,19.31,9.2,26,8c13.25-2.37,35-5,46-28c4.51-9.42,9.33-30.64,8-41 c-2.23-17.33-11.1-53.21-23-66c-13.02-14-28-32-68-35c-11.39-0.85-35.11,5.28-45,11c-2.75,1.59-9,6.82-9,10"/>
+              <polyline class="sig-lines" points="726.28,132.54 727.28,133.54 730.28,131.54 	"/>
+              <path class="sig-lines" d="M739.28,162.54c0,0,6.17,19.8,12,20c3.05,0.11,4.17-8.87,7-10c4.36-1.74,12.66,6.19,17,8 c3.49,1.45,11.34,2.94,15,2c3.7-0.95,7.18-5.95,11-6c2.15-0.03,6.81,3.58,9,3c3.42-0.91,8.54-6.78,10-10 c4.55-10.02,2.15-32.19,0-44c-2.42-13.3-16-57-19-55c-3.72,2.48-0.4,42.4,3,56c1.75,7,10.14,46.8,17.28,52.14 c6.44,4.82,11.72-35.14,11.72-35.14s3.72-26.04,2-26c-3.28,0.08-6,23-6,23s-3,32-2.19,32.57c3.28,2.3,4.19-7.57,7.19-7.57 c2.81,0,4.27,5.75,8,8c5.34,3.22,12.05,5,16,5c8,0,8.85-15,14-15c5,0,15.55,12.97,23,15c11,3,14-11,14-11s21.98,11.25,43,13 c12,1,24-11,24-11s2-2-1-3"/>
             </g>
           </svg>
         </div>
@@ -151,8 +151,9 @@
           <h2>Who?</h2>
           <p class="lead">
             I've been a developer for almost 20 years.
+            I'm detail oriented, productive, creative, and try to enjoy my work.
             I have a BA in Studio Art from The College of Charleston which is where I first got started publishing websites.
-            I've worked in advertising, publishing, education, and an assortment of businesses for clients.
+            I've worked in advertising, publishing, education, and for an assortment of business clients.
             I try to help folks make practical software decisions and good use of the web by crafting custom applications.
           </p>
 
@@ -168,21 +169,21 @@
       <div class="row">
         <div class="col-lg-7 offset-lg-1">   
           <h2>What?</h2>
-          <p class="lead">
-            Although solving challenging technical puzzles pays the bills,
-            I like to say that all I do is search for answers on the internet and read the documentation.
-            I'm detail oriented, productive, and creative. 
-            Aside from the list below, I'm open to booking my time for any sort of research, brain storming, or other endeavors.
+          <p class="lead">     
+            I like to say that all I do is search for answers on the internet and read the documentation, but I enjoy solving challenging technical puzzles using my experience, diagnostic, and analytical abilities. 
+            I try to keep a limited roster of well served clients, but 
+            I'll certainly make an effort to be helpful however I am able. 
+            I'm also open to booking my time for brain storming, research, or other endeavors.
           </p>
         </div>
         <div class="col-lg-3 mt-5">
           <a class="btn btn-primary zw-logo" data-bs-toggle="modal" data-bs-target="#zw-card-modal">
             <svg id="ZW" width="80" class="img-fluid" x="0px" y="0px" viewBox="0 0 249 249">
-              <path class="st0" d="M124.5,0C55.7,0,0,55.7,0,124.5S55.7,249,124.5,249S249,193.3,249,124.5S193.3,0,124.5,0z M124.1,231.5 c-15.2,0-39.4,2.8-39.4,2.8s13.8-13.1,26.6-38.8c10.7-21.5,13.2-41.9,13.2-41.9v0c0,0,3.2,22.5,12.2,41.5 c12.3,25.9,27.6,39.6,27.6,39.6S139.3,231.5,124.1,231.5z M191.6,186.1c-42.3,0-59.1-27.6-64-43.2c-3-14.5-0.1-13.8-0.1-13.8 c3.5,1.5,14.7,26.7,34.9,16.5c7.8-3.9,10.1-16.6,6-26.9c-6.7-16.8-19.3-19.2-36.7-40.4c-6.6-8-7.8-13.2-7.8-13.2s-1.4,5.3-8.2,13.6 c-17.8,21.6-29.7,23.3-36,40.3c-3.6,9.6-1.7,22.5,5.2,26.3c21.1,11.7,32.5-14.5,35.6-16.1c0,0,2.1-0.7,0,13.9 c-3.9,15.4-26.8,43.9-61,43.5C22.2,186.1,8,165.8,6.8,132.4c-0.6-17,9.2-49.8,48.8-51c15.2-0.4,29,8.2,29,8.2S72.1,75.8,71.8,55 c-0.4-29.5,24.5-50.1,54-50.1s52.2,23.2,52.4,47.9c0.2,20.7-12.6,36.9-12.6,36.9s11.7-8.4,28.6-8.4c26,0,47.7,20.1,48.1,50l0,0 C242.6,155.7,225.8,186.1,191.6,186.1z"/>
+              <path class="zw-lines" d="M124.5,0C55.7,0,0,55.7,0,124.5S55.7,249,124.5,249S249,193.3,249,124.5S193.3,0,124.5,0z M124.1,231.5 c-15.2,0-39.4,2.8-39.4,2.8s13.8-13.1,26.6-38.8c10.7-21.5,13.2-41.9,13.2-41.9v0c0,0,3.2,22.5,12.2,41.5 c12.3,25.9,27.6,39.6,27.6,39.6S139.3,231.5,124.1,231.5z M191.6,186.1c-42.3,0-59.1-27.6-64-43.2c-3-14.5-0.1-13.8-0.1-13.8 c3.5,1.5,14.7,26.7,34.9,16.5c7.8-3.9,10.1-16.6,6-26.9c-6.7-16.8-19.3-19.2-36.7-40.4c-6.6-8-7.8-13.2-7.8-13.2s-1.4,5.3-8.2,13.6 c-17.8,21.6-29.7,23.3-36,40.3c-3.6,9.6-1.7,22.5,5.2,26.3c21.1,11.7,32.5-14.5,35.6-16.1c0,0,2.1-0.7,0,13.9 c-3.9,15.4-26.8,43.9-61,43.5C22.2,186.1,8,165.8,6.8,132.4c-0.6-17,9.2-49.8,48.8-51c15.2-0.4,29,8.2,29,8.2S72.1,75.8,71.8,55 c-0.4-29.5,24.5-50.1,54-50.1s52.2,23.2,52.4,47.9c0.2,20.7-12.6,36.9-12.6,36.9s11.7-8.4,28.6-8.4c26,0,47.7,20.1,48.1,50l0,0 C242.6,155.7,225.8,186.1,191.6,186.1z"/>
             </svg>
           </a>
-          <p class="mt-3 ps-5 gaegu illustration-dark small float-start">
-            This is the icon I use everywhere. It came from a card I designed for my business name. Click to see the original.
+          <p class="mt-3 ps-5 gaegu illustration small float-start">
+            This is the icon I use everywhere. It came from a card I designed for my business. The name came from our two dogs <a href="https://davidawindham.com/boozie/">Zeke and Woozie</a>.  ( Click to see the original )
           </p>
         </div>
       </div>
@@ -207,9 +208,9 @@
       <!-- ** ZW CARD ** -->
 
       <div class="row mt-4 capabilities">
-        <div class="col-lg-10 offset-lg-1">
+        <div class="col-lg-7 offset-lg-1">
           <div class="row">
-            <div class="col-md-4">
+            <div class="col-md-3">
               <h5>Strategy</h5>
               <ul>
                 <li>Advertising</li>
@@ -238,7 +239,7 @@
             </div>
           </div>
           <div class="row">
-            <div class="col-md-4">
+            <div class="col-md-3">
               <h5>Design</h5>
               <ul>
                 <li>Graphic</li>
@@ -270,6 +271,29 @@
             </div>
           </div>
         </div>
+        <div class="col-lg-3">
+          <div class="row">
+            <h5>Management</h5>
+            <ul>
+              <li>Domain Registry / Routing / DNS</li>
+              <li>Brand Trademark / Identity Monitoring</li>
+              <li>Advertising Campaign Monitoring</li>
+              <li>Email Accounts / Hosting / Security</li>
+              <li>System / Network Security</li>
+              <li>Hardware Acquisition / Management</li>
+              <li>Backup Automation / Recovery</li>
+              <li>Application Monitoring / Support</li>
+              <li>Technical Support / Troubleshooting</li>
+              <li class="mt-2">I do <b><u>NOT</u></b> manage Social Media</li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <div class="row mt-5">
+        <div class="col-lg-9 offset-lg-1">
+          <p><b><u>Note</u></b>: According to my better half and parents, I'm particularly good at being critical ( ... perhaps it's from the years at art school ). I'm a good candidate to contact if you want some unbiased third-party feedback on your product, branding, design, website, or software. I'd be my pleasure to write up a detailed critique that'll give your team some actionable feedback.</p>
+        </div>
+        
       </div>
     </div>
   </section>
@@ -285,18 +309,25 @@
         </div>
       </div>
       <div class="row">
-        <div class="col-lg-3 offset-md-1">
-          <div class="row mt-5">
-            <h4 class="when">Request My Time</h4>
-            <p>I book hourly sessions regularly and I overlap projects in an effort to keep my schedule full.</p>
-            <br>
-          </div>
-          <div class="row">
-            <h4 class="when mt-2">I Work Anywhere</h4>
-            <p>Although video chats are nice, I enjoy meeting in person too. I travel out of the Greenville or Charlotte International Airports.</p>
-          </div>
+        <div class="col-lg-4 offset-md-1 mt-3">
+          <p>I try to keep a flexible work schedule so that I can enjoy time away from work. I try to be efficient because productivity does not equal the amount of time I spend at my desk.</p>
+          <h4 class="when mt-4">Request My Time</h4>
+          <p>I book hourly sessions and I try to overlap projects in an effort to keep my schedule full. I also enjoy volunteering my time to help worthy causes and organizations.</p>
+          <h4 class="when mt-4">I Work Anywhere</h4>
+          <p>Although video chats are nice, I also enjoy meeting in person. I travel out of the Greenville or Charlotte International Airports.</p>
+          <h4 class="when mt-4">Remote Support</h4>
+          <p>I can remotely access and manage your computers and devices.</p>
+          <h4 class="when mt-4">Availability</h4>
+          <p>I'm available to my clients anytime and I'm always open to taking on new clients.</p>
+          <p>New projects are booked until May 2023.</p>
+          <a id="opendate" class="btn btn-outline-dark btn-sm">
+            <i class="bi bi-exclamation-triangle"></i> &nbsp;23/05/01 
+          </a>
+          <a href="#dw-footer"class="btn btn-outline-dark btn-sm">
+            Meeting Request
+          </a>
         </div>
-        <div class="col-lg-7">
+        <div class="col-lg-6">
           <div id='calendar'></div>
         </div>
       </div>
@@ -308,110 +339,119 @@
   <section class="page-view why testimonials-section">
     <div class="container">
       <div class="row mb-3">
-        <div class="col-lg-10 offset-md-1">
+        <div class="col-lg-6 offset-md-1">
           <h2 class="why">Why?</h2>
           <p class="lead">
-            I used to view 'business' as a competition, but I've learned to look at it as a collaboration.
-            I looking a good match in my clients.     
+            I used to view business as a competition, but I've learned to look at it as a collaboration. 
+            I value the relationships and I'm always looking for a good match with my clients.     
           </p>
+          <div class="tesimonials mt-3">
+            <div class="indicators"></div>
+            <figure class="br-testimonial showing">
+              <blockquote>
+                "<strong>David has been a pleasure to work with</strong>.
+                His patient leadership on project made it very easy on us.
+                He has been very flexible in accommodating our requests.
+                David's persistent support throughout development and launch was fast and consistent; 
+                This project would have been impossible without him"
+              </blockquote>
+              <figcaption>
+                <cite>client</cite>
+                New York, NY
+              </figcaption>
+            </figure>
+            <figure class="br-testimonial">
+              <blockquote>
+                "David has always been creative.
+                I remember him taking apart all of the electronics in our house and never putting them back together.
+                <strong>It makes me very happy to see him doing something I know he enjoys!</strong>"
+              </blockquote>
+              <figcaption>
+                <cite>~ My Mom</cite>
+              </figcaption>
+            </figure>
+            <figure class="br-testimonial">
+              <blockquote>
+                "David worked remotely to help build and launch a client project and in less than three months we had a product ready for launch.
+                David's persistent support throughout development and launch was fast and consistent; <strong>This
+                project would have been impossible without him</strong>"
+              </blockquote>
+              <figcaption>
+                <cite>client</cite>
+                Los Angeles, CA<br>
+              </figcaption>
+            </figure>
+            <figure class="br-testimonial">
+              <blockquote>
+                "Good developers can be difficult to find, but David is amazing! He’s an
+                <strong>expert developer who works quickly</strong> and ultimately delivered an app that
+                exceeded my expectations. I would definitely work with him again."
+              </blockquote>
+              <figcaption>
+                <cite>waiting on approval</cite>
+                Communications Director <br>
+                Greenwood, SC
+              </figcaption>
+            </figure>
+            <div class="next-testimonial">
+              <svg viewBox="0 0 129 129" enable-background="new 0 0 129 129">
+                <g><path d="m40.4,121.3c-0.8,0.8-1.8,1.2-2.9,1.2s-2.1-0.4-2.9-1.2c-1.6-1.6-1.6-4.2 0-5.8l51-51-51-51c-1.6-1.6-1.6-4.2 0-5.8 1.6-1.6 4.2-1.6 5.8,0l53.9,53.9c1.6,1.6 1.6,4.2 0,5.8l-53.9,53.9z"/></g>
+              </svg>
+              <span>Next</span>
+            </div>
+          </div>
+        </div>
+        <div class="col-lg-4 mt-5 ps-5 pt-2">
+          <h5>Approach</h5>
+          <p>I have a "take care of it" approach to client services. I manage, host, and maintain everything I build or install for the lifespan of the project.</p>
+          <h5>Advantages</h5>
+          <p>I take care of ALL of it for you so there are no confusing automated reminders, renewals, and upgrade emails coming from your software or upstream providers. I offer sensible consulting based on your goals. I provide a single point of contact for consolidated billing, development, and support.</p>
         </div>
       </div>
       <div class="row">
+        <div class="col-lg-10 offset-lg-1">
+        <h5>Selected Clients:</h5>
+        <div class="row">
+          <div class="col-md-6">
+            <ul class="nodot">
+              <li>Use All Five Inc. – Los Angeles, CA</li>
+              <li>The Rivers Agency – Chapel Hill, NC</li>
+              <li>Charleston Home Tour - Charleston, SC</li>
+              <li>AJ Design Co. - Abbeville, SC</li>
+              <li>Fuzzco - Charleston, SC &amp; Portland, OR</li>
+              <li>Harbourtowne Real Estate - Charleston, SC</li>
+              <li>Charleston Trident Association of Realtors</li>
+              <li>The College of Charleston - Charleston, SC</li>
+              <li>Blue Ridge Electric Cooperative – Pickens, SC;</li>
+              <li>Self Regional Healthcare – Greenwood, SC</li>
+              <li>Biotherm Solutions - Cotari, CA</li>
+            </ul>
+          </div>
+          <div class="col-md-6">
+            <ul class="nodot">
+              <li>Pennebaker & Hegedus Films – New York, NY</li>
+              <li>Good and Plenty Records – New Orleans, LA</li>
+              <li>Jerry Moran – New Orleans, LA</li>
+              <li>Holy City Farms - Charleston, SC</li>
+              <li>Harvard Kennedy School of Education – Boston, MA;</li>
+              <li>Clemson University – Clemson, SC;</li>
+              <li>The Chelcum Family Foundation – Madison, WI</li>
+              <li>Morris Publishing – Augusta, GA</li>
+              <li>The State Newspaper - Columbia, SC</li>
+              <li>GMK Associates – Columbia, SC</li>
+              <li>Nicholson, Meredith, & Anderson - Greenwood, SC</li>
+            </ul>
+          </div>
+          </div>
+        </div>
         <div class="col-lg-1 offset-md-1">
-          <div class="indicators"></div>
+          
         </div>
         <div class="col-lg-9">
-          <figure class="br-testimonial showing">
-              <h5>Selected Clients:</h5>
-              <div class="row">
-                <div class="col-md-6">
-                  <ul>
-                    <li>Use All Five Inc. – Los Angeles, CA</li>
-                    <li>The Rivers Agency – Chapel Hill, NC</li>
-                    <li>Charleston Home Tour - Charleston, SC</li>
-                    <li>AJ Design Co. - Abbeville, SC</li>
-                    <li>Fuzzco - Charleston, SC &amp; Portland, OR</li>
-                    <li>Harbourtowne Real Estate - Charleston, SC</li>
-                    <li>Charleston Trident Association of Realtors</li>
-                    <li>The College of Charleston - Charleston, SC</li>
-                    <li>Blue Ridge Electric Cooperative – Pickens, SC;</li>
-                    <li>Self Regional Healthcare – Greenwood, SC</li>
-                    <li>Biotherm Solutions - Cotari, CA</li>
-                  </ul>
-                </div>
-                <div class="col-md-6">
-                  <ul>
-                    <li>Pennebaker & Hegedus Films – New York, NY</li>
-                    <li>Good and Plenty Records – New Orleans, LA</li>
-                    <li>Jerry Moran – New Orleans, LA</li>
-                    <li>Holy City Farms - Charleston, SC</li>
-                    <li>Harvard Kennedy School of Education – Boston, MA;</li>
-                    <li>Clemson University – Clemson, SC;</li>
-                    <li>The Chelcum Family Foundation – Madison, WI</li>
-                    <li>Morris Publishing – Augusta, GA</li>
-                    <li>The State Newspaper - Columbia, SC</li>
-                    <li>GMK Associates – Columbia, SC</li>
-                    <li>Nicholson, Meredith, & Anderson - Greenwood, SC</li>
-                  </ul>
-                </div>
-              </div>
-          </figure>
-          <figure class="br-testimonial">
-            <blockquote>
-              "<strong>David has been a pleasure to work with</strong>.
-              His patient leadership on project made it very easy on us.
-              He has been very flexible in accomodating our requests.
-              In less than two months we had a product ready for launch. David's persistent
-              support throughout development and launch was fast and consistent; This
-              project would have been impossible without him"
-            </blockquote>
-            <figcaption>
-              <cite>pending approval</cite>
-              pending approval<br>
-              New York, NY
-            </figcaption>
-          </figure>
-          <figure class="br-testimonial">
-            <blockquote>
-              "David has always been creative.
-              I remember him taking apart all of the electronics in our house and never putting them back together.
-              <strong>It makes me very happy to see him doing something I know he enjoys!</strong>"
-            </blockquote>
-            <figcaption>
-              <cite>~ My Mom</cite>
-            </figcaption>
-          </figure>
-          <figure class="br-testimonial">
-            <blockquote>
-              "David worked remotely to help build and launch a client project and in less than three months we had a product ready for launch.
-              David's persistent support throughout development and launch was fast and consistent; <strong>This
-              project would have been impossible without him</strong>"
-            </blockquote>
-            <figcaption>
-              <cite>waiting on approval</cite>
-              Los Angeles, CA<br>
-            </figcaption>
-          </figure>
-          <figure class="br-testimonial">
-            <blockquote>
-              "Good developers can be difficult to find, but David is amazing! He’s an
-              <strong>expert developer who works quickly</strong> and ultimately delivered an app that
-              exceeded my expectations. I would definitely work with him again."
-            </blockquote>
-            <figcaption>
-              <cite>waiting on approval</cite>
-              Communications Director <br>
-              Greenwood, SC
-            </figcaption>
-          </figure>
+
         </div>
         <div class="col-lg-1 next-wrapper">
-          <div class="next-testimonial">
-            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 129 129" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 129 129">
-              <g><path d="m40.4,121.3c-0.8,0.8-1.8,1.2-2.9,1.2s-2.1-0.4-2.9-1.2c-1.6-1.6-1.6-4.2 0-5.8l51-51-51-51c-1.6-1.6-1.6-4.2 0-5.8 1.6-1.6 4.2-1.6 5.8,0l53.9,53.9c1.6,1.6 1.6,4.2 0,5.8l-53.9,53.9z"/></g>
-            </svg>
-            <span>Next</span>
-          </div>
+
         </div>
       </div>
     </div>
@@ -533,10 +573,11 @@
                           </ul>
                         </div>
                         <div class="col-md-4">
-                          <h6>Add-ons:(vendor pricing)</h6>
+                          <h6>Add-ons:( vendor pricing + 10% )</h6>
                           <ul class="pricing">
-                            <li>G Suite</li>
-                            <li>Office 365</li>
+                            <li>Apple Business Manager</li>
+                            <li>Google Workspace</li>
+                            <li>Microsoft Office 365</li>
                             <li>SaaS Integration</li>
                             <li>API Integration</li>
                           </ul>

+ 4 - 1
js/_init.js

@@ -21,7 +21,10 @@ document.addEventListener('DOMContentLoaded', function() {
     eventDataTransform: function(event) { event.url = ""; return event; },
     eventClick: function(info) { info.jsEvent.preventDefault(); }
   });
-  calendar.render();
+  calendar.render();  
+  document.getElementById('opendate').addEventListener('click', function(){
+    calendar.gotoDate('2023-05-01')
+  });
 });
 
 window.onload = function () {

Some files were not shown because too many files changed in this diff