v2.3.1

v2.3
v2.2.7
2022-04-02 20:44:31 +08:00 · 2022-03-31 20:16:02 +08:00 · 2022-03-29 19:30:53 +08:00 · 2022-03-26 22:44:21 +08:00 · 2022-03-25 21:10:17 +08:00 · 2022-03-25 21:06:48 +08:00
2 changed files with 61 additions and 8 deletions
--- a/assets/js/statuspage.js
+++ b/assets/js/statuspage.js
@@ -0,0 +1,52 @@
+(function(){
+
+    var frame = document.createElement('iframe');
+    frame.src = 'https://fq8xc1yqvf0c.statuspage.io/embed/frame';
+    frame.style.position = 'fixed';
+    frame.style.border = 'none';
+    frame.style.boxShadow = '0 20px 32px -8px rgba(9,20,66,0.25)';
+    frame.style.zIndex = '9999';
+    frame.style.transition = 'left 1s ease, bottom 1s ease, right 1s ease';
+
+    var mobile;
+    if (mobile = screen.width < 450) {
+      frame.src += '?mobile=true';
+      frame.style.height = '20vh';
+      frame.style.width = '100vw';
+      frame.style.left = '-9999px';
+      frame.style.bottom = '-9999px';
+      frame.style.transition = 'bottom 1s ease';
+    } else {
+      frame.style.height = '115px';
+      frame.style.width = '320px';
+      frame.style.left = 'auto';
+      frame.style.right = '-9999px';
+      frame.style.bottom = 'calc(100% - 175px)';
+    }
+
+    document.body.appendChild(frame);
+
+    var actions = {
+      showFrame: function() {
+        if (mobile) {
+          frame.style.left = '0';
+          frame.style.bottom = '0';
+        }
+        else {
+          frame.style.left = 'auto';
+          frame.style.right = '60px'
+        }
+      },
+      dismissFrame: function(){
+        frame.style.left = '-9999px';
+      }
+    }
+
+    window.addEventListener('message', function(event){
+      if (event.data.action && actions.hasOwnProperty(event.data.action)) {
+        actions[event.data.action](event.data);
+      }
+    }, false);
+
+    window.statusEmbedTest = actions.showFrame;
+})();
--- a/index.html
+++ b/index.html
@@ -2,7 +2,7 @@

 <html>
 	<head>
-		<title>David Miller's HomePage</title>
+		<title>David Miller's Homepage</title>
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
 		<link rel="stylesheet" href="assets/css/main.css" />
@@ -10,9 +10,8 @@
 	<body class="is-preload">
 		<!-- Header -->
 			<header id="header">
-				<h1>David Miller's HomePage</h1>
-				<p>A High School Student from Beijing, China<br/>
-				Click the links below for further exploration</p>
+				<h1>David Miller's Homepage</h1>
+				<p>A High School Student from Beijing, China</p>
 			</header>

 		<!-- Footer -->
@@ -25,13 +24,15 @@
 					<li><a href="https://img.davidmiller.top/qq.jpg" class="icon brands fa-qq"><span class="label">QQ</span></a></li>
 					<li><a href="https://pki.davidmiller.top" class="icon solid fa-key"><span class="label">PKI</span></a></li>
 					<li><a href="https://www.facebook.com/CitizenBeta2" class="icon brands fa-facebook"><span class="label">Facebook</span></a></li>
-					<li><a href="https://steamcommunity.com/id/CitizenBeta2/" class="icon brands fa-steam"><span class="label">Steam</span></a></li>
+					<li><a href="https://steamcommunity.com/id/davidmillercn/" class="icon brands fa-steam"><span class="label">Steam</span></a></li>
 				</ul>
 				<ul class="copyright">
-					<li>&copy; David Miller.</li>
-					<li>Credits: <a href="https://github.com/CitizenBeta2/HomePage">GitHub Repository</a></li>
-					<li><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802035614" target="_blank">京公网安备 11010802035614号</a> <a href="https://beian.miit.gov.cn/" target="_blank">京ICP备2021023756号-1</a></li>
+					<li>&copy; <span id=current-year><script>document.getElementById("current-year").innerHTML=(new Date).getFullYear()</script></span> David Miller.</li>
+					<li><a href="https://status.davidmiller.top/">System Status</a></li>
+					<li><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802035614" target="_blank">京公网安备 11010802035614号</a></li>
+					<li><a href="https://beian.miit.gov.cn/" target="_blank">京ICP备2021023756号-1</a></li>
 				</ul>
+				<script src="assets/js/statuspage.js"></script>
 			</footer>

 		<!-- Scripts -->
Author	SHA1	Message	Date
David Miller	3b9e93f0ed	v2.3.1	2022-04-02 20:44:31 +08:00
David Miller	a654fb84c7	v2.3	2022-03-31 20:16:02 +08:00
David Miller	9b5e4161cc	v2.2.7	2022-03-29 19:30:53 +08:00
David Miller	eb9b5d0980	v2.2.6	2022-03-26 22:44:21 +08:00
David Miller	b15b6361df	v2.2.5	2022-03-25 21:10:17 +08:00
David Miller	e337c08da0	v2.2.4	2022-03-25 21:06:48 +08:00
David Miller	b6c51fcca0	v2.2.3	2022-03-15 22:33:56 +08:00