mobile.html 8.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>Converse.js | Mobile</title>
  5. <meta charset="utf-8">
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  8. <meta name="description" content="Converse.js | Mobile" />
  9. <meta name="author" content="JC Brand" />
  10. <meta name="keywords" content="xmpp chat webchat converse.js" />
  11. <link rel="shortcut icon" type="image/ico" href="css/images/favicon.ico"/>
  12. <link type="text/css" rel="stylesheet" media="screen" href="node_modules/bootstrap/dist/css/bootstrap.min.css" />
  13. <link type="text/css" rel="stylesheet" media="screen" href="node_modules/font-awesome/css/font-awesome.min.css" />
  14. <link type="text/css" rel="stylesheet" media="screen" href="https://cdn.conversejs.org/css/theme.min.css" />
  15. <link type="text/css" rel="stylesheet" media="screen" href="https://cdn.conversejs.org/css/converse.min.css" />
  16. <link type="text/css" rel="stylesheet" media="screen" href="https://cdn.conversejs.org/css/mobile.min.css" />
  17. <script type="text/javascript" src="analytics.js"></script>
  18. <noscript><p><img src="//stats.opkode.com/piwik.php?idsite=1" style="border:0;" alt="" /></p></noscript>
  19. <![if gte IE 11]>
  20. <script src="https://cdn.conversejs.org/dist/converse.min.js"></script>
  21. <![endif]>
  22. </head>
  23. <body id="page-top" data-spy="scroll" data-target=".navbar-custom">
  24. <nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
  25. <div class="container">
  26. <div class="navbar-header page-scroll">
  27. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
  28. <i class="fa fa-bars"></i>
  29. </button>
  30. <a class="navbar-brand" href="#page-top">
  31. <i class="fa fa-play-circle"></i> <span class="light">Home</span>
  32. </a>
  33. </div>
  34. <!-- Collect the nav links, forms, and other content for toggling -->
  35. <div class="collapse navbar-collapse navbar-right navbar-main-collapse">
  36. <ul class="nav navbar-nav">
  37. <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
  38. <li class="hidden">
  39. <a href="#page-top"></a>
  40. </li>
  41. <li class="page-scroll">
  42. <a href="#about">About</a>
  43. </li>
  44. <li class="page-scroll">
  45. <a href="#features">Features</a>
  46. </li>
  47. <li class="page-scroll">
  48. <a href="#contact">Contact</a>
  49. </li>
  50. <li>
  51. <a href="/docs/html/manual.html">User Manual</a>
  52. </li>
  53. <li>
  54. <a href="/docs/html/index.html">Documentation</a>
  55. </li>
  56. <li>
  57. <a href="https://github.com/jcbrand/converse.js/releases" class="button" target="_blank">Download</a>
  58. </li>
  59. </ul>
  60. </div>
  61. <!-- /.navbar-collapse -->
  62. </div>
  63. <!-- /.container -->
  64. </nav>
  65. <section class="intro" class="container">
  66. <div class="row">
  67. <h1 class="brand-heading"><i class="icon-conversejs"></i> Converse.js</h1>
  68. <div class="col-md-8 col-md-offset-2">
  69. <p class="intro-text">A free and open-source XMPP chat client in your browser</p>
  70. </div>
  71. </div>
  72. <div class="row">
  73. <div class="col-md-8 col-md-offset-2 banner-social-buttons">
  74. <ul class="list-inline">
  75. <li><a href="https://twitter.com/jcopkode" class="btn btn-circle btn-lg" title="Twitter" target="_blank"><i class="fa fa-twitter"></i></a>
  76. </li>
  77. <li><a href="https://github.com/jcbrand/converse.js" class="btn btn-circle btn-lg" title="GitHub" target="_blank"><i class="fa fa-github"></i></a>
  78. </li>
  79. </ul>
  80. </div>
  81. </div>
  82. </section>
  83. <section id="about" class="container content-section text-center">
  84. <div class="row">
  85. <div class="col-lg-8 col-lg-offset-2">
  86. <h2><strong>Converse.js</strong> is written in Javascript and runs in your browser.</h2>
  87. <p>
  88. You can connect to any publically accessible <a href="http://xmpp.org" target="_blank">XMPP/Jabber</a> server,
  89. either from a <a href="https://xmpp.net/directory.php">public provider</a>, or one you have set up yourself.
  90. </p>
  91. <h3>Don't have an XMPP/Jabber account?</h3>
  92. <p>No problem! With converse.js you can register an account on any public XMPP server that allows registration.</p>
  93. </div>
  94. </div>
  95. </section>
  96. <section class="outro content-section text-center" id="contact">
  97. <div class="container">
  98. <div class="row">
  99. <div class="col-lg-8 col-lg-offset-2">
  100. <h2>Contact</h2>
  101. <ul class="contact">
  102. <li>Follow me on <a href="http://twitter.com/jcopkode" target="_blank">Twitter</a> or chat with me via XMPP at <a href="xmpp:jc@opkode.com" class="xmpp JSnocheck" title="XMPP/Jabber">jc@opkode.com</a>.</li>
  103. <li>For technical support, please write to the mailing list: <a href="mailto:conversejs@librelist.com">conversejs@librelist.com</a><br/>
  104. or ask in the Converse.js chat room:
  105. <a href="xmpp:discuss@conference.conversejs.org" class="converse-chatroom xmpp JSnocheck" title="Converse.js chat room">discuss@conference.conversejs.org</a></li>
  106. <li>Also check out the <a href="http://librelist.com/browser/conversejs" target="_blank">mailing list archives</a>.</li>
  107. <li>Please file <a target="_blank" href="https://github.com/jcbrand/converse.js/issues">bugs on Github</a>.</li>
  108. <li>I'm available for features and <a href="http://opkode.com/contact" target="_blank">consulting</a>.</li>
  109. </ul>
  110. </div>
  111. <div class="sponsors">
  112. Converse.js is supported by <a href="https://www.keycdn.com/" target="_blank"><img style="height: 2em" src="/logo/keycdn.svg" alt="KeyCDN"></a>
  113. </div>
  114. </div>
  115. </div>
  116. </section>
  117. </body>
  118. <script>
  119. /*
  120. @licstart
  121. This is free and unencumbered software released into the public domain.
  122. Anyone is free to copy, modify, publish, use, compile, sell, or
  123. distribute this software, either in source code form or as a compiled
  124. binary, for any purpose, commercial or non-commercial, and by any
  125. means.
  126. In jurisdictions that recognize copyright laws, the author or authors
  127. of this software dedicate any and all copyright interest in the
  128. software to the public domain. We make this dedication for the benefit
  129. of the public at large and to the detriment of our heirs and
  130. successors. We intend this dedication to be an overt act of
  131. relinquishment in perpetuity of all present and future rights to this
  132. software under copyright law.
  133. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  134. EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  135. MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  136. IN NO EVENT SHALL THE AUTHORS BE LIABLE FOR ANY CLAIM, DAMAGES OR
  137. OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE,
  138. ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
  139. OTHER DEALINGS IN THE SOFTWARE.
  140. For more information, please refer to <http://unlicense.org/>
  141. @licend
  142. */
  143. converse.initialize({
  144. bosh_service_url: 'https://conversejs.org/http-bind/', // Please use this connection manager only for testing purposes
  145. show_controlbox_by_default: false,
  146. view_mode: 'mobile'
  147. });
  148. </script>
  149. </html>