updated tools and services

jongund · Apr 26, 2024 · 5fef368 · 5fef368
1 parent e649833
commit 5fef368
Show file tree

Hide file tree

Showing 12 changed files with 120 additions and 21 deletions.
diff --git a/docs/about.html b/docs/about.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
     <meta name="description" content="" />
     <meta name="author" content="" />
-    <title>About | OpenA11y Evaluation Library 2.0</title>
+    <title>About | Open Web Accessibility Services</title>
     <link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
 
     <!-- Core theme CSS (includes Bootstrap)-->

diff --git a/docs/css/owa.css b/docs/css/owa.css
@@ -121,6 +121,10 @@ a[href]:hover {
   color: #000000;
 }
 
-.tab-pane {
+.tab-panel {
   margin-top: 1em;
+}
+
+main h3 {
+  font-size: 125%;
 }
diff --git a/docs/index.html b/docs/index.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
     <meta name="description" content="" />
     <meta name="author" content="" />
-    <title>Open Web Accessibility Consulting | OpenA11y Evaluation Library 2.0</title>
+    <title>Home | Open Web Accessibility Services</title>
     <link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
 
     <!-- Core theme CSS (includes Bootstrap)-->

diff --git a/docs/resources.html b/docs/resources.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
     <meta name="description" content="" />
     <meta name="author" content="" />
-    <title>Resources | OpenA11y Evaluation Library 2.0</title>
+    <title>Resources | Open Web Accessibility Services</title>
     <link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
 
     <!-- Core theme CSS (includes Bootstrap)-->

diff --git a/docs/services.html b/docs/services.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
     <meta name="description" content="" />
     <meta name="author" content="" />
-    <title>Services | OpenA11y Evaluation Library 2.0</title>
+    <title>Services | Open Web Accessibility Services</title>
     <link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
 
     <!-- Core theme CSS (includes Bootstrap)-->
@@ -96,12 +96,58 @@ <h1>Services</h1>
 
             <h2>Workshops</h2>
 
-            <p>Something about workshops...</p>
-
-            <h2>Consulting</h2>
-
-            <p>Something about consulting...</p>
-
+            <p>Building an inclusive online resources requires understanding the experience of people with disabilities using the web. My workshops provide a foundation for understanding the diverse ways people with disabilities use the web and the technologies and practices to provide equitable access. Participants gain important context to understanding the requirements of the W3C Web Content Accessibility Guidelines (WCAG) which is the basis of all web accessibility standards. Without the experiential context many of the WCAG requirements are often misunderstood leading to wasted time by content creators and inaccessible content to users.  Workshops can be customized to a particular clients needs and skill levels.</p>
+
+            <h3>Example Workshop Sessions:</h3>
+            <ul>
+              <li>The Experience of Disability</li>
+              <li>Structure, Links, Images, Media and Web Editors</li>
+              <li>Introduction to ARIA</li>
+              <li>Understanding ARIA and Keyboard Support</li>
+            </ul>
+
+            <h3>Costs</h3>
+
+            <table aria-label="Workshop Costs" class="table table-striped" style="margin-bottom: 3em">
+              <thead>
+                <tr>
+                    <th>Days</th>
+                    <th>Education</th>
+                    <th>Government</th>
+                    <th>Commercial</th>
+                    <th>Travel</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr>
+                  <td class="text-center">1</td>
+                  <td class="text-center">$1,800</td>
+                  <td class="text-center">$1,800</td>
+                  <td class="text-center">$2,200</td>
+                  <td><em>+ travel expenses</em></td>
+                  <td></td>
+                </tr>
+                <tr>
+                  <td class="text-center">2</td>
+                  <td class="text-center">$3,200</td>
+                  <td class="text-center">$3,200</td>
+                  <td class="text-center">$3,800</td>
+                  <td><em>+ travel expenses</em></td>
+                </tr>
+              </tbody>
+            </table>
+
+            <contact-button data-button-class="button" >
+              <span slot="label">Contact Jon Gunderson about Workshops</span>
+            </contact-button>
+
+
+            <h2 style="margin-top: 2em">Consulting and Mentoring</h2>
+
+            <p></p>
+
+            <h3>Rates</h3>
+            <p>$60/hour</p>
 
           </div>
         </div>

diff --git a/docs/standards.html b/docs/standards.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
     <meta name="description" content="" />
     <meta name="author" content="" />
-    <title>Standards | OpenA11y Evaluation Library 2.0</title>
+    <title>Standards | Open Web Accessibility Services</title>
     <link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
 
     <!-- Core theme CSS (includes Bootstrap)-->

diff --git a/docs/tools.html b/docs/tools.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
     <meta name="description" content="" />
     <meta name="author" content="" />
-    <title>Tools | OpenA11y Evaluation Library 2.0</title>
+    <title>Tools | Open Web Accessibility Services</title>
     <link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
 
     <!-- Core theme CSS (includes Bootstrap)-->
@@ -96,7 +96,7 @@ <h1>Tools</h1>
 
             <h2 id="library">OpenA11y Evaluation Library</h2>
 
-            <p><a href="https://opena11y.github.io/evaluation-library/">Javascript library for evaluating WCAG 2.x and ARIA conformance</a>. The library is designed to be used in browser extensions or browseremulators to evaluate accessibility features and issues of web pages. The evaluation results can be accessed through APIs or exporting the results in a JSON format.</p>
+            <p><a href="https://opena11y.github.io/evaluation-library/">Javascript library for evaluating WCAG 2.x and ARIA conformance</a>. The library is designed to be used in browser extensions or browser emulators to evaluate accessibility features and issues of web pages. The evaluation results can be accessed through APIs or exporting the results in a JSON format.</p>
 
             <h2 id="ainspector">AInspector for Firefox</h2>
 

diff --git a/gen-documentation.js b/gen-documentation.js
@@ -29,7 +29,7 @@ const files = [
     filename: 'about.html'
   },
   { template: './src-docs/templates/content-index.njk',
-    title: 'Open Web Accessibility Consulting',
+    title: 'Home',
     filename: 'index.html'
   },
   { template: './src-docs/templates/content-resources.njk',

diff --git a/src-docs/templates/content-services.njk b/src-docs/templates/content-services.njk
@@ -23,12 +23,58 @@
 
             <h2>Workshops</h2>
 
-            <p>Something about workshops...</p>
+            <p>Building an inclusive online resources requires understanding the experience of people with disabilities using the web. My workshops provide a foundation for understanding the diverse ways people with disabilities use the web and the technologies and practices to provide equitable access. Participants gain important context to understanding the requirements of the W3C Web Content Accessibility Guidelines (WCAG) which is the basis of all web accessibility standards. Without the experiential context many of the WCAG requirements are often misunderstood leading to wasted time by content creators and inaccessible content to users.  Workshops can be customized to a particular clients needs and skill levels.</p>
 
-            <h2>Consulting</h2>
+            <h3>Example Workshop Sessions:</h3>
+            <ul>
+              <li>The Experience of Disability</li>
+              <li>Structure, Links, Images, Media and Web Editors</li>
+              <li>Introduction to ARIA</li>
+              <li>Understanding ARIA and Keyboard Support</li>
+            </ul>
 
-            <p>Something about consulting...</p>
+            <h3>Costs</h3>
 
+            <table aria-label="Workshop Costs" class="table table-striped" style="margin-bottom: 3em">
+              <thead>
+                <tr>
+                    <th>Days</th>
+                    <th>Education</th>
+                    <th>Government</th>
+                    <th>Commercial</th>
+                    <th>Travel</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr>
+                  <td class="text-center">1</td>
+                  <td class="text-center">$1,800</td>
+                  <td class="text-center">$1,800</td>
+                  <td class="text-center">$2,200</td>
+                  <td><em>+ travel expenses</em></td>
+                  <td></td>
+                </tr>
+                <tr>
+                  <td class="text-center">2</td>
+                  <td class="text-center">$3,200</td>
+                  <td class="text-center">$3,200</td>
+                  <td class="text-center">$3,800</td>
+                  <td><em>+ travel expenses</em></td>
+                </tr>
+              </tbody>
+            </table>
+
+            <contact-button data-button-class="button" >
+              <span slot="label">Contact Jon Gunderson about Workshops</span>
+            </contact-button>
+
+
+            <h2 style="margin-top: 2em">Consulting and Mentoring</h2>
+
+            <p></p>
+
+            <h3>Rates</h3>
+            <p>$60/hour</p>
 
           </div>
         </div>

diff --git a/src-docs/templates/content-tools.njk b/src-docs/templates/content-tools.njk
@@ -23,7 +23,7 @@
 
             <h2 id="library">OpenA11y Evaluation Library</h2>
 
-            <p><a href="https://opena11y.github.io/evaluation-library/">Javascript library for evaluating WCAG 2.x and ARIA conformance</a>. The library is designed to be used in browser extensions or browseremulators to evaluate accessibility features and issues of web pages. The evaluation results can be accessed through APIs or exporting the results in a JSON format.</p>
+            <p><a href="https://opena11y.github.io/evaluation-library/">Javascript library for evaluating WCAG 2.x and ARIA conformance</a>. The library is designed to be used in browser extensions or browser emulators to evaluate accessibility features and issues of web pages. The evaluation results can be accessed through APIs or exporting the results in a JSON format.</p>
 
             <h2 id="ainspector">AInspector for Firefox</h2>
 

diff --git a/src-docs/templates/head.njk b/src-docs/templates/head.njk
@@ -2,7 +2,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
     <meta name="description" content="" />
     <meta name="author" content="" />
-    <title>{{title}} | OpenA11y Evaluation Library 2.0</title>
+    <title>{{title}} | Open Web Accessibility Services</title>
     <link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
 
     <!-- Core theme CSS (includes Bootstrap)-->

diff --git a/src-docs/templates/owa.scss b/src-docs/templates/owa.scss
@@ -131,7 +131,10 @@ a[href]:hover {
   color: $linkCurrent;
 }
 
-.tab-pane {
+.tab-panel {
   margin-top: 1em;
 }
 
+main h3 {
+  font-size: 125%;
+}