Fix CI by removing <a> and <button> nesting as well as ignoring some working links (#789)

Author: choldgraf

.github/workflows/validate.yml

@@ -90,6 +90,8 @@ jobs:
            --check-links-ignore "https://jupytercon.com" \
            --check-links-ignore "https://www.netapp.com" \
            --check-links-ignore "https://github.com/[^/]+/?$" \
+           --check-links-ignore "https://sloan.org" \
+           --check-links-ignore "https://www.bloomberg.com" \
            --check-links-ignore "https://opensource.org/licenses/BSD-3-Clause"
 
   lighthouse:

assets/css/main.scss

@@ -152,16 +152,19 @@
     max-width: 500px;
 }
 
-.con-button button {
-    background-color: #f37726;
-    color: white;
-    margin: 0 .5em;
-    padding: 1em;
-    border-radius: 5px;
-    border: none;
-    font-size: 1em;
-    font-weight: 600;
-    cursor: pointer;
+div.con-buttons {
+    margin-top: 2em;
+    a.con-button {
+        background-color: #f37726;
+        color: white;
+        font-size: 1em;
+        font-weight: 600;
+        margin: 0 .5em;
+        padding: 1em;
+        border-radius: 5px;
+        border: none;
+        cursor: pointer;
+    }
 }
 
 

index.html

@@ -256,8 +256,10 @@
                         <div class="con-program">
                             <p>San Diego, California</p>
                         </div>
-                        <a class="con-button" href="https://events.linuxfoundation.org/jupytercon/"><button>Conference Website</button></a>
-                        <a class="con-button" href="https://events.linuxfoundation.org/jupytercon/program/cfp/"><button>Call for Proposals</button></a>
+                        <div class="con-buttons">
+                          <a class="con-button" role="button" href="https://events.linuxfoundation.org/jupytercon/">Conference Website</a>
+                          <a class="con-button" role="button" href="https://events.linuxfoundation.org/jupytercon/program/cfp/">Call for Proposals</a>
+                        </div>
                     </div>
                 </div>
             </div>