xmpp-invitation-page/index.html.tpl

134 lines
4.8 KiB
Smarty
Raw Normal View History

2021-07-11 11:54:18 +02:00
<!DOCTYPE html>
<html>
<head>
<title>J'ai déménagé !</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="//chapril.org/sites/v2.chapril.org/squelettes/css/favicon.ico" type="image/x-icon">
<style>
body { text-align: center; padding-top: 10px; font: 20px Helvetica, sans-serif; color: #333; background-color: white;}
h1 { font-size: 28px; }
article { display: inline-block; text-align: left; margin: 0 auto; }
div { padding: 5px; }
footer { font-size: 14px; }
a { color: #ff9843; text-decoration: none; }
a:hover { color: #aaa; text-decoration: none; }
.appbutton, .button {
2021-07-11 11:54:18 +02:00
background-color: #ff9843;
border: none;
color: #fff;
padding: 10px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
font-size: 14px;
transition-duration: 0.4s;
cursor: pointer;
border-radius: 4px;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
.button:hover {
background-color: #fbae6e;
color: #fff;
}
#downloads {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
2021-07-11 11:54:18 +02:00
ul {
padding: 0;
}
li {
list-style-type: none;
margin: 0.2rem;
}
.appbutton {
background-color: #2e5281;
background: linear-gradient(to right, #2e5281, #0a3877);
2021-07-11 11:54:18 +02:00
border-radius: 0.2rem;
width: 220px;
box-shadow: 0 0 5px 0px rgba(0,81,132,0.5);
}
.appbutton:hover {
background: #ff5e00;
2021-07-11 11:54:18 +02:00
}
img.app, img.store {
max-height: 40px;
}
#downloads a div {
display: flex;
justify-content: space-between;
align-items: center;
2021-07-11 11:54:18 +02:00
}
</style>
</head>
<body>
<img src="assets/moved-to-xmpp.png" alt="J'ai déménagé !" height="74"><br/>
<article>
<p>Je suis désormais joignable pour tchatter sur le réseau indépendant Jabber/XMPP.</p>
<p>Mon adresse XMPP&nbsp;: <strong>{{username}}@chapril.org</strong></p>
<u>Pour me joindre&nbsp;:</u><br/>
<div>1) Installe une appli Jabber/XMPP et crée-toi un compte</div>
<div>
<ul id="downloads">
2021-07-11 11:54:18 +02:00
<li>
<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" />
<span>Blabber.im</span>
<img class="store" src="assets/google-play.svg" />
</div>
</a>
</li>
<li>
<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" />
<span>Siskin IM</span>
<img class="store" src="assets/apple.svg" />
</div>
</a>
</li>
<li>
2021-07-18 12:23:28 +02:00
<a href="https://f-droid.org/fr/packages/eu.siacs.conversations/" title="Conversations sur F-Droid">
2021-07-11 11:54:18 +02:00
<div class="appbutton">
2021-07-18 12:23:28 +02:00
<img class="app" src="assets/logo_conversations_64px.png" />
<span>Conversations</span>
2021-07-19 08:06:35 +02:00
<img class="store" src="assets/fdroid_black.svg" />
2021-07-18 12:23:28 +02:00
</div>
</a>
</li>
<li>
<a href="https://gajim.org/fr/download/" title="Gajim sur windows">
<div class="appbutton">
<img class="app" src="assets/logo_gajim_64px.png" />
<span>Gajim</span>
<img class="store" src="assets/windows.svg" />
</div>
</a>
</li>
<li>
<a href="https://dino.im/" title="Dino sur Linux">
<div class="appbutton">
<img class="app" src="assets/logo_dino_custom_64px.png" />
<span>Dino</span>
<img class="store" src="assets/linux.svg" />
2021-07-11 11:54:18 +02:00
</div>
</a>
</li>
</ul>
</div>
<!--
<div>
<a href="https://chapril.org/XMPP">... autres applis</a>
</div>
-->
<div>2) Puis ajoute mon adresse à ta liste de contacts&nbsp;:
<a href="xmpp:{{username}}@chapril.org"><button class="button"><strong>{{username}}@chapril.org</strong></button></a>
</div>
2021-07-11 11:54:18 +02:00
</article>
</body>
</html>