Merge pull request #16 from ryanmr/fix-div-onclick

Fixes div onclick

Author: skylineproject

css/main.scss

@@ -596,6 +596,7 @@ address {
   background: #eee;
   font-style: oblique;
   font-size: 0.9rem;
+  font-weight: normal;
 }
 
 .footer h6 {

pages/our-sponsors.html

@@ -3,12 +3,12 @@
   <h1 class="secondary-content-header">Current sponsors</h1>
 
   <div class="sponsor-tier platinum">
-      <span class="tier-title">Host</span>
+    <span class="tier-title">Host</span>
 
-   <div class="sponsor-container-row">
-        <div class="sponsor" onclick="window.open('https://icfolson.com')">
-          <img src="/images/sponsors/logo-icf-olson.svg" />
-        </div>
+    <div class="sponsor-container-row">
+      <a class="sponsor" href="https://icfolson.com" target="_blank">
+        <img src="/images/sponsors/logo-icf-olson.svg" alt="Host: ICF Olson" title="Host: ICF Olson" />
+      </a>
     </div>
 
   </div>
@@ -18,17 +18,17 @@ <h1 class="secondary-content-header">Current sponsors</h1>
 
     <div class="sponsor-container-row">
 
-      <div class="sponsor" onclick="window.open('https://twilio.com')">
-        <img src="/images/sponsors/logo-twilio.svg" />
-      </div>
+      <a class="sponsor" href="https://twilio.com" target="_blank">
+        <img src="/images/sponsors/logo-twilio.svg" alt="Platinum Sponsor: Twilio" title="Platinum Sponsor: Twilio" />
+      </a>
 
-      <div class="sponsor" onclick="window.open('https://trackjs.com')">
-        <img src="/images/sponsors/logo-trackjs.png" />
-      </div>
+      <a class="sponsor" href="https://trackjs.com" target="_blank">
+        <img src="/images/sponsors/logo-trackjs.png" alt="Platinum Sponsor: TrackJS" title="Platinum Sponsor: TrackJS" />
+      </a>
 
-      <div class="sponsor" onclick="window.open('https://frontendmasters.com')">
-        <img src="/images/sponsors/logo-frontend-masters.svg" />
-      </div>
+      <a class="sponsor" href="https://frontendmasters.com" target="_blank">
+        <img src="/images/sponsors/logo-frontend-masters.svg" alt="Platinum Sponsor: Frontend Masters" title="Platinum Sponsor: Frontend Masters" />
+      </a>
 
     </div>
 
@@ -39,13 +39,13 @@ <h1 class="secondary-content-header">Current sponsors</h1>
 
     <div class="sponsor-container-row sponsor-tier-2">
 
-      <div class="sponsor" onclick="window.open('https://www.chrobinson.com')">
-        <img src="/images/sponsors/logo-ch-robinson.svg" />
-      </div>
+      <a class="sponsor" href="https://www.chrobinson.com" target="_blank">
+        <img src="/images/sponsors/logo-ch-robinson.svg" alt="Gold Sponsor: C.H. Robinson" title="Gold Sponsor: C.H. Robinson" />
+      </a>
 
-      <div class="sponsor" onclick="window.open('https://www.daugherty.com')">
-        <img style="max-height: 80px; width: auto;" src="/images/sponsors/logo-daugherty.png" />
-      </div>
+      <a class="sponsor" href="https://www.daugherty.com" target="_blank">
+        <img style="max-height: 80px; width: auto;" src="/images/sponsors/logo-daugherty.png" alt="Gold Sponsor: Daugherty" title="Gold Sponsor: Daugherty" />
+      </a>
 
     </div>
 
@@ -56,21 +56,21 @@ <h1 class="secondary-content-header">Current sponsors</h1>
 
     <div class="sponsor-container-row sponsor-tier-3">
 
-      <div class="sponsor empty-sponsor" onclick="window.open('/sponsorship-opportunities')">
+      <a class="sponsor empty-sponsor" href="/sponsorship-opportunities" target="_blank">
         Become a Sponsor!
-      </div>
-      <div class="sponsor empty-sponsor" onclick="window.open('/sponsorship-opportunities')">
+      </a>
+      <a class="sponsor empty-sponsor" href="/sponsorship-opportunities" target="_blank">
         Become a Sponsor!
-      </div>
-      <div class="sponsor empty-sponsor" onclick="window.open('/sponsorship-opportunities')">
+      </a>
+      <a class="sponsor empty-sponsor" href="/sponsorship-opportunities" target="_blank">
         Become a Sponsor!
-      </div>
-      <div class="sponsor empty-sponsor" onclick="window.open('/sponsorship-opportunities')">
+      </a>
+      <a class="sponsor empty-sponsor" href="/sponsorship-opportunities" target="_blank">
         Become a Sponsor!
-      </div>
+      </a>
 
     </div>
 
   </div>
 
-</div>
+</div>