add link to alternative page

iswyq · Aug 20, 2019 · a425ea7 · a425ea7
1 parent 2e3288c
commit a425ea7
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 1 deletion.
diff --git a/_includes/legacy_notes.html b/_includes/legacy_notes.html
@@ -0,0 +1,18 @@
+{% raw %}
+<div v-if="false" id="upgrade-mask" style="position: fixed; background: white; width: 100%; height: 100%; z-index: 200; padding-top: 40px; overflow: scroll;" class="container">
+	<div class="well">
+		<p>尊敬的访问者，</p>
+		<p>Dear visitor, </p>
+		<p>Chère cliente, </p>
+		<p>訪問者へ 、</p>
+		<p>&nbsp;</p>
+		<p>您好！</p>
+		<p>Hello! </p>
+		<p>Bonjour! </p>
+		<p>こんにちは ！</p>
+		<p>&nbsp;</p>
+		<p>我们检测到您当前的浏览器不能正常显示我们的主页，请更新您的浏览器，并启用 Javascript，或者访问我们的<a href="javascript: void(0);">代用页面</a></p>
+		<p>Your browser is not compatible with our website. Please upgrade and enable Javascript, or visit our <a href="javascript: void(0);">alternate page</a></p>
+	</div>
+</div>
+{% endraw %}
diff --git a/index.html b/index.html
@@ -5,8 +5,8 @@
 <html>
 	{% include head.html %}
 	<body>
+		{% include legacy_notes.html %}
 		{% include nav.html %}
-
 		<div id="mirrors">
 			<div class="spacing hidden-xs"></div>
 

diff --git a/static/js/index.es6 b/static/js/index.es6
@@ -72,6 +72,10 @@ var mir_tmpl = $("#template").text(),
 		{% for mir in site.data.mirror_desc %} '{{mir.name}}': '{{mir.desc}}' {% if forloop.index < forloop.length %},{% endif %}{% endfor %}
 	}
 
+new Vue({
+	el: "#upgrade-mask",
+});
+
 var vmMirList = new Vue({
 	el: "#mirror-list",
 	data: {