Compare commits
8 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
01bd699f20 | ||
|
|
3b9e93f0ed | ||
|
|
a654fb84c7 | ||
|
|
9b5e4161cc | ||
|
|
eb9b5d0980 | ||
|
|
b15b6361df | ||
|
|
e337c08da0 | ||
|
|
b6c51fcca0 |
52
assets/js/statuspage.js
Normal file
52
assets/js/statuspage.js
Normal file
@@ -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;
|
||||||
|
})();
|
||||||
22
index.html
22
index.html
@@ -2,7 +2,7 @@
|
|||||||
|
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<title>David Miller's HomePage</title>
|
<title>David Miller's Homepage</title>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
||||||
<link rel="stylesheet" href="assets/css/main.css" />
|
<link rel="stylesheet" href="assets/css/main.css" />
|
||||||
@@ -10,28 +10,30 @@
|
|||||||
<body class="is-preload">
|
<body class="is-preload">
|
||||||
<!-- Header -->
|
<!-- Header -->
|
||||||
<header id="header">
|
<header id="header">
|
||||||
<h1>David Miller's HomePage</h1>
|
<h1>David Miller's Homepage</h1>
|
||||||
<p>A High School Student from Beijing, China<br/>
|
<p>A High School Student from Beijing, China</p>
|
||||||
Click the links below for further exploration</p>
|
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<!-- Footer -->
|
<!-- Footer -->
|
||||||
<footer id="footer">
|
<footer id="footer">
|
||||||
<ul class="icons">
|
<ul class="icons">
|
||||||
<li><a href="https://wechat.davidmiller.top" class="icon brands fa-weixin"><span class="label">WeChat</span></a></li>
|
<li><a href="https://wechat.davidmiller.top" class="icon brands fa-weixin"><span class="label">WeChat</span></a></li>
|
||||||
|
<li><a href="mailto:davidmillercn@outlook.com" class="icon solid fa-envelope"><span class="label">Email</span></a></li>
|
||||||
|
<li><a href="https://steamcommunity.com/id/davidmillercn/" class="icon brands fa-steam"><span class="label">Steam</span></a></li>
|
||||||
<li><a href="https://twitter.com/CitizenBeta2" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
|
<li><a href="https://twitter.com/CitizenBeta2" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
|
||||||
<li><a href="https://github.com/CitizenBeta2" class="icon brands fa-github"><span class="label">GitHub</span></a></li>
|
<li><a href="https://github.com/CitizenBeta2" class="icon brands fa-github"><span class="label">GitHub</span></a></li>
|
||||||
<li><a href="mailto:davidmillercn@outlook.com" class="icon solid fa-envelope"><span class="label">Email</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://img.davidmiller.top/qq.jpg" class="icon brands fa-qq"><span class="label">QQ</span></a></li>
|
<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://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://vault.davidmiller.top" class="icon solid fa-lock"><span class="label">Bitwarden</span></a></li>
|
||||||
<li><a href="https://steamcommunity.com/id/CitizenBeta2/" class="icon brands fa-steam"><span class="label">Steam</span></a></li>
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="copyright">
|
<ul class="copyright">
|
||||||
<li>© David Miller.</li>
|
<li>© <span id=current-year><script>document.getElementById("current-year").innerHTML=(new Date).getFullYear()</script></span> David Miller.</li>
|
||||||
<li>Credits: <a href="https://github.com/CitizenBeta2/HomePage">GitHub Repository</a></li>
|
<li><a href="https://davidmiller.statuspage.io/">System Status</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><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>
|
</ul>
|
||||||
|
<script src="assets/js/statuspage.js"></script>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
<!-- Scripts -->
|
<!-- Scripts -->
|
||||||
|
|||||||
Reference in New Issue
Block a user