diff --git a/assets/js/statuspage.js b/assets/js/statuspage.js new file mode 100644 index 0000000..d15ce61 --- /dev/null +++ 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; +})(); diff --git a/index.html b/index.html index 1557336..f355023 100644 --- a/index.html +++ b/index.html @@ -32,7 +32,7 @@
  • 京公网安备 11010802035614号
  • 京ICP备2021023756号-1
  • - +