index.html 3.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta content="IE=edge" http-equiv="X-UA-Compatible">
  6. <meta content="width=device-width, initial-scale=1, user-scalable=0" name="viewport">
  7. <title>XMPP Invitation</title>
  8. <link href="stylesheets/styles.css" rel="stylesheet">
  9. <link href="stylesheets/i.css" rel="stylesheet">
  10. <style>
  11. .main {
  12. padding-top: 0px;
  13. max-width: 600px;
  14. width: 90%;
  15. margin: 0 auto;
  16. }
  17. </style>
  18. <!--[if lt IE 9]>
  19. <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  20. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  21. <![endif]-->
  22. </head>
  23. <body>
  24. <div class="main">
  25. <noscript><h3>You need JavaScript to follow the invitation.</h3></noscript>
  26. <div id="display-uri" style="display:none">
  27. <h3 class="text-center" id="heading" data-i18n=".heading"></h3>
  28. <p class="text-center"><a class="btn btn-primary" id="button" data-i18n=".button"></a></p>
  29. <input type="url" class="form-control text-center" id="url_in" readonly/>
  30. <div class="qrcode" id="qrcode"></div>
  31. <p class="lead text-center" id="clients" data-i18n="clients"></p>
  32. <p class="lead text-center" id="recommend" data-i18n="recommend"></p>
  33. <p class="lead img-center text-center" id="client_list"></p>
  34. <i>
  35. <p class="hint text-center" id="checkfulllist" data-i18n="checkfulllist" data-i18n-target="innerHTML"></p>
  36. </i>
  37. </div>
  38. <div id="enter-uri" style="width:80%;display: none;">
  39. <h3 class="text-center" id="enter-heading" data-i18n="create.heading"></h3>
  40. <p data-i18n="create.desc"></p>
  41. <div style="width: 90%;margin: 0 auto;">
  42. <label for="uri_input" data-i18n="create.input"></label>
  43. <input class="uri-input" id="uri_input" name="uri_input" type="text"/>
  44. <div class="input-group">
  45. <input type="checkbox" id="is_muc" name="is_muc" value="muc">
  46. <label for="is_muc" data-i18n="create.is_muc"></label>
  47. </div>
  48. <button id="generate-link-btn" data-i18n="create.button"></button>
  49. <div id="display-link" style="display:none">
  50. <h4 data-i18n="create.link_heading"></h4>
  51. <div class="text-center">
  52. <a id="generated-link" href=""></a><br/>
  53. <a href="#" class="btn" data-i18n="action-copy" id="copy-link"></a>
  54. <div id="copy-result"></div>
  55. </div>
  56. </div>
  57. </div>
  58. </div>
  59. <i><p class="hint text-center" id="xmppis" data-i18n="xmppis"></p></i>
  60. <p class="hint text-center" id="xmpp">
  61. <a href="https://xmpp.org/"><img src="assets/xmpp.svg" alt="XMPP logo" width="60"></a>
  62. </p>
  63. </div>
  64. <script src="scripts/i18n-text.min.js"></script>
  65. <script src="config.js"></script>
  66. <script src="scripts/main.js"></script>
  67. <script src="scripts/qrcode.min.js"></script>
  68. </body>
  69. </html>