updated services page

jongund · Apr 27, 2024 · 737eca9 · 737eca9
1 parent 5fef368
commit 737eca9
Show file tree

Hide file tree

Showing 10 changed files with 31 additions and 52 deletions.
diff --git a/docs/about.html b/docs/about.html
@@ -141,12 +141,6 @@ <h2>Mission Statement</h2>
              <div class="fst-italic">Tim Berners-Lee, W3C Founding Director and inventor of the World Wide Web, 2009</div>
             </blockquote>
 
-            <div class="container px-4 text-center">
-                <contact-button>
-                    <span slot="label">Contact Jon Gunderson</span>
-                </contact-button>
-            </div>
-
             <div class="container px-4 text-center">Open Web Accessibility Services, LLC</div>
             <div class="container px-4 text-center">Educational and Consulting Services on Web Accessibility</div>
 

diff --git a/docs/index.html b/docs/index.html
@@ -203,12 +203,6 @@ <h1 aria-label="Open Web Accessibility Services">
              <div class="fst-italic">Tim Berners-Lee, W3C Founding Director and inventor of the World Wide Web, 2009</div>
             </blockquote>
 
-            <div class="container px-4 text-center">
-                <contact-button>
-                    <span slot="label">Contact Jon Gunderson</span>
-                </contact-button>
-            </div>
-
             <div class="container px-4 text-center">Open Web Accessibility Services, LLC</div>
             <div class="container px-4 text-center">Educational and Consulting Services on Web Accessibility</div>
 

diff --git a/docs/js/contact-button.js b/docs/js/contact-button.js
@@ -145,11 +145,25 @@ class ContactButton extends HTMLElement {
   connectedCallback() {
 
     const buttonClass = this.getAttribute('data-button-class');
-    console.log(`buttonClass: ${this.getAttribute}`);
     if (buttonClass) {
       this.contactButton.classList.add(buttonClass);
     }
 
+    const interest = this.getAttribute('data-interest');
+    if ((typeof interest === 'string') && (interest.length)) {
+      this.setInterest(interest);
+    }
+
+  }
+
+  setInterest(interest) {
+    for (let i = 0; i < this.interestRadios.length; i += 1) {
+      const radioElem = this.interestRadios[i];
+      if (radioElem.value.toLowerCase() === interest.trim().toLowerCase()) {
+        radioElem.setAttribute('checked', '');
+        return
+      }
+    }
   }
 
   getInterest() {
@@ -261,7 +275,6 @@ class ContactButton extends HTMLElement {
       this.mailtoLink.href += `Phone: ${this.getPhone()}%0D%0A%0D%0A`;
       this.mailtoLink.href += `Interest: ${this.getInterest()}%0D%0A%0D%0A`;
       this.mailtoLink.href += `Additional Information:%0D%0A${this.getAdditional()}%0D%0A`;
-      console.log(`mailto: ${this.mailtoLink.href}`)
       this.closeDialog();
       this.mailtoLink.click();
     }

diff --git a/docs/resources.html b/docs/resources.html
@@ -146,12 +146,6 @@ <h2>PDF Document Accessibility</h2>
              <div class="fst-italic">Tim Berners-Lee, W3C Founding Director and inventor of the World Wide Web, 2009</div>
             </blockquote>
 
-            <div class="container px-4 text-center">
-                <contact-button>
-                    <span slot="label">Contact Jon Gunderson</span>
-                </contact-button>
-            </div>
-
             <div class="container px-4 text-center">Open Web Accessibility Services, LLC</div>
             <div class="container px-4 text-center">Educational and Consulting Services on Web Accessibility</div>
 

diff --git a/docs/services.html b/docs/services.html
@@ -137,7 +137,7 @@ <h3>Costs</h3>
               </tbody>
             </table>
 
-            <contact-button data-button-class="button" >
+            <contact-button data-button-class="button" data-interest="workshop" >
               <span slot="label">Contact Jon Gunderson about Workshops</span>
             </contact-button>
 
@@ -146,8 +146,12 @@ <h2 style="margin-top: 2em">Consulting and Mentoring</h2>
 
             <p></p>
 
-            <h3>Rates</h3>
-            <p>$60/hour</p>
+            <h3 >Rates</h3>
+            <p style="margin-bottom: 3em">$60/hour</p>
+
+            <contact-button data-button-class="button" data-interest="consulting" >
+              <span slot="label">Contact Jon Gunderson about Consulting</span>
+            </contact-button>
 
           </div>
         </div>
@@ -160,12 +164,6 @@ <h3>Rates</h3>
              <div class="fst-italic">Tim Berners-Lee, W3C Founding Director and inventor of the World Wide Web, 2009</div>
             </blockquote>
 
-            <div class="container px-4 text-center">
-                <contact-button>
-                    <span slot="label">Contact Jon Gunderson</span>
-                </contact-button>
-            </div>
-
             <div class="container px-4 text-center">Open Web Accessibility Services, LLC</div>
             <div class="container px-4 text-center">Educational and Consulting Services on Web Accessibility</div>
 

diff --git a/docs/standards.html b/docs/standards.html
@@ -126,12 +126,6 @@ <h2>W3C Community Groups</h2>
              <div class="fst-italic">Tim Berners-Lee, W3C Founding Director and inventor of the World Wide Web, 2009</div>
             </blockquote>
 
-            <div class="container px-4 text-center">
-                <contact-button>
-                    <span slot="label">Contact Jon Gunderson</span>
-                </contact-button>
-            </div>
-
             <div class="container px-4 text-center">Open Web Accessibility Services, LLC</div>
             <div class="container px-4 text-center">Educational and Consulting Services on Web Accessibility</div>
 

diff --git a/docs/tools.html b/docs/tools.html
@@ -90,7 +90,7 @@
       <main class="row gx-4 justify-content-center">
         <div class="col-lg-8">
 
-          <h1>Tools</h1>
+          <h1>Open-Source Tools</h1>
 
           <div id="projects">
 
@@ -116,12 +116,6 @@ <h2 id="skipto">SkipTo.js</h2>
              <div class="fst-italic">Tim Berners-Lee, W3C Founding Director and inventor of the World Wide Web, 2009</div>
             </blockquote>
 
-            <div class="container px-4 text-center">
-                <contact-button>
-                    <span slot="label">Contact Jon Gunderson</span>
-                </contact-button>
-            </div>
-
             <div class="container px-4 text-center">Open Web Accessibility Services, LLC</div>
             <div class="container px-4 text-center">Educational and Consulting Services on Web Accessibility</div>
 

diff --git a/src-docs/templates/content-services.njk b/src-docs/templates/content-services.njk
@@ -64,7 +64,7 @@
               </tbody>
             </table>
 
-            <contact-button data-button-class="button" >
+            <contact-button data-button-class="button" data-interest="workshop" >
               <span slot="label">Contact Jon Gunderson about Workshops</span>
             </contact-button>
 
@@ -73,8 +73,12 @@
 
             <p></p>
 
-            <h3>Rates</h3>
-            <p>$60/hour</p>
+            <h3 >Rates</h3>
+            <p style="margin-bottom: 3em">$60/hour</p>
+
+            <contact-button data-button-class="button" data-interest="consulting" >
+              <span slot="label">Contact Jon Gunderson about Consulting</span>
+            </contact-button>
 
           </div>
         </div>

diff --git a/src-docs/templates/content-tools.njk b/src-docs/templates/content-tools.njk
@@ -17,7 +17,7 @@
       <main class="row gx-4 justify-content-center">
         <div class="col-lg-8">
           {% block title %}
-          <h1>{{title}}</h1>
+          <h1>Open-Source Tools</h1>
           {% endblock %}
           <div id="projects">
 

diff --git a/src-docs/templates/footer.njk b/src-docs/templates/footer.njk
@@ -5,12 +5,6 @@
              <div class="fst-italic">Tim Berners-Lee, W3C Founding Director and inventor of the World Wide Web, 2009</div>
             </blockquote>
 
-            <div class="container px-4 text-center">
-                <contact-button>
-                    <span slot="label">Contact Jon Gunderson</span>
-                </contact-button>
-            </div>
-
             <div class="container px-4 text-center">Open Web Accessibility Services, LLC</div>
             <div class="container px-4 text-center">Educational and Consulting Services on Web Accessibility</div>