index.html 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="keywords" content="临时邮箱,forsaken mail,disposable mail">
  6. <title>Forsaken Mail</title>
  7. <link href="https://lib.baomitu.com/semantic-ui/2.1.7/semantic.min.css" rel="stylesheet">
  8. <link rel="stylesheet" href="/css/app.css">
  9. <link rel="stylesheet" href="/css/prism.css">
  10. </head>
  11. <body>
  12. <div class="ui fixed borderless menu">
  13. <div class="ui text container" style="max-width: 100% !important;">
  14. <div href="#" class="header item">
  15. <img class="logo" src="//semantic-ui.com/examples/assets/images/logo.png" alt="logo">
  16. Forsaken Mail
  17. </div>
  18. <div class="ui label item right floated mailaddress" style="width: 35%;">
  19. <button class="ui icon button">
  20. <i class="mail icon copyable"></i>
  21. </button>
  22. <div class="ui icon input">
  23. <input id="shortid" type="text" placeholder="请等待分配临时邮箱" disabled>
  24. <i id="refreshShortid" class="circular refresh link icon"></i>
  25. </div>
  26. <i id="customShortid" style="margin-left:0.5em" class="circular edit link icon"></i>
  27. </div>
  28. </div>
  29. </div>
  30. <div class="ui main container">
  31. <div class="ui grid">
  32. <div class="row">
  33. <div class="column">
  34. <table class="ui celled selectable table">
  35. <thead>
  36. <tr>
  37. <th>发信人</th>
  38. <th>主题</th>
  39. <th>时间</th>
  40. </tr>
  41. </thead>
  42. <tbody id="maillist">
  43. </tbody>
  44. </table>
  45. </div>
  46. </div>
  47. <div class="row">
  48. <div class="column">
  49. <div class="ui card" id="mailcard">
  50. <div class="content">
  51. <i class="code icon right floated"></i>
  52. <div class="header">我的邮件在哪里?</div>
  53. </div>
  54. <div class="content">
  55. <p>等等就来( ͡° ͜ʖ ͡°) </p>
  56. </div>
  57. </div>
  58. </div>
  59. </div>
  60. </div>
  61. </div>
  62. <div class="ui modal" id="raw">
  63. <div class="header">
  64. </div>
  65. <div class="content">
  66. </div>
  67. </div>
  68. </body>
  69. <script src="https://lib.baomitu.com/jquery/2.1.4/jquery.min.js"></script>
  70. <script src="https://lib.baomitu.com/semantic-ui/2.1.7/semantic.min.js"></script>
  71. <script src="https://lib.baomitu.com/socket.io/1.3.7/socket.io.min.js"></script>
  72. <script src="https://lib.baomitu.com/clipboard.js/1.5.5/clipboard.min.js"></script>
  73. <script src="/js/app.js"></script>
  74. <script src="/js/prism.js"></script>
  75. </html>