Add MIT License

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) [year] [fullname]
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,33 @@
+# XMPP invitation page
+
+Build a Web page to help people joining US on XMPP.
+
+![Example of XMPP invitation page](screenshot_invitation_page.png)
+
+
+## Quick deploy guide
+
+Install `fcgiwrap`.
+
+```
+mkdir -p /var/www/xmpp-invitation
+cd /var/www/xmpp-invitation
+git clone https://forge.chapril.org/pitchum/xmpp-invitation-page.git .
+```
+
+Nginx snippet:
+
+```
+  location /invitation-beta/assets/ {
+    alias  /var/www/xmpp-invitation/assets/;
+  }
+  location /invitation-beta/ {
+    root  /var/www/xmpp-invitation/;
+    index invitation.cgi;
+
+    fastcgi_pass  unix:/run/fcgiwrap.socket;
+    include /etc/nginx/fastcgi_params;
+    fastcgi_param SCRIPT_FILENAME  /var/www/xmpp-invitation/invitation.cgi;
+  }
+```
+

index.html.tpl

@@ -67,7 +67,7 @@ img.app, img.store {
     align-items: center;
 }
 #downloads a > div > div {
-    width: 130px;;
+    width: 120px;
 }
 #downloads span {
     display: block;
@@ -75,8 +75,15 @@ img.app, img.store {
 }
 #downloads span.store {
     color: black;
-    font-size: smaller;
     text-align: right;
+    text-transform: none;
+}
+
+@media screen and (min-width: 801px) {
+    .mobile-app { display: none; }
+}
+@media screen and (max-width: 800px) {
+    .desktop-app { display: none; }
 }
     </style>
 </head>
@@ -89,9 +96,9 @@ img.app, img.store {
         <p>Je suis désormais joignable pour tchatter sur le réseau indépendant Jabber/XMPP.</p>
         <p>Mon adresse XMPP&nbsp;: <strong>{{user_jid}}</strong></p>
         <u>Pour me joindre&nbsp;:</u><br/>
-        <p>1) Installe une appli Jabber/XMPP et crée-toi un compte</p>
+        <p>1) Installe une des applis Jabber/XMPP suivantes et crée-toi un compte</p>
             <ul id="downloads">
-                <li>
+                <li class="mobile-app">
                     <a href="https://play.google.com/store/apps/details?id=im.blabber.messenger" title="Blabber.im sur Google Play">
                         <div class="appbutton">
                             <img class="app" src="assets/logo_blabber_64px.png" />
@@ -103,7 +110,7 @@ img.app, img.store {
                         </div>
                     </a>
                 </li>
-                <li>
+                <li class="mobile-app">
                     <a href="https://apps.apple.com/fr/app/tigase-messenger/id1153516838" title="Siskin IM sur Apple Store">
                         <div class="appbutton">
                             <img class="app" src="assets/logo_siskin_64px.png" />
@@ -115,7 +122,7 @@ img.app, img.store {
                         </div>
                     </a>
                 </li>
-                <li>
+                <li class="mobile-app">
                     <a href="https://f-droid.org/fr/packages/eu.siacs.conversations/" title="Conversations sur F-Droid">
                         <div class="appbutton">
                             <img class="app" src="assets/logo_conversations_64px.png" />
@@ -127,7 +134,7 @@ img.app, img.store {
                         </div>
                     </a>
                 </li>
-                <li>
+                <li class="desktop-app">
                     <a href="https://gajim.org/fr/download/" title="Gajim sur windows">
                         <div class="appbutton">
                             <img class="app" src="assets/logo_gajim_64px.png" />
@@ -139,7 +146,7 @@ img.app, img.store {
                         </div>
                     </a>
                 </li>
-                <li>
+                <li class="desktop-app">
                     <a href="https://dino.im/" title="Dino sur Linux">
                         <div class="appbutton">
                             <img class="app" src="assets/logo_dino_custom_64px.png" />
@@ -151,7 +158,7 @@ img.app, img.store {
                         </div>
                     </a>
                 </li>
-                <li>
+                <li class="desktop-app">
                     <a href="https://beagle.im/" title="Beagle IM sur MacOS">
                         <div class="appbutton">
                             <img class="app" src="assets/logo_beagle_64px.png" />