443 lines
26 KiB
HTML
443 lines
26 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml">
|
|
<head>
|
|
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
|
|
<meta content="width=device-width" name="viewport"/>
|
|
<meta content="IE=edge" http-equiv="X-UA-Compatible"/>
|
|
<title></title>
|
|
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css"/>
|
|
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" type="text/css"/>
|
|
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
|
|
|
|
<style type="text/css">
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
-webkit-text-size-adjust: 100%;
|
|
background-color: #192744;
|
|
}
|
|
.btn {
|
|
-webkit-border-radius: 28;
|
|
-moz-border-radius: 28;
|
|
border-radius: 28px;
|
|
font-family: Arial;
|
|
color: #ffffff;
|
|
font-size: 16px;
|
|
background: #cf0f22;
|
|
padding: 10px 20px 10px 20px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.btn:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.spacer_big{
|
|
background-color: transparent;
|
|
height: 200px;
|
|
width: 100%;
|
|
}
|
|
|
|
.spacer_medium{
|
|
background-color: transparent;
|
|
height: 100px;
|
|
width: 100%;
|
|
}
|
|
|
|
.spacer_small{
|
|
background-color: transparent;
|
|
height: 30px;
|
|
width: 100%;
|
|
}
|
|
|
|
table,td,tr {
|
|
vertical-align: top;
|
|
border-collapse: collapse;
|
|
word-break: break-word;
|
|
}
|
|
p{
|
|
font-size: 17px;
|
|
line-height: 1.5;
|
|
word-break: break-word;
|
|
font-family: Roboto, Tahoma, Verdana, Segoe, sans-serif;
|
|
mso-line-height-alt: 26px;
|
|
mso-ansi-font-size: 18px;
|
|
margin: 0;
|
|
color:#ffffff;
|
|
}
|
|
.texte_center{
|
|
color:#555555;
|
|
padding-top:15px;
|
|
padding-right:40px;
|
|
padding-bottom:15px;
|
|
padding-left:40px;
|
|
text-align: center;
|
|
}
|
|
a {
|
|
color: #cc0000;
|
|
}
|
|
@media (max-width: 660px) {
|
|
.block-grid,
|
|
.col {
|
|
Margin: 0 auto;
|
|
min-width: 320px !important;
|
|
max-width: 640px !important;
|
|
display: block !important;
|
|
}
|
|
|
|
.block-grid {
|
|
width: 100% !important;
|
|
}
|
|
.col {
|
|
width: 100% !important;
|
|
}
|
|
.col>div {
|
|
margin: 0 auto;
|
|
}
|
|
img.fullwidth,
|
|
img.fullwidthOnMobile {
|
|
max-width: 100% !important;
|
|
}
|
|
.no-stack .col {
|
|
min-width: 0 !important;
|
|
display: table-cell !important;
|
|
}
|
|
.no-stack.two-up .col {
|
|
width: 50% !important;
|
|
}
|
|
.no-stack .col.num6 {
|
|
width: 40% !important;
|
|
}
|
|
.mobile_hide {
|
|
min-height: 0px;
|
|
max-height: 0px;
|
|
max-width: 0px;
|
|
display: none;
|
|
overflow: hidden;
|
|
font-size: 0px;
|
|
}
|
|
.desktop_hide {
|
|
display: block !important;
|
|
max-height: none !important;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
|
|
<div class="block-grid" style="Margin: 0 auto; min-width: 320px; max-width: 640px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: #5c74b8;">
|
|
<div style="border-collapse: collapse;display: table;width: 100%;background-color:#5c74b8;background-image:url('https://perso.crans.org/grisel-davy/images_mail/silhouette-fireworks.jpg ');background-position:top center;background-repeat:no-repeat">
|
|
<div class="col num12" style="min-width: 320px; max-width: 640px; display: table-cell; vertical-align: top; width: 640px;">
|
|
<div style="width:100% !important;">
|
|
<div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:0px; padding-bottom:0px; padding-right: 0px; padding-left: 0px;">
|
|
|
|
<div class="texte_center">
|
|
<p style="font-size:50px;font-weight: bold;">
|
|
Newsletter Aurore
|
|
</p>
|
|
</div>
|
|
|
|
|
|
<div align="center" class="img-container center autowidth" style="padding-right: 20px;padding-left: 20px;">
|
|
<img align="center" alt="Alternate text" border="0" class="center autowidth" src="https://auro.re/mail_assets/logo_black.png" style="text-decoration: none; -ms-interpolation-mode: bicubic; height: auto; border: 0; width: 100%; max-width: 385px; display: block;" title="Alternate text" width="385"/>
|
|
</div>
|
|
</div>
|
|
<div class="spacer_big">
|
|
<span></span>
|
|
</div>
|
|
<div class="texte_center">
|
|
<p style="font-size:18px;font-weight: bold;">
|
|
Avec Aurore nous vous proposons de nombreux services. Tellement de services que vous ne les connaissez surement pas tous. Ces services sont hébergés sur nos serveurs et utilisent des outils libres pour garantir au mieux l'intégrité de vos données. Ces services vous sont accessibles et à vie, même après que votre adhésion expire.
|
|
</p>
|
|
</div>
|
|
<div class="spacer_big"><span></span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="block-grid two-up" style="Margin: 0 auto; min-width: 320px; max-width: 640px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: #5c74b8;">
|
|
<div style="border-collapse: collapse;display: table;width: 100%;background-color:#5c74b8;">
|
|
<div class="col num6" style="min-width: 320px; max-width: 320px; display: table-cell; vertical-align: top; width: 320px;">
|
|
<div style="width:100% !important;">
|
|
<div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:10px; padding-bottom:10px; padding-right: 0px; padding-left: 0px;">
|
|
<div align="center" class="img-container center autowidth" style="padding-right: 0px;padding-left: 0px;">
|
|
<img align="center" alt="I'm an image" border="0" class="center autowidth" src="https://auro.re/mail_assets/jitsi.png" style="text-decoration: none; -ms-interpolation-mode: bicubic; height: auto; border: 0; width: 90%; max-width: 320px; display: block;" title="I'm an image" width="320"/>
|
|
</div>
|
|
<div style="color:#555555;font-family:Arial, Helvetica Neue, Helvetica, sans-serif;line-height:1.2;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;">
|
|
<div style="line-height: 1.2; font-size: 12px; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; color: #555555; mso-line-height-alt: 14px;">
|
|
<p style="font-size: 15px; line-height: 1.2; text-align: center; word-break: break-word; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; mso-line-height-alt: 18px; margin: 0;">
|
|
<span style="color: #ffffff; font-size: 15px;">
|
|
Organiser une visio-conférence pour travailler ou communiquer avec d'autres n'a jamais été aussi facile, grâce à jitsi. Jitsi permet la création de visio-conférences sans authentification. Par conséquent, pas besoin d'être adhérent d'Aurore pour l'utiliser.
|
|
</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="spacer_small">
|
|
<span></span>
|
|
</div>
|
|
<div style="text-align:center;">
|
|
<a class="btn" href="https://jitsi.auro.re/">Acceder à Jitsi</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="spacer_medium">
|
|
<span></span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="block-grid two-up" style="Margin: 0 auto; min-width: 320px; max-width: 640px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: #5c74b8;">
|
|
<div style="border-collapse: collapse;display: table;width: 100%;background-color:#5c74b8;">
|
|
<div class="col num6" style="min-width: 320px; max-width: 320px; display: table-cell; vertical-align: top; width: 320px;">
|
|
<div style="width:100% !important;">
|
|
<div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:10px; padding-bottom:10px; padding-right: 0px; padding-left: 0px;">
|
|
<div align="center" class="img-container center autowidth" style="padding-right: 0px;padding-left: 0px;">
|
|
<img align="center" alt="I'm an image" border="0" class="center autowidth" src="https://auro.re/mail_assets/nextcloud.png" style="text-decoration: none; -ms-interpolation-mode: bicubic; height: auto; border: 0; width: 90%; max-width: 320px; display: block;" title="I'm an image" width="320"/>
|
|
</div>
|
|
<div style="color:#555555;font-family:Arial, Helvetica Neue, Helvetica, sans-serif;line-height:1.2;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;">
|
|
<div style="line-height: 1.2; font-size: 12px; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; color: #555555; mso-line-height-alt: 14px;">
|
|
<p style="font-size: 15px; line-height: 1.2; text-align: center; word-break: break-word; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; mso-line-height-alt: 18px; margin: 0;">
|
|
<span style="color: #ffffff; font-size: 15px;">
|
|
Aurore met à ta disposition gratuitement 30Go de stockage, et ce à vie ! (Tu pourras continuer à l'utiliser une fois que tu ne seras plus adhérent à l'association). Une solution simple et sécurisée pour stocker vidéos, photos, documents volumineux et fichiers personnels. Nous utilisons la plateforme nextcloud, qui te permets d'accéder, charger et visualiser tes documents via un navigateurs Web, ou une application client pc, mac os, ios et android.
|
|
</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="spacer_small">
|
|
<span></span>
|
|
</div>
|
|
<div style="text-align:center;">
|
|
<a class="btn" href="https://nextcloud.auro.re">Acceder à Nextcloud</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="spacer_medium">
|
|
<span></span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="block-grid two-up" style="Margin: 0 auto; min-width: 320px; max-width: 640px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: #5c74b8;">
|
|
<div style="border-collapse: collapse;display: table;width: 100%;background-color:#5c74b8;">
|
|
<div class="col num6" style="min-width: 320px; max-width: 320px; display: table-cell; vertical-align: top; width: 320px;">
|
|
<div style="width:100% !important;">
|
|
<div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:10px; padding-bottom:10px; padding-right: 0px; padding-left: 0px;">
|
|
<div align="center" class="img-container center autowidth" style="padding-right: 0px;padding-left: 0px;">
|
|
<img align="center" alt="I'm an image" border="0" class="center autowidth" src="https://auro.re/mail_assets/phabricator.png" style="text-decoration: none; -ms-interpolation-mode: bicubic; height: auto; border: 0; width: 90%; max-width: 320px; display: block;" title="I'm an image" width="320"/>
|
|
</div>
|
|
<div style="color:#555555;font-family:Arial, Helvetica Neue, Helvetica, sans-serif;line-height:1.2;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;">
|
|
<div style="line-height: 1.2; font-size: 12px; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; color: #555555; mso-line-height-alt: 14px;">
|
|
<p style="font-size: 15px; line-height: 1.2; text-align: center; word-break: break-word; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; mso-line-height-alt: 18px; margin: 0;">
|
|
<span style="color: #ffffff; font-size: 15px;">
|
|
Pour organiser un projet collaboratif plus ou moins complexe, rien de mieux que Phabricator. Cet outil permet le suivi des différentes étapes d'un projet avec un système de taches assignées à des membres du projet. Cet outil puissant s'applique à des projets simple comme un projet de cours ou plus complexes comme la gestion d'une association de réseau. Tout les projets d'Aurore sont d'ailleurs accessibles sur Phabricator.
|
|
</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="spacer_small">
|
|
<span></span>
|
|
</div>
|
|
<div style="text-align:center;">
|
|
<a class="btn" href="https://phabricator.auro.re">Acceder à Phabricator</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="spacer_medium">
|
|
<span></span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="block-grid two-up" style="Margin: 0 auto; min-width: 320px; max-width: 640px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: #5c74b8;">
|
|
<div style="border-collapse: collapse;display: table;width: 100%;background-color:#5c74b8;">
|
|
<div class="col num6" style="min-width: 320px; max-width: 320px; display: table-cell; vertical-align: top; width: 320px;">
|
|
<div style="width:100% !important;">
|
|
<div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:10px; padding-bottom:10px; padding-right: 0px; padding-left: 0px;">
|
|
<div align="center" class="img-container center autowidth" style="padding-right: 0px;padding-left: 0px;">
|
|
<img align="center" alt="I'm an image" border="0" class="center autowidth" src="https://auro.re/mail_assets/gitea.png" style="text-decoration: none; -ms-interpolation-mode: bicubic; height: auto; border: 0; width: 90%; max-width: 320px; display: block;" title="I'm an image" width="320"/>
|
|
</div>
|
|
<div style="color:#555555;font-family:Arial, Helvetica Neue, Helvetica, sans-serif;line-height:1.2;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;">
|
|
<div style="line-height: 1.2; font-size: 12px; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; color: #555555; mso-line-height-alt: 14px;">
|
|
<p style="font-size: 15px; line-height: 1.2; text-align: center; word-break: break-word; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; mso-line-height-alt: 18px; margin: 0;">
|
|
<span style="color: #ffffff; font-size: 15px;">
|
|
Vous connaissez Github, vous préférez Gitlab, vous allez adorer Gitea ! Aurore te permet d'heberger tes projets sur notre instance Gitea. Plus simple et léger que Gitlab, Gitea n'en est pas moins puissant et agréable à utiliser. Tu peux également y retrouver les projets de l'association et y participer.
|
|
</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="spacer_small">
|
|
<span></span>
|
|
</div>
|
|
<div style="text-align:center;">
|
|
<a class="btn" href="https://gitea.auro.re">Acceder à Gitea</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="spacer_medium">
|
|
<span></span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="block-grid two-up" style="Margin: 0 auto; min-width: 320px; max-width: 640px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: #5c74b8;">
|
|
<div style="border-collapse: collapse;display: table;width: 100%;background-color:#5c74b8;">
|
|
<div class="col num6" style="min-width: 320px; max-width: 320px; display: table-cell; vertical-align: top; width: 320px;">
|
|
<div style="width:100% !important;">
|
|
<div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:10px; padding-bottom:10px; padding-right: 0px; padding-left: 0px;">
|
|
<div align="center" class="img-container center autowidth" style="padding-right: 0px;padding-left: 0px;">
|
|
<img align="center" alt="I'm an image" border="0" class="center autowidth" src="https://auro.re/mail_assets/logo_etherpad.svg" style="text-decoration: none; -ms-interpolation-mode: bicubic; height: auto; border: 0; width: 90%; max-width: 320px; display: block;" title="I'm an image" width="320"/>
|
|
</div>
|
|
<div style="color:#555555;font-family:Arial, Helvetica Neue, Helvetica, sans-serif;line-height:1.2;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;">
|
|
<div style="line-height: 1.2; font-size: 12px; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; color: #555555; mso-line-height-alt: 14px;">
|
|
<p style="font-size: 15px; line-height: 1.2; text-align: center; word-break: break-word; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; mso-line-height-alt: 18px; margin: 0;">
|
|
<span style="color: #ffffff; font-size: 15px;">
|
|
Pour travailler à plusieurs sur un document texte simple, rien de plus rapide que Etherpad. Les pads son permanents, ne nécéssitent aucune authentification, premettent le travail à plusieurs en simultané avec une gestion de l'historique.
|
|
</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="spacer_small">
|
|
<span></span>
|
|
</div>
|
|
<div style="text-align:center;">
|
|
<a class="btn" href="https://pad.auro.re">Acceder à Etherpad</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="spacer_medium">
|
|
<span></span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="block-grid two-up" style="Margin: 0 auto; min-width: 320px; max-width: 640px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: #5c74b8;">
|
|
<div style="border-collapse: collapse;display: table;width: 100%;background-color:#5c74b8;">
|
|
<div class="col num6" style="min-width: 320px; max-width: 320px; display: table-cell; vertical-align: top; width: 320px;">
|
|
<div style="width:100% !important;">
|
|
<div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:10px; padding-bottom:10px; padding-right: 0px; padding-left: 0px;">
|
|
<div align="center" class="img-container center autowidth" style="padding-right: 0px;padding-left: 0px;">
|
|
<img align="center" alt="I'm an image" border="0" class="center autowidth" src="https://auro.re/mail_assets/logo_codimd_aurore.png" style="text-decoration: none; -ms-interpolation-mode: bicubic; height: auto; border: 0; width: 90%; max-width: 320px; display: block;" title="I'm an image" width="320"/>
|
|
</div>
|
|
<div style="color:#555555;font-family:Arial, Helvetica Neue, Helvetica, sans-serif;line-height:1.2;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;">
|
|
<div style="line-height: 1.2; font-size: 12px; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; color: #555555; mso-line-height-alt: 14px;">
|
|
<p style="font-size: 15px; line-height: 1.2; text-align: center; word-break: break-word; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; mso-line-height-alt: 18px; margin: 0;">
|
|
<span style="color: #ffffff; font-size: 15px;">
|
|
CodiMd reprend le principe d'édition de document en simultané mais permet l'utilisation du language Markdown. En vous connectant sur CodiMD avec vos identifiants Aurore, il est possible de gérer vos documents et assigner des permissions pour le partage.
|
|
</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="spacer_small">
|
|
<span></span>
|
|
</div>
|
|
<div style="text-align:center;">
|
|
<a class="btn" href="https://codimd.auro.re">Acceder à CodiMD</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="spacer_medium">
|
|
<span></span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="block-grid two-up" style="Margin: 0 auto; min-width: 320px; max-width: 640px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: #5c74b8;">
|
|
<div style="border-collapse: collapse;display: table;width: 100%;background-color:#5c74b8;">
|
|
<div class="col num6" style="min-width: 320px; max-width: 320px; display: table-cell; vertical-align: top; width: 320px;">
|
|
<div style="width:100% !important;">
|
|
<div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:10px; padding-bottom:10px; padding-right: 0px; padding-left: 0px;">
|
|
<div align="center" class="img-container center autowidth" style="padding-right: 0px;padding-left: 0px;">
|
|
<img align="center" alt="I'm an image" border="0" class="center autowidth" src="https://auro.re/mail_assets/privatebin.png" style="text-decoration: none; -ms-interpolation-mode: bicubic; height: auto; border: 0; width: 90%; max-width: 320px; display: block;" title="I'm an image" width="320"/>
|
|
</div>
|
|
<div style="color:#555555;font-family:Arial, Helvetica Neue, Helvetica, sans-serif;line-height:1.2;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;">
|
|
<div style="line-height: 1.2; font-size: 12px; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; color: #555555; mso-line-height-alt: 14px;">
|
|
<p style="font-size: 15px; line-height: 1.2; text-align: center; word-break: break-word; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; mso-line-height-alt: 18px; margin: 0;">
|
|
<span style="color: #ffffff; font-size: 15px;">
|
|
Le principe de PrivateBin est simple: envoie de texte sécurisé de bout en bout. Le document copié-collé est chiffré par le navigateur et déchifré lors de l'ouverture. Le serveur n'a aucun moyen de connaitre le texte envoyé. Simple, rapide, sécurisé. Il est également possible de définir un mot de passe, une auto destruction ou une expiration du document.
|
|
</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="spacer_small">
|
|
<span></span>
|
|
</div>
|
|
<div style="text-align:center;">
|
|
<a class="btn" href="https://privatebin.auro.re">Acceder à PrivateBin</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="spacer_medium">
|
|
<span></span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="block-grid two-up" style="Margin: 0 auto; min-width: 320px; max-width: 640px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: #5c74b8;">
|
|
<div style="border-collapse: collapse;display: table;width: 100%;background-color:#5c74b8;">
|
|
<div class="col num6" style="min-width: 320px; max-width: 320px; display: table-cell; vertical-align: top; width: 320px;">
|
|
<div style="width:100% !important;">
|
|
<div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:10px; padding-bottom:10px; padding-right: 0px; padding-left: 0px;">
|
|
<div align="center" class="img-container center autowidth" style="padding-right: 0px;padding-left: 0px;">
|
|
<img align="center" alt="I'm an image" border="0" class="center autowidth" src="https://auro.re/mail_assets/riot.png" style="text-decoration: none; -ms-interpolation-mode: bicubic; height: auto; border: 0; width: 90%; max-width: 320px; display: block;" title="I'm an image" width="320"/>
|
|
</div>
|
|
<div style="color:#555555;font-family:Arial, Helvetica Neue, Helvetica, sans-serif;line-height:1.2;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;">
|
|
<div style="line-height: 1.2; font-size: 12px; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; color: #555555; mso-line-height-alt: 14px;">
|
|
<p style="font-size: 15px; line-height: 1.2; text-align: center; word-break: break-word; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; mso-line-height-alt: 18px; margin: 0;">
|
|
<span style="color: #ffffff; font-size: 15px;">
|
|
Parler avec ses ami.es c'est cool. Parler sans se faire espionner, c'est mieux! L'outil de communication officiel d'Aurore est Element. Via son interface en ligne ou son application, Element permet la gestions de groupes de discussions sur le même principe que Discord. Tu y retrouveras certaines de tes associations préférées, y compris Aurore évidement. De plus, de nombreux outils permettent la connection de Element avec d'autres système de discussion comme IRC ou Discord pour étendre encore les possibilités de Element.
|
|
</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="spacer_small">
|
|
<span></span>
|
|
</div>
|
|
<div style="text-align:center;">
|
|
<a class="btn" href="https://riot.auro.re">Acceder à Element/Matrix</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="spacer_medium">
|
|
<span></span>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="background-color:transparent;">
|
|
<div class="block-grid" style="Margin: 0 auto; min-width: 320px; max-width: 640px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: #151d33;">
|
|
<div style="border-collapse: collapse;display: table;width: 100%;background-color:#151d33;">
|
|
<div class="col num12" style="min-width: 320px; max-width: 640px; display: table-cell; vertical-align: top; width: 640px;">
|
|
<div style="width:100% !important;">
|
|
<!--[if (!mso)&(!IE)]><!-->
|
|
<div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:25px; padding-bottom:40px; padding-right: 0px; padding-left: 0px;">
|
|
<div style="color:#555555;font-family:'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace;line-height:1.2;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;">
|
|
<div style="line-height: 1.2; font-size: 12px; font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace; color: #555555; mso-line-height-alt: 14px;">
|
|
<p style="font-size: 20px; line-height: 1.2; word-break: break-word; text-align: center; font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace; mso-line-height-alt: 24px; margin: 0;"><span style="font-size: 20px; color: #ffffff;">Pour adhérer à Aurore et profiter des tout les services, rendez vous sur <a href="intranet.auro.re">https://intranet.auro.re</a> ou suivez nous sur <a href="https://twitter.com/AuroreReseau">Twitter</a> ou <a href="https://nitter.net/AuroreReseau">Nitter</a>. </span></p>
|
|
</div>
|
|
<div style="line-height: 1.2; font-size: 12px; font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace; color: #555555; mso-line-height-alt: 14px;">
|
|
<p style="font-size: 20px; line-height: 1.2; word-break: break-word; text-align: center; font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace; mso-line-height-alt: 24px; margin: 0;"><span style="font-size: 20px; color: #ffffff;">Vous pouvez également nous rejoindre et participer à tous nos projets en tant que membre actif d'Aurore. Aucune connaissance particuliere n'est requise et les projets sont variés. N'hésitez pas à venir nous parler sur <a href="https://riot.auro.re/">Element</a> ou <a href="https://discord.gg/PCGzwfX">Discord</a>.
|
|
</div>
|
|
|
|
<div class="texte_center">
|
|
<p>© 2020 Aurore | Beefree template.</p>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|