Develop (#12)

* added eslint to build * Cleaned code, html encoding and other errors * Basics for step1 and 2, started on validated version * Implemented good practices. Started numbering, reordering and grouping practices. * Fixed bootstrap sass'ing * Fix/css links touch target (#5) * Touch Target Update, Blockquote styling implemented, ToTop to Aside * Fix/css links touch target (#8) * touch target * Touch Target Update, Blockquote styling implemented, ToTop to Aside * Training to => Advanced * Fix/css links touch target (#9) * touch target * Touch Target Update, Blockquote styling implemented, ToTop to Aside * Training to => Advanced * Delete package-lock.json * Add files via upload * Fix/css links touch target (#11) * touch target * Touch Target Update, Blockquote styling implemented, ToTop to Aside * Training to => Advanced * Training to => Advanced * Delete a11yportal.sublime-project * Delete a11yportal.sublime-workspace
jake-abma · Aug 26, 2018 · fa9606d · fa9606d
1 parent e211d40
commit fa9606d
Show file tree

Hide file tree

Showing 315 changed files with 17,258 additions and 42,088 deletions.
diff --git a/.eslintrc b/.eslintrc
diff --git a/.npmrc b/.npmrc
@@ -1 +1 @@
-registry=https://registry.npmjs.org/
+//registry=https://registry.npmjs.org/
diff --git a/dist/about/fundamentals/contact.html b/dist/about/fundamentals/contact.html
@@ -6,7 +6,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Contact - Fundamentals - Accessibility Portal</title>
 
-  <link rel="stylesheet" href="../../styles/libs/bootstrap/bootstrap.processed.css">
+  <link rel="stylesheet" href="../../styles/libs/bootstrap/bootstrap.css">
   <link rel="stylesheet" href="../../styles/style.css">
   <link rel="stylesheet" href="../../styles/styles-responsive.css">
 	<link rel="stylesheet" href="../../styles/prism.css">
@@ -27,7 +27,7 @@
         <ul class="pipe-links list-inline">
           <li class="list-inline-item"><a href="../../index.html"><span>1. Basics</span></a></li>
           <li class="list-inline-item"><a href="../../guidelines/fundamentals/home.html"><span>2. Guidelines</span></a></li>
-          <li class="list-inline-item"><a href="../../training/fundamentals/home.html"><span>3. Training</span></a></li>
+          <li class="list-inline-item"><a href="../../advanced/fundamentals/home.html"><span>3. Advanced</span></a></li>
           <li class="list-inline-item"><a href="../../good-bad/home.html"><span>4. Good / Bad</span></a></li>
           <li class="list-inline-item"><a href="../../sitemap/sitemap-basics.html"><span>Sitemap</span></a></li>
           <li class="list-inline-item"><a href="../../about/fundamentals/contact.html" aria-current="true"><span>About</span></a></li>
@@ -144,7 +144,13 @@ <h4 class="heading-s">Email</h4>
 
   <aside class="full-cover site-aside bg-faded" role="complementary">
     <div class="container">
+
       <h2 class="full-cover-title">Are you new to accessibility?</h2>
+
+      <div class="text-right to-top">
+        <a href="#totop" class="link-ts"><span>To Top</span></a>
+      </div>
+
       <div class="row">
 
         <div class="col-md-4">
@@ -155,7 +161,7 @@ <h3 class="card-title">Training!</h3>
               <p class="lead"><strong>We would also like YOU to become a champ</strong></p>
             </div>
             <div>
-              <a href="../../training/fundamentals/home.html#champ-training" class="link-plug-on">
+              <a href="../../advanced/fundamentals/home.html#champ-training" class="link-plug-on">
               <span class="icon icon-like icon-lg icon-gray-dark mr-2" aria-hidden="true"></span> Become a champ
             </a>
             </div>
@@ -197,11 +203,11 @@ <h3 class="card-title">
             <img class="card-img-top img-fluid" src="../../images/quiz-small.jpg" alt="">
             <div class="card-block">
               <h3 class="card-title">Take a look at the quiz questions!</h3>
-              <p class="card-text">For a quick insight in accessibility and what the training is based upon the quiz questions are a good place to start.
+              <p class="card-text">For a quick insight in accessibility and what the advanced information is based upon the quiz questions are a good place to start.
               </p>
             </div>
             <div>
-              <a href="../../training/quiz/fundamentals.html" class="link-plug-on">
+              <a href="../../advanced/quiz/fundamentals.html" class="link-plug-on">
               <span class="icon icon-questionmark icon-lg icon-gray-dark mr-2" aria-hidden="true"></span> See all the questions
             </a>
             </div>
@@ -210,6 +216,7 @@ <h3 class="card-title">Take a look at the quiz questions!</h3>
 
       </div>
     </div>
+
   </aside>
 
   <footer class="full-cover site-footer" role="contentinfo">

diff --git a/dist/about/fundamentals/using-this-portal.html b/dist/about/fundamentals/using-this-portal.html
@@ -6,7 +6,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Using This Portal - Fundamentals - Accessibility Portal</title>
 
-  <link rel="stylesheet" href="../../styles/libs/bootstrap/bootstrap.processed.css">
+  <link rel="stylesheet" href="../../styles/libs/bootstrap/bootstrap.css">
   <link rel="stylesheet" href="../../styles/style.css">
   <link rel="stylesheet" href="../../styles/styles-responsive.css">
 	<link rel="stylesheet" href="../../styles/prism.css">
@@ -27,7 +27,7 @@
         <ul class="pipe-links list-inline">
           <li class="list-inline-item"><a href="../../index.html"><span>1. Basics</span></a></li>
           <li class="list-inline-item"><a href="../../guidelines/fundamentals/home.html"><span>2. Guidelines</span></a></li>
-          <li class="list-inline-item"><a href="../../training/fundamentals/home.html"><span>3. Training</span></a></li>
+          <li class="list-inline-item"><a href="../../advanced/fundamentals/home.html"><span>3. Advanced</span></a></li>
           <li class="list-inline-item"><a href="../../good-bad/home.html"><span>4. Good / Bad</span></a></li>
           <li class="list-inline-item"><a href="../../sitemap/sitemap-basics.html"><span>Sitemap</span></a></li>
           <li class="list-inline-item"><a href="../../about/fundamentals/contact.html" aria-current="true"><span>About</span></a></li>
@@ -86,7 +86,7 @@ <h2 class="full-cover-title sr-only" id="title-toc">Table of Contents</h2>
           <li><a href="#introduction" class="link-ts"><span>Introduction</span></a></li>
           <li><a href="#basics" class="link-ts"><span>1. Basics</span></a></li>
           <li><a href="#guidelines" class="link-ts"><span>2. Guidelines</span></a></li>
-          <li><a href="#training" class="link-ts"><span>3. Training</span></a></li>
+          <li><a href="#advanced" class="link-ts"><span>3. Advanced</span></a></li>
           <li><a href="#good-bad" class="link-ts"><span>4. Good / Bad</span></a></li>
         </ul>
 
@@ -115,8 +115,8 @@ <h2 class="card-title" id="title-introduction">Introduction</h2>
                 <ol>
                   <li>Starting out with the <a href="../../index.html">basics</a> for accessibility where you'll find base instruments to use while improving your inclusive designs.</li>
                   <li>Additional to the basics we're building the <a href="../../guidelines/fundamentals/home.html">guidelines</a> on top as a derivative of the standards.</li>
-                  <li>From this point we provide links to, and encourage you to go and look at, the <a href="../../training/fundamentals/home.html">Training</a> part where we provide information that builds upon the baseline.</li>
-                  <li>To complement the training information the <a href="../../good-bad/home.html">Good / Bad</a> site is the place to look for live examples.</li>
+                  <li>From this point we provide links to, and encourage you to go and look at, the <a href="../../advanced/fundamentals/home.html">Advanced</a> part where we provide information that builds upon the baseline.</li>
+                  <li>To complement the advanced information the <a href="../../good-bad/home.html">Good / Bad</a> site is the place to look for live examples.</li>
                 </ol>
 
                 <div class="alert alert-info">
@@ -145,7 +145,7 @@ <h4 class="heading-s">This Portal</h4>
                 <ul class="list-icons list-linklist">
                   <li><a href="../../basics/fundamentals/responsibilities.html#user-experience" class="link-ts"><span>Basics - Home</span></a></li>
                   <li><a href="../../basics/fundamentals/responsibilities.html#user-experience" class="link-ts"><span>Guidelines - Home</span></a></li>
-                  <li><a href="../../basics/fundamentals/responsibilities.html#user-experience" class="link-ts"><span>Training - Home</span></a></li>
+                  <li><a href="../../basics/fundamentals/responsibilities.html#user-experience" class="link-ts"><span>Advanced - Home</span></a></li>
                   <li><a href="../../basics/fundamentals/responsibilities.html#user-experience" class="link-ts"><span>Good / Bad - Home</span></a></li>
                   <li><a href="../../basics/fundamentals/responsibilities.html#user-experience" class="link-ts"><span>Sitemap - Basics</span></a></li>
                 </ul>
@@ -291,7 +291,7 @@ <h3 class="card-title mb-2">"Jump To" Cards</h3>
                 <ol>
                   <li>Basics</li>
                   <li>Guidelines</li>
-                  <li>Training</li>
+                  <li>Advanced</li>
                 </ol>
               </div>
             </div>
@@ -441,13 +441,13 @@ <h3 class="card-title mb-2">"Testing" Cards</h3>
       </div>
     </section>
 
-    <section class="full-cover bg-faded" role="region" id="training" aria-labelledby="title-training">
+    <section class="full-cover bg-faded" role="region" id="advanced" aria-labelledby="title-advanced">
       <div class="container">
 
         <div class="gs-highway"></div>
 
-        <h2 class="full-cover-title gs-title" id="title-training">
-          <span class="badge badge-pill bg-primary gs-number">3</span> Training
+        <h2 class="full-cover-title gs-title" id="title-advanced">
+          <span class="badge badge-pill bg-primary gs-number">3</span> Advanced
         </h2>
 
         <div class="text-right to-top">
@@ -461,9 +461,9 @@ <h2 class="full-cover-title gs-title" id="title-training">
             <div class="card gs-highway-content">
               <div class="card-block">
 
-                <p class="lead"><strong>Training for Accessibility and Inclusive Design</strong></p>
+                <p class="lead"><strong>Advanced information for Accessibility and Inclusive Design</strong></p>
 
-                <p>Based on global conventions and standards, Team A11Y provides training that builds upon the guidelines. The guidelines are the baseline you shouldn't drop below but why stop there? Full usability requires training and quality resources.</p>
+                <p>Based on global conventions and standards, Team A11Y provides advanced information that builds upon the guidelines. The guidelines are the baseline you shouldn't drop below but why stop there? Full usability requires training and quality resources.</p>
 
                 <blockquote class="blockquote">
                   <p>"Technical accessibility is like the bronze medal. With training the silver, gold and even the platinum medal is achievable."</p>
@@ -621,18 +621,24 @@ <h3 class="card-title mb-2">"Annotations" Section</h3>
 
   <aside class="full-cover site-aside bg-faded" role="complementary">
     <div class="container">
+
       <h2 class="full-cover-title">Are you new to accessibility?</h2>
+
+      <div class="text-right to-top">
+        <a href="#totop" class="link-ts"><span>To Top</span></a>
+      </div>
+
       <div class="row">
 
         <div class="col-md-4">
           <div class="card">
-            <img class="card-img-top img-fluid border-grey-light" src="../../images/tile-ForwardPlanning.jpg" alt="">
+            <img class="card-img-top img-fluid" src="../../images/tile-ForwardPlanning.jpg" alt="">
             <div class="card-block">
               <h3 class="card-title">Training!</h3>
               <p class="lead"><strong>We would also like YOU to become a champ</strong></p>
             </div>
             <div>
-              <a href="../../training/fundamentals/home.html#champ-training" class="link-plug-on">
+              <a href="../../advanced/fundamentals/home.html#champ-training" class="link-plug-on">
               <span class="icon icon-like icon-lg icon-gray-dark mr-2" aria-hidden="true"></span> Become a champ
             </a>
             </div>
@@ -641,7 +647,7 @@ <h3 class="card-title">Training!</h3>
 
         <div class="col-md-4">
           <div class="card">
-            <img class="card-img-top img-fluid border-grey-light border-grey-light" src="../../images/getting-started2.png" alt="Cutout of infographic for the 9 step Getting Started with accessibility part. Step 1, roles and responsibilities, and partly step 2, personas, is shown.">
+            <img class="card-img-top img-fluid border-grey-light" src="../../images/getting-started2.png" alt="Cutout of infographic for the 9 step Getting Started with accessibility part. Step 1, roles and responsibilities, and partly step 2, personas, is shown.">
             <div class="card-block">
               <h3 class="card-title">
                 Responsibilities for:
@@ -671,14 +677,14 @@ <h3 class="card-title">
 
         <div class="col-md-4">
           <div class="card">
-            <img class="card-img-top img-fluid border-grey-light" src="../../images/quiz-small.jpg" alt="">
+            <img class="card-img-top img-fluid" src="../../images/quiz-small.jpg" alt="">
             <div class="card-block">
               <h3 class="card-title">Take a look at the quiz questions!</h3>
-              <p class="card-text">For a quick insight in accessibility and what the training is based upon the quiz questions are a good place to start.
+              <p class="card-text">For a quick insight in accessibility and what the advanced information is based upon the quiz questions are a good place to start.
               </p>
             </div>
             <div>
-              <a href="../../training/quiz/fundamentals.html" class="link-plug-on">
+              <a href="../../advanced/quiz/fundamentals.html" class="link-plug-on">
               <span class="icon icon-questionmark icon-lg icon-gray-dark mr-2" aria-hidden="true"></span> See all the questions
             </a>
             </div>
@@ -687,6 +693,7 @@ <h3 class="card-title">Take a look at the quiz questions!</h3>
 
       </div>
     </div>
+
   </aside>
 
   <footer class="full-cover site-footer" role="contentinfo">
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		registry=https://registry.npmjs.org/
		//registry=https://registry.npmjs.org/