add: Update Reminder for IE6/7/8

Yelee is incompatible with IE6/7/8
MOxFIVE · May 15, 2016 · 6c91bed · 6c91bed · MOxFIVE · May 15, 2016
1 parent 06a8406
commit 6c91bed
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 1 deletion.
diff --git a/layout/_partial/ie-updater.ejs b/layout/_partial/ie-updater.ejs
@@ -0,0 +1,12 @@
+<!--[if lt IE 9]>
+<style> body { background: orange !important;} div#container { display: none;} </style>
+<p id="ie-updater">
+    <% if (page.lang === "zh-Hans") { %>
+        珍爱生命，远离 IE！<br>本站不支持 IE6/7/8，请升级浏览器！<br>
+    <% } else { %>
+        IE6/7/8 aren't Supported<br>Please UPDATE your Browser!<br>
+    <% } %>
+    <a href="//www.bing.com/search?q=Chrome" target="_blank">Chrome</a>, <a href="//www.bing.com/search?q=Firefox" target="_blank">Firefox</a><br>
+    Hexo Theme <a href="//github.com/MOxFIVE/hexo-theme-yelee" target="_blank">Yelee</a> by MOxFIVE
+</p>
+<![endif]-->
diff --git a/layout/layout.ejs b/layout/layout.ejs
@@ -1,5 +1,6 @@
 <%- partial('_partial/head') %>
 <body>
+  <%- partial('_partial/ie-updater') %>
   <div id="container">
     <div class="left-col">
     <%- partial('_partial/left-col', null, {cache: !config.relative_link}) %>

diff --git a/source/css/_partial/main.styl b/source/css/_partial/main.styl
@@ -385,4 +385,17 @@ if hexo-config("progressBar.on") && hexo-config("progressBar.type") == "minimal"
 .article-meta time:before
     text-rendering auto
     -webkit-font-smoothing antialiased
-    -moz-osx-font-smoothing grayscale
+    -moz-osx-font-smoothing grayscale
+
+#ie-updater
+    width 100%
+    height 100%
+    padding-top 20%
+    text-align center
+    color white
+    font-size 1.5em
+    font-weight bold
+    line-height 1.8
+    a
+        color white
+        text-decoration underline