Bang! DerpMail webapp frontend https://webmail.derpmail.pw/
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.

86 lines
6.2KB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>! - DerpMail</title>
  5. <meta charset="UTF-8">
  6. <meta name="viewport" content="initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,width=device-width,user-scalable=no">
  7. <meta name="theme-color" content="#3f51b5">
  8. <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
  9. <meta http-equiv="Pragma" content="no-cache">
  10. <meta http-equiv="Expires" content="0">
  11. <link rel="manifest" href="/bang/android/manifest.json">
  12. <link rel="shortcut icon" href="/bang/img/favicon.png" />
  13. <!-- Eww, this is loaded from an external site, integrate self-hosting into the fetch.sh script -->
  14. <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
  15. <link rel="stylesheet" href="/bang/mdl/material.indigo-deep_orange.min.css">
  16. <link rel="stylesheet" href="/bang/css/animate.min.css">
  17. <link rel="stylesheet" href="/bang/css/bang.css">
  18. </head>
  19. <body>
  20. <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
  21. <header id="navheader" class="mdl-layout__header hide-header">
  22. <div class="mdl-layout__drawer-button" id="menushow"><i class="material-icons">menu</i></div>
  23. <!-- <span class="mdl-tooltip mdl-tooltip--large" for="menushow"><b>DerpMail<br>Menu</b></span> -->
  24. <div class="mdl-layout__header-row">
  25. <span class="mdl-layout-title"><img id="logo" src="/bang/svg/derpmail-navbar.svg" height="28px" width="auto" /></span>
  26. <span class="mdl-tooltip mdl-tooltip--large" for="logo"><b>DerpMail</b><br>Running unknown commands on production machines since 2015</span>
  27. <div class="mdl-layout-spacer"></div>
  28. <nav class="mdl-navigation mdl-layout--large-screen-only">
  29. <a id="reload" class="mdl-navigation__link" href="/"><i class="material-icons">refresh</i></a>
  30. <span class="mdl-tooltip mdl-tooltip--large" for="reload"><b>Reload Application</b><br>Reload the current application</span>
  31. <a id="wm0" class="mdl-navigation__link" href="https://webmail.derpmail.pw/"><i class="material-icons">email</i></a>
  32. <span class="mdl-tooltip mdl-tooltip--large" for="wm0"><b>Webmail</b><br>Webmail with advanced features</span>
  33. <a id="wm2" class="mdl-navigation__link" href="https://lite.webmail.derpmail.pw/"><i class="material-icons">mail_outline</i></a>
  34. <span class="mdl-tooltip mdl-tooltip--large" for="wm2"><b>Webmail Lite</b><br>Lightweight webmail for legacy machines or poor internet connections</span>
  35. <a id="nst" class="mdl-navigation__link" href="https://speed.derpmail.pw/"><i class="material-icons">network_check</i></a>
  36. <span class="mdl-tooltip mdl-tooltip--large" for="nst"><b>Cnnection Speed Test</b><br>Test the speed of your connection to the mail server</span>
  37. <a id="manage" class="mdl-navigation__link" href="https://manage.derpmail.pw/"><i class="material-icons">settings</i></a>
  38. <span class="mdl-tooltip mdl-tooltip--large" for="manage"><b>Account Manager</b><br>Adjust account settings or change your password</span>
  39. <a id="tbhide" class="mdl-navigation__link hidenavbar-link" onclick="hidenavbar();"><i class="material-icons">remove</i></a>
  40. <span class="mdl-tooltip mdl-tooltip--large" for="tbhide"><b>Hide toolbar</b></span>
  41. </nav>
  42. </div>
  43. </header>
  44. <div id="mdldrawer" class="mdl-layout__drawer">
  45. <span class="mdl-layout-title"><img id="nav-logo" src="/bang/svg/derpmail-hamburgermenu.svg" height="32px" width="auto" /></span>
  46. <nav class="mdl-navigation">
  47. <a id="nav-home" class="mdl-navigation__link" href="https://derpmail.pw/">DerpMail Home</a>
  48. <a id="nav-reload" class="mdl-navigation__link" href="/">Reload Application</a>
  49. <a id="nav-wm0" class="mdl-navigation__link" href="https://webmail.derpmail.pw/">Webmail</a>
  50. <a id="nav-wm2" class="mdl-navigation__link" href="https://lite.webmail.derpmail.pw/">Webmail Lite</a>
  51. <a id="nav-nst" class="mdl-navigation__link" href="https://speed.derpmail.pw/">Connection Speed Test</a>
  52. <a id="nav-manage" class="mdl-navigation__link" href="https://manage.derpmail.pw/">Account Manager</a>
  53. <a id="nav-tbhide" class="mdl-navigation__link" onclick="hidenavbar();fuckoffdrawer();">Hide toolbar</a>
  54. <a id="nav-about" class="mdl-navigation__link" href="https://drg.li/" target="_blank">drg.li</a>
  55. <a id="nav-about" class="mdl-navigation__link" href="https://git.drg.li/DerpMail/bang/" target="_blank">Bang! <!--#include virtual="/bang/commit.html" --></a>
  56. </nav>
  57. <div style="position:fixed;bottom:0px;left:10px;font-size:12px;opacity:0.3">
  58. <strong>&copy; drg | DerpMail 2L | El Psy Kongroo.</strong>
  59. </div>
  60. <span class="mdl-tooltip mdl-tooltip--large" for="nav-logo"><b>DerpMail</b><br>Running unknown commands on production machines since 2015</span>
  61. <span class="mdl-tooltip mdl-tooltip--large" for="nav-home"><b>Visit the DerpMail homepage</b></span>
  62. <span class="mdl-tooltip mdl-tooltip--large" for="nav-reload"><b>Reload the current application</b></span>
  63. <span class="mdl-tooltip mdl-tooltip--large" for="nav-wm0"><b>Webmail with advanced features</b></span>
  64. <span class="mdl-tooltip mdl-tooltip--large" for="nav-wm2"><b>Lightweight webmail for legacy machines or poor internet connections</b></span>
  65. <span class="mdl-tooltip mdl-tooltip--large" for="nav-nst"><b>Test the speed of your connection to the mail server</b></span>
  66. <span class="mdl-tooltip mdl-tooltip--large" for="nav-manage"><b>Adjust account settings or change your password</b></span>
  67. </div>
  68. <main class="mdl-layout__content">
  69. <div class="page-content">
  70. <iframe name="_bang" id="mainframe" class="mainframe" src="/bang/init.html"></iframe>
  71. </div>
  72. <div id="showbutton" class="showbutton hide-showbutton">
  73. <a onclick="shownavbar();">
  74. <div id="tbshow" class="showbuttonwrapper">
  75. <img src="/bang/svg/derpmail-main.svg" height="32px" width="auto" /></a>
  76. </div>
  77. </a>
  78. </div>
  79. <span class="mdl-tooltip mdl-tooltip--large" for="tbshow"><b>DerpMail<br></b>Click to show toolbar</span>
  80. </main>
  81. </div>
  82. <script defer src="/bang/mdl/material.min.js"></script>
  83. <script src="/bang/js/bang.js"></script>
  84. </body>
  85. </html>