Help screen for xmpp

605a8ae2 · Bob Mottram · dd9c9ec1 · 605a8ae2
Commit 605a8ae2 authored 6 years ago by Bob Mottram
--- a/webadmin/EN/help_xmpp.html
+++ b/webadmin/EN/help_xmpp.html
+<!DOCTYPE html>
+<html>
+  <style>
+    * {
+        box-sizing: border-box;
+    }
+
+    a, u {
+        text-decoration: none;
+        color: #72a7cf;
+        font-weight: bold;
+    }
+
+    a:visited{
+        color: #72a7cf;
+        font-weight: bold;
+    }
+
+    #headerpic {
+        width: 60%;
+        height: auto;
+        margin-right : auto;
+        margin-left : auto;
+        min-width : 220px;
+    }
+
+    body {
+        margin: 0;
+        font-family: Arial;
+    }
+
+    .header {
+        text-align: center;
+        padding: 32px;
+    }
+
+    .headertext {
+        text-align: center;
+        font-size: 120%;
+        font-weight: bold;
+    }
+
+    .subheadertext {
+        margin-left : 10%;
+        text-align: left;
+        font-size: 110%;
+        font-weight: bold;
+    }
+
+    .helptext {
+        width: 80%;
+        text-align: left;
+        font-size: 100%;
+        margin-left : 10%;
+    }
+
+    .row {
+        display: -ms-flexbox;
+        display: flex;
+        -ms-flex-wrap: wrap;
+        flex-wrap: wrap;
+        padding: 0 4px;
+    }
+
+    .column {
+        -ms-flex: 25%;
+        flex: 15%;
+        max-width: 25%;
+        padding: 0 4px;
+    }
+
+    .column img {
+        margin-top: 8px;
+        vertical-align: middle;
+    }
+
+    @media screen and (max-width: 800px) {
+        .column {
+            -ms-flex: 50%;
+            flex: 50%;
+            max-width: 50%;
+        }
+    }
+
+    @media screen and (max-width: 200px) {
+        .column {
+            -ms-flex: 100%;
+            flex: 100%;
+            max-width: 100%;
+        }
+    }
+  </style>
+  <body>
+
+    <div class="header">
+      <a href="app_xmpp.html"><img id="headerpic" class="img-responsive" src="images/logo.png"></a>
+    </div>
+
+    <p class="headertext">XMPP</p>
+
+    <p class="subheadertext">Setting up with an Android phone</p>
+
+    <p class="helptext"><b>1.</b> Install <a href="https://f-droid.org">F-droid</a></p>
+
+    <p class="helptext"><b>2.</b> Open the F-droid app and select <b>Settings</b> then <b>Repositories</b>. Make sure that <b>Guardian Project Official Releases</b> is enabled</p>
+
+    <p class="helptext"><b>3.</b> Go back to the F-droid initial screen and update the repositories by swiping downwards. You'll see it say "updating repositories". This might take a few minutes.</p>
+
+    <p class="helptext"><b>4.</b> Select search (magnifying glass icon) and search for <b>Orbot</b> (not the legacy version), then select <b>install</b></p>
+
+    <p class="helptext"><b>5.</b> Search again for <b>Conversations</b> (not the legacy version), then select <b>install</b></p>
+
+    <p class="helptext"><b>6.</b> Open up the Conversations app and select the menu (three dots), scroll down and select <b>Expert Settings</b> then select <b>Connect to Tor</b></p>
+
+    <p class="helptext"><b>7.</b> Go back to the initial screen of the Conversations app, select the menu again, then <b>Manage accounts</b>. Add an account by selecting the person icon with the plus next to it.</p>
+
+    <p class="helptext"><b>8.</b> For the Jabber ID enter the <a href="http://freedombone/admin/userprofile_admin.html">email address from your Freedombone user settings</a></p>
+
+    <p class="helptext"><b>9.</b> For the password use the password which you initially wrote down or stored during the setup of the Freedombone system</p>
+
+    <p class="helptext"><b>10.</b> Select <b>Next</b> to create the account. If eveything is working after a couple of minutes you should see the account status change to <b>online</b> in green</p>
+
+    <p class="helptext"><b>11.</b> You can now go back to the initial Conversations app screen and start using it. You'll probably want to add contacts using the icon at the bottom right. For more information see the <a href="https://conversations.im">Conversations website</a> or subscribe to the chat group <b>conversations@conference.siacs.eu</b></p>
+
+  </body>
+</html>