From b0016dadbc0274a747ff580d5b37bc82a1908562 Mon Sep 17 00:00:00 2001
From: ccd0 <admin@containerchan.org>
Date: Thu, 12 Mar 2015 02:12:07 -0700
Subject: [PATCH] Webpage: Workaround for pointer-events nonsupport.

---
 template.jst |  5 ++++-
 web.css      | 12 ++++++++++++
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/template.jst b/template.jst
index 77ffc6ae7..fa7d98e72 100644
--- a/template.jst
+++ b/template.jst
@@ -15,7 +15,7 @@
 <a href="https://github.com/ccd0/4chan-x/issues">Report Bugs</a>
 </div>
 </div>
-<a class="screenshot" href="img/screenshot.png"><img src="img/screenshot.png" alt="screenshot"></a>
+<a class="screenshot" href="img/screenshot.png"><img src="img/screenshot.png" alt="Screenshot"></a>
 <%= content.match(/<\/h1>([^]*)<h2 id="more-information"/)[1] %>
 <script>
 function imagePreview() {
@@ -42,5 +42,8 @@ for (var i = 0; i < document.links.length; i++) {
     link.addEventListener('click', storeInstall, false);
   }
 }
+if (!('pointer-events' in document.documentElement.style)) {
+  document.documentElement.className = 'workaround';
+}
 </script>
 </body></html>
diff --git a/web.css b/web.css
index b6d76e95c..c38caee54 100644
--- a/web.css
+++ b/web.css
@@ -69,6 +69,18 @@ span.hover > img {
   max-height: 100%;
   box-shadow: 5px 5px 20px rgba(0,0,0,0.4);
 }
+:root.workaround a[href$=".png"] {
+  position: relative;
+}
+:root.workaround a[href$=".png"]::after {
+  content: " ";
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 1;
+}
 h2 ~ p, h2 ~ p + ul {
   margin-left: 1em;
 }