Frontend stuff for lain.church
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.

78 lines
5.3KB

  1. <head>
  2. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  3. <link rel="stylesheet" href="/css/columns.css">
  4. <link rel="stylesheet" href="/css/haiku.css">
  5. <link rel="stylesheet" href="/css/dropdown.css">
  6. <link rel="stylesheet" href="/css/buttontile.css">
  7. <style>
  8. body {
  9. background-image: url(/img/dolphins.png);
  10. background-repeat: repeat;
  11. }
  12. body {
  13. font-family: sans-serif;
  14. }
  15. .wrapper {
  16. min-height: 0px;
  17. }
  18. .btncontainer {
  19. color: black;
  20. max-width: 12em;
  21. }
  22. </style>
  23. </head>
  24. <body>
  25. <div class="wwrapper" style="grid-column:1;grid-row:1;">
  26. <b class="twrapper"><a class="title" href="services.html"><img class="wbutton wlbutton" src="/img/close.png">LaunchBox<img class="wbutton wrbutton" src="/img/minimise.png"></a></b>
  27. <div class="wrapper" style="background-color: white;">
  28. <a href="#git"><div class="btncontainer"><img class="btnimg" src="/img/gitlain.svg"></img><br>GitLain</div></a>
  29. <a href="#xmpp"><div class="btncontainer"><img class="btnimg" src="/img/xmpp.svg"></img><br>XMPP</div></a>
  30. <a href="#gopher"><div class="btncontainer"><img class="btnimg" src="/img/gopher.svg"></img><br>Gopher</div></a>
  31. </div>
  32. </div>
  33. <div class="wwrapper" style="grid-column:2;grid-row:1;">
  34. <b class="twrapper" id="git"><a class="title" href="services.html"><img class="wbutton wlbutton" src="/img/close.png">About - GitLain<img class="wbutton wrbutton" src="/img/minimise.png"></a></b>
  35. <div class="wrapper" style="background-color: white; position: relative;">
  36. <img class="btnimg" src="/img/gitlain.svg" style="position: absolute; right: 2px; top: 0px;"></img><h3 style="display: inline-grid">GitLain</h3>
  37. <p><a href="https://git.lain.church">GitLain</a> is lain.church's Gitea instance, providing all members with Git repository hosting, issue trackers, organisations and related functionality.</p>
  38. </div>
  39. </div>
  40. <div class="wwrapper" style="grid-column:1;grid-row:2;">
  41. <b class="twrapper" id="git"><a class="title" href="services.html"><img class="wbutton wlbutton" src="/img/close.png">About - lain.church XMPP<img class="wbutton wrbutton" src="/img/minimise.png"></a></b>
  42. <div class="wrapper" style="background-color: white; position: relative;">
  43. <img class="btnimg" src="/img/xmpp.svg" style="position: absolute; right: 2px; top: 0px;"></img><h3 style="display: inline-grid">lain.church XMPP</h3>
  44. <p><a href="https://en.wikipedia.org/wiki/XMPP">XMPP</a> provides secure instant messaging with features such as media integration, read receipts, server-side history, multi-user chat rooms and most importantly, end-to-end encryption.</p>
  45. <p style="text-align: center;">
  46. <a href='https://xmpp.net/result.php?domain=lain.church&amp;type=client'><img src='https://xmpp.net/badge.php?domain=lain.church' alt='xmpp.net score' /></a>
  47. </p>
  48. <p>lain.church runs a <a href="http://prosody.im/">Prosody</a> server to provide XMPP accounts to the community, tied into one's main lain.church account. Said server supports, among others, the following <span title="XMPP Extension Protocols" style="border-bottom:1px dashed #999">XEPs</span>:</p>
  49. <ul>
  50. <li><b>XEP-0163</b>: PEP (Avatars/OMEMO)</li>
  51. <li><b>XEP-0191</b>: Blocking Command</li>
  52. <li><b>XEP-0198</b>: Stream Management</li>
  53. <li><b>XEP-0184</b>: Message Delivery Receipts</li>
  54. <li><b>XEP-0198</b>: Stream Management</li>
  55. <li><b>XEP-0234</b>: Jingle File Transfer</li>
  56. <li><b>XEP-0249</b>: Direct MUC Invitations</li>
  57. <li><b>XEP-0280</b>: Message Carbons</li>
  58. <li><b>XEP-0333</b>: Chat Markers</li>
  59. <li><b>XEP-0352</b>: Client State Indication</li>
  60. </ul>
  61. <p style="text-align: center;">Suggested clients</p>
  62. <div style="margin-left:auto;margin-right:auto;display:table;">
  63. <a href="https://gajim.org"><div class="btncontainer"><img class="btnimg" src="/img/gajim.svg"></img><br>Gajim<br>(Desktop)</div></a>
  64. <a href="https://conversations.im"><div class="btncontainer"><img class="btnimg" src="/img/conversations.svg"></img><br>Conversations<br>(Mobile)</div></a>
  65. <a href="https://lain.church/xmpp/conversejs"><div class="btncontainer"><img class="btnimg" src="/img/conversejs.svg"></img><br>ConverseJS<br>(Web)</div></a>
  66. </div>
  67. </div>
  68. </div>
  69. <div class="wwrapper" style="grid-column:2;grid-row:2;">
  70. <b class="twrapper" id="gopher"><a class="title" href="services.html"><img class="wbutton wlbutton" src="/img/close.png">About - lain.church Gopher<img class="wbutton wrbutton" src="/img/minimise.png"></a></b>
  71. <div class="wrapper" style="background-color: white; position: relative;">
  72. <img class="btnimg" src="/img/gopher.svg" style="position: absolute; right: 2px; top: 0px;"></img><h3 style="display: inline-grid">lain.church Gopher</h3>
  73. <p><a href="https://en.wikipedia.org/wiki/Gopher_(protocol)">Gopher</a> is an early and extremely simple hypertext protocol pre-dating HTTP. lain.church provides Gopher 'holes' for users as part of GitLain. A repo named 'gopherhole' in a user's account will be served as a directoru on the lain.church gopher server. For example, <a href="https://git.lain.church/tA/gopherhole">tA/gopherhole</a> is served as <a href="gopher://lain.church:70/ta">gopher://lain.church:70/ta</a>. This service is available to all users.</p>
  74. <p>In the future, these gopherholes will also be served over HTTP(S) as <a href="https://gopher.lain.church">gopher.lain.church</a>.</p>
  75. </div>
  76. </div>
  77. </body>