You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

82 regels
2.6 KiB

  1. <!DOCTYPE html>
  2. <html class="gr__mackeycreativelab_com"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  3. <meta name="viewport" content="width=device-width">
  4. <title>Performing Maintenance</title>
  5. <meta name="description" content="Performing maintenance...">
  6. <link rel="shortcut icon" href="favicon.ico" type="image/vnd.microsoft.icon" />
  7. <style type="text/css">
  8. /* Reset */
  9. html, body, div, span, applet, object, iframe,
  10. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  11. a, abbr, acronym, address, big, cite, code,
  12. del, dfn, em, img, ins, kbd, q, s, samp,
  13. small, strike, strong, sub, sup, tt, var,
  14. b, u, i, center,
  15. dl, dt, dd, ol, ul, li,
  16. fieldset, form, label, legend,
  17. table, caption, tbody, tfoot, thead, tr, th, td,
  18. article, aside, canvas, details, embed,
  19. figure, figcaption, footer, header, hgroup,
  20. menu, nav, output, ruby, section, summary,
  21. time, mark, audio, video {
  22. margin: 0;
  23. padding: 0;
  24. border: 0;
  25. font-size: 100%;
  26. font: inherit;
  27. vertical-align: baseline;
  28. }
  29. /* HTML5 display-role reset for older browsers */
  30. article, aside, details, figcaption, figure,
  31. footer, header, hgroup, menu, nav, section {
  32. display: block;
  33. }
  34. body {
  35. line-height: 1;
  36. }
  37. center {
  38. display: block;
  39. margin-left: auto;
  40. margin-right: auto;
  41. width: 50%;
  42. text-align: center !important;
  43. }
  44. ol, ul {
  45. list-style: none;
  46. }
  47. blockquote, q {
  48. quotes: none;
  49. }
  50. blockquote:before, blockquote:after,
  51. q:before, q:after {
  52. content: '';
  53. content: none;
  54. }
  55. table {
  56. border-collapse: collapse;
  57. border-spacing: 0;
  58. }
  59. html {font-size: 16px;}
  60. body { text-align: center; padding: 150px; }
  61. h1 { font-size: 40px; font-weight: bold; margin-bottom: 1rem;}
  62. p {font-size: 1.5rem; margin-bottom: 1rem;}
  63. body { font: 20px Helvetica, sans-serif; color: #333; }
  64. #article { display: block; text-align: left; width: 650px; margin: 0 auto; }
  65. a { color: #dc8100; text-decoration: none; }
  66. a:hover { color: #333; text-decoration: none; }
  67. </style>
  68. </head>
  69. <script>function gen_mail_to_link(lhs, rhs) {document.write(lhs + "@");document.write(rhs);}</script>
  70. <body>
  71. <img src="https://http.cat/503" height="400px" alt="Service Unavailable" class="center">
  72. <div id="article">
  73. <h1>This site is getting a little tune up and some love.</h1>
  74. <div>
  75. <p>We apologize for the inconvenience, but we're performing some maintenance. You can still contact us at <a href="mailto:<script>gen_mail_to_link('marcel','haazen.xyz');</script>"><script>gen_mail_to_link('marcel','haazen.xyz');</script></span></a>. We'll be back up soon!</p>
  76. <p>— Neko IT</p>
  77. </div>
  78. </div>
  79. </body>
  80. </html>