95 lines
3.3 KiB
Smarty
95 lines
3.3 KiB
Smarty
|
<!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; }
|
||
|
.button {
|
||
|
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;
|
||
|
}
|
||
|
ul {
|
||
|
padding: 0;
|
||
|
}
|
||
|
li {
|
||
|
list-style-type: none;
|
||
|
margin: 0.2rem;
|
||
|
}
|
||
|
.appbutton {
|
||
|
background-color: #222;
|
||
|
border-radius: 0.2rem;
|
||
|
}
|
||
|
img.app, img.store {
|
||
|
max-height: 40px;
|
||
|
}
|
||
|
</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 : <strong>{{username}}@chapril.org</strong></p>
|
||
|
<u>Pour me joindre :</u><br/>
|
||
|
<div>1) Installe une appli Jabber/XMPP et crée-toi un compte</div>
|
||
|
<div>
|
||
|
<ul>
|
||
|
<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>
|
||
|
<a href="https://apps.apple.com/fr/app/monal-xmpp-chat/id317711500">
|
||
|
<div class="appbutton">
|
||
|
Monal IM sur Apple Store
|
||
|
</div>
|
||
|
</a>
|
||
|
</li>
|
||
|
-->
|
||
|
</ul>
|
||
|
<div>
|
||
|
<a href="https://chapril.org/XMPP">... autres plateformes</a>
|
||
|
</div>
|
||
|
<div>2) Puis ajoute <a href="xmpp:{{username}}@chapril.org"><button class="button"><strong>{{username}}@chapril.org</strong></button></a> à ta liste de contacts</div>
|
||
|
</article>
|
||
|
</body>
|
||
|
</html>
|