npm - ode-csslib-openent-moncollege - Versions diffs - 1.0.0-dev-produit.202209291242 - Mend

ode-csslib-openent-moncollege 1.0.0-dev-produit.202209291242

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (842) hide show

package/dist/template/directory/massmail_new/massmail_new.pdf.es.xhtml ADDED Viewed

@@ -0,0 +1,158 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!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" xml:lang="es" lang="es">
+<head>
+    <!-- We use this i18n key to ensure portability because it is overriden by themes  -->
+	<title>{{#i18n}}directory.admin.massMailing{{/i18n}}</title>
+    <style type="text/css">
+			body {
+				font-family: sans-serif;
+				color: #333;
+			}
+			h2 {font-size: 1.2em}
+			h3 {font-size: 1.1em}
+			h4 {margin-left: 1.1em}
+			strong,
+			a,
+			.red {
+				font-weight: bold;
+				color: #d1232a;
+			}
+			ol li {
+				padding: 10px 0;
+				margin-left: -20px;
+			}
+			.column {
+				width: 30%;
+				margin: 1%;
+				display: inline-block;
+				vertical-align: top;
+				text-align: center;
+				font-size: 0.8em;
+			}
+			.column img {
+				width: 75px;
+				text-align: center;
+			}
+      .center{
+        text-align: center;
+      }
+      #right{
+				text-align: right;
+			}
+			.inline-block .baseline,
+			.inline-block #logo {
+				display: inline-block;
+				vertical-align: middle;
+			}
+      #logo{
+				width: 150px;
+			}
+			.baseline {
+				text-align: right;
+				color: #666;
+				letter-spacing: 2px;
+				font-weight: lighter;
+				padding: 5px;
+				border-bottom: 2px solid transparent;
+			}
+			.neo {
+				border-color: #4bafd5;
+			}
+			.one {
+				border-color: #FF8500;
+			}
+			{{#A5}}
+			@page {
+				size: landscape;
+			}
+			body {
+				font-size: 0.7em;
+			}
+			.size {
+				display: inline-block;
+				vertical-align: top;
+				width: 47%;
+				margin: 0 1%;
+			}
+			.column img {
+				width: 50px;
+			}
+			#logo {
+				width: 100px;
+			}
+			{{/A5}}
+	</style>
+</head>
+<body>
+{{#users}}
+<div class="size"{{^end}} style="page-break-after: always"{{/end}}>
+	<div class="inline-block">
+		<img id="logo" src="logo.png"></img>
+		<p class="baseline neo">La red social colaborativa adaptada a las escuelas<br /> secundarias y preparatorias</p>
+	</div>
+	{{^activationCode}}
+	<h2>Información sobre mi cuenta</h2>
+	{{/activationCode}}
+	{{#activationCode}}
+	<h2>Mi primera conexión en 5 pasos</h2>
+	{{/activationCode}}
+    <h3> » Esta ficha es para <strong>{{firstName}} {{lastName}}</strong></h3>
+	  {{^isGuestOrPersonnel}}
+    <h4>{{^firstChild}}{{#i18n}}{{profile}}{{/i18n}}{{/firstChild}}{{#firstChild}}Padre(s) de <strong>{{firstName}} {{lastName}}</strong>{{#otherChildren}}, <strong>{{firstName}} {{lastName}}</strong>{{/otherChildren}}{{/firstChild}}{{#firstClass}} en clase de <strong>{{.}}</strong>{{#otherClasses}}, <strong>{{.}}</strong>{{/otherClasses}}{{/firstClass}}.</h4>
+	  {{/isGuestOrPersonnel}}
+	  {{#isGuestOrPersonnel}}
+    <h4>{{#i18n}}{{profile}}{{/i18n}}.</h4>
+  	{{/isGuestOrPersonnel}}
+    <p>Destinado a profesores, personal, alumnos y familiares, el espacio digital es una solución segura y fácil de usar para:</p>
+    <div class="column">
+        <img src="illustrations/Publipostage_Actus.png"></img>
+        <p>Crear contenidos interactivos (Wiki, Barra, Mapa mental…)</p>
+    </div>
+    <div class="column">
+        <img src="illustrations/Publipostage_Messagerie.png"></img>
+        <p>Simplificar la comunicación entre los miembros de la red educativa</p>
+    </div>
+    <div class="column">
+        <img src="illustrations/Publipostage_Resa_Ressources.png"></img>
+        <p>Reunir todos los servicios digitales en un mismo sitio</p>
+    </div>
+    {{^activationCode}}
+    <h2> » ¿Cómo conectarme?</h2>
+    <p>Ya dispone de una cuenta en el espacio digital. Solo debe introducir su nombre
+	de usuario y la contraseña que creó durante su primera conexión.
+    <br />Como recordatorio, su nombre de usuario es:</p>
+    <p class="center red">{{login}}</p>
+    <br />
+    <h2> » 3 pasos para restablecer la contraseña</h2>
+    <ol>
+			<li>En caso de olvidar su contraseña, vaya a <a href="{{host}}://{{hostname}}">{{hostname}}</a> y haga clic en « Contraseña olvidada ».</li>
+			<li>Introduzca su nombre de usuario y haga clic en « Enviar ». Una vez activada su cuenta, recibirá un correo electrónico en la dirección que indicó.</li>
+			<li>Abra el correo electrónico y, a continuación, haga clic en el vínculo para indicar su nueva contraseña.</li>
+		</ol>
+    {{/activationCode}}
+    {{#activationCode}}
+    <h2> » Instrucciones para mi primera conexión</h2>
+    <ol>
+			<li>Para conectarse, vaya a <a href="{{host}}://{{hostname}}">{{hostname}}</a> y haga clic en « Conectarse ».</li>
+			<li>Introduzca su nombre de usuario (se debe guardar para poder conectarse ulteriormente) y su código de activación:
+				<div class="center">
+					<p class="red">Nombre de usuario: {{login}}</p>
+					<p class="red">Código de activación: {{activationCode}}</p>
+				</div>
+			</li>
+			<li>Seleccione una nueva contraseña que cuente con un mínimo de 8 caracteres compuesta <strong>de al menos una letra mayúscula, una letra minúscula y una cifra</strong>.</li>
+			<li>Introduzca su dirección de correo electrónico personal para obtener un correo electrónico de restablecimiento en caso de olvidar la contraseña.</li>
+			<li>Ahora ya solo tiene que leer y aceptar las Condiciones generales de uso. </li>
+		</ol>
+    {{/activationCode}}
+    <p id="right">¡Feliz navegación!</p>
+</div>
+{{/users}}
+</body>
+</html>

package/dist/template/directory/massmail_new/massmail_new.pdf.it.xhtml ADDED Viewed

@@ -0,0 +1,158 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!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" xml:lang="it" lang="it">
+<head>
+    <!-- We use this i18n key to ensure portability because it is overriden by themes  -->
+	<title>{{#i18n}}directory.admin.massMailing{{/i18n}}</title>
+    <style type="text/css">
+			body {
+				font-family: sans-serif;
+				color: #333;
+			}
+			h2 {font-size: 1.2em}
+			h3 {font-size: 1.1em}
+			h4 {margin-left: 1.1em}
+			strong,
+			a,
+			.red {
+				font-weight: bold;
+				color: #d1232a;
+			}
+			ol li {
+				padding: 10px 0;
+				margin-left: -20px;
+			}
+			.column {
+				width: 30%;
+				margin: 1%;
+				display: inline-block;
+				vertical-align: top;
+				text-align: center;
+				font-size: 0.8em;
+			}
+			.column img {
+				width: 75px;
+				text-align: center;
+			}
+      .center{
+        text-align: center;
+      }
+      #right{
+				text-align: right;
+			}
+			.inline-block .baseline,
+			.inline-block #logo {
+				display: inline-block;
+				vertical-align: middle;
+			}
+      #logo{
+				width: 150px;
+			}
+			.baseline {
+				text-align: right;
+				color: #666;
+				letter-spacing: 2px;
+				font-weight: lighter;
+				padding: 5px;
+				border-bottom: 2px solid transparent;
+			}
+			.neo {
+				border-color: #4bafd5;
+			}
+			.one {
+				border-color: #FF8500;
+			}
+			{{#A5}}
+			@page {
+				size: landscape;
+			}
+			body {
+				font-size: 0.7em;
+			}
+			.size {
+				display: inline-block;
+				vertical-align: top;
+				width: 47%;
+				margin: 0 1%;
+			}
+			.column img {
+				width: 50px;
+			}
+			#logo {
+				width: 100px;
+			}
+			{{/A5}}
+	</style>
+</head>
+<body>
+{{#users}}
+<div class="size"{{^end}} style="page-break-after: always"{{/end}}>
+	<div class="inline-block">
+    	<img id="logo" src="logo.png"></img>
+    	<p class="baseline neo">Il social network collaborativo ideato per le scuole<br />medie e superiori</p>
+	</div>
+	{{^activationCode}}
+	<h2>Informazioni sul mio account</h2>
+	{{/activationCode}}
+	{{#activationCode}}
+	<h2>5 passi da seguire alla prima connessione</h2>
+	{{/activationCode}}
+    <h3> » Questa scheda è per <strong>{{firstName}} {{lastName}}</strong></h3>
+	  {{^isGuestOrPersonnel}}
+    <h4>{{^firstChild}}{{#i18n}}{{profile}}{{/i18n}}{{/firstChild}}{{#firstChild}}Genitore di <strong>{{firstName}} {{lastName}}</strong>{{#otherChildren}}, <strong>{{firstName}} {{lastName}}</strong>{{/otherChildren}}{{/firstChild}}{{#firstClass}} della classe <strong>{{.}}</strong>{{#otherClasses}}, <strong>{{.}}</strong>{{/otherClasses}}{{/firstClass}}.</h4>
+	  {{/isGuestOrPersonnel}}
+	  {{#isGuestOrPersonnel}}
+    <h4>{{#i18n}}{{profile}}{{/i18n}}.</h4>
+  	{{/isGuestOrPersonnel}}
+    <p>Riservato agli insegnanti, al personale, agli studenti e alle loro famiglie, il portale digitale è una soluzione sicura e facile da usare per:</p>
+    <div class="column">
+        <img src="illustrations/Publipostage_Actus.png"></img>
+        <p>Creare contenuti interattivi (Wiki, Sequenza temporale, Mappa mentale...)</p>
+    </div>
+    <div class="column">
+        <img src="illustrations/Publipostage_Messagerie.png"></img>
+        <p>Semplificare gli scambi tra i membri della rete educativa</p>
+    </div>
+    <div class="column">
+        <img src="illustrations/Publipostage_Resa_Ressources.png"></img>
+        <p>Raccogliere tutti i servizi digitali in un'unica piattaforma</p>
+    </div>
+    {{^activationCode}}
+    <h2> » Come connettersi?</h2>
+    <p>Hai già un account sul portale digitale.
+	Inserisci il tuo solito nome utente e la password che hai impostato al tuo primo accesso.
+    <br />Come promemoria, il tuo nome utente è:</p>
+    <p class="center red">{{login}}</p>
+    <br />
+    <h2> » 3 passaggi per reimpostare la password</h2>
+    <ol>
+			<li>In caso di password dimenticata, vai su <a href="{{host}}://{{hostname}}">{{hostname}}</a> e clicca su « Password dimenticata ».</li>
+			<li>Inserisci il tuo nome utente e clicca su « Invia ». Un'email verrà inviata all'indirizzo indicato durante l'attivazione del tuo account.</li>
+			<li>3. Apri la mail e clicca sul link per impostare la nuova password.</li>
+		</ol>
+    {{/activationCode}}
+    {{#activationCode}}
+    <h2> » Cosa fare alla prima connessione</h2>
+    <ol>
+			<li>Per connetterti, vai su <a href="{{host}}://{{hostname}}">{{hostname}}</a> e clicca su « Connetti ».</li>
+			<li>Inserisci il tuo nome utente (da conservare per le future connessioni) e il tuo codice di attivazione:
+				<div class="center">
+					<p class="red">Nome utente: {{login}}</p>
+					<p class="red">Codice di attivazione: {{activationCode}}</p>
+				</div>
+			</li>
+			<li>Scegli una nuova password di minimo 8 caratteri <strong>di cui almeno una lettera maiuscola, una minuscola ed un numero.</strong>.</li>
+			<li>Inserisci il tuo indirizzo email personale per ricevere un'email di ripristino in caso di password dimenticata.</li>
+			<li>Non rimane che leggere e accettare i Termini di  Utilizzo.</li>
+		</ol>
+    {{/activationCode}}
+    <p id="right">Buona navigazione!</p>
+</div>
+{{/users}}
+</body>
+</html>

package/dist/template/directory/massmail_new/massmail_new.pdf.pt.xhtml ADDED Viewed

@@ -0,0 +1,158 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!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" xml:lang="pt" lang="pt">
+<head>
+    <!-- We use this i18n key to ensure portability because it is overriden by themes  -->
+	<title>{{#i18n}}directory.admin.massMailing{{/i18n}}</title>
+    <style type="text/css">
+			body {
+				font-family: sans-serif;
+				color: #333;
+			}
+			h2 {font-size: 1.2em}
+			h3 {font-size: 1.1em}
+			h4 {margin-left: 1.1em}
+			strong,
+			a,
+			.red {
+				font-weight: bold;
+				color: #d1232a;
+			}
+			ol li {
+				padding: 10px 0;
+				margin-left: -20px;
+			}
+			.column {
+				width: 30%;
+				margin: 1%;
+				display: inline-block;
+				vertical-align: top;
+				text-align: center;
+				font-size: 0.8em;
+			}
+			.column img {
+				width: 75px;
+				text-align: center;
+			}
+      .center{
+        text-align: center;
+      }
+      #right{
+				text-align: right;
+			}
+			.inline-block .baseline,
+			.inline-block #logo {
+				display: inline-block;
+				vertical-align: middle;
+			}
+      #logo{
+				width: 150px;
+			}
+			.baseline {
+				text-align: right;
+				color: #666;
+				letter-spacing: 2px;
+				font-weight: lighter;
+				padding: 5px;
+				border-bottom: 2px solid transparent;
+			}
+			.neo {
+				border-color: #4bafd5;
+			}
+			.one {
+				border-color: #FF8500;
+			}
+			{{#A5}}
+			@page {
+				size: landscape;
+			}
+			body {
+				font-size: 0.7em;
+			}
+			.size {
+				display: inline-block;
+				vertical-align: top;
+				width: 47%;
+				margin: 0 1%;
+			}
+			.column img {
+				width: 50px;
+			}
+			#logo {
+				width: 100px;
+			}
+			{{/A5}}
+	</style>
+</head>
+<body>
+{{#users}}
+<div class="size"{{^end}} style="page-break-after: always"{{/end}}>
+	<div class="inline-block">
+    	<img id="logo" src="logo.png"></img>
+    	<p class="baseline neo">A rede social colaborativa adaptada ao ensino médio</p>
+	</div>
+	{{^activationCode}}
+	<h2>Informações na minha conta</h2>
+	{{/activationCode}}
+	{{#activationCode}}
+	<h2>Minha primeira conexão em 5 etapas</h2>
+	{{/activationCode}}
+    <h3> » Esta ficha se dirige a <strong>{{firstName}} {{lastName}}</strong></h3>
+	  {{^isGuestOrPersonnel}}
+    <h4>{{^firstChild}}{{#i18n}}{{profile}}{{/i18n}}{{/firstChild}}{{#firstChild}}Pais de <strong>{{firstName}} {{lastName}}</strong>{{#otherChildren}}, <strong>{{firstName}} {{lastName}}</strong>{{/otherChildren}}{{/firstChild}}{{#firstClass}} na turma de <strong>{{.}}</strong>{{#otherClasses}}, <strong>{{.}}</strong>{{/otherClasses}}{{/firstClass}}.</h4>
+	  {{/isGuestOrPersonnel}}
+	  {{#isGuestOrPersonnel}}
+    <h4>{{#i18n}}{{profile}}{{/i18n}}.</h4>
+  	{{/isGuestOrPersonnel}}
+    <p>Reservado aos professores, funcionários da escola, alunos e suas famílias, o ambiente virtual é uma solução segura e simples para:</p>
+    <div class="column">
+        <img src="illustrations/Publipostage_Actus.png"></img>
+        <p>Criar conteúdos interativos (Wiki, Linha do Tempo, Mapa mental…)</p>
+    </div>
+    <div class="column">
+        <img src="illustrations/Publipostage_Messagerie.png"></img>
+        <p>Simplificar a comunicação entre os membros da rede educativa</p>
+    </div>
+    <div class="column">
+        <img src="illustrations/Publipostage_Resa_Ressources.png"></img>
+        <p>Reunir todos os serviços digitais em um mesmo lugar</p>
+    </div>
+    {{^activationCode}}
+    <h2> » Como me conectar?</h2>
+    <p>Você já possui uma conta no ambiente virtual. Basta agora digitar seu login
+	e sua senha, definida no momento de sua primeira conexão.
+    <br />Lembrete: seu login é:</p>
+    <p class="center red">{{login}}</p>
+    <br />
+    <h2> » 3 etapas para reiniciar minha senha</h2>
+    <ol>
+			<li>Caso tenha esquecido sua senha, entre em <a href="{{host}}://{{hostname}}">{{hostname}}</a> e clique em « Senha esquecida ».</li>
+			<li>Digite seu login depois clique em « Enviar ». Um e-mail será enviado ao endereço indicado no momento da ativação da sua conta.</li>
+			<li>Abra o e-mail e clique em seguida no link para redefinir a sua senha.</li>
+		</ol>
+    {{/activationCode}}
+    {{#activationCode}}
+    <h2> » Instruções para a primeira conexão</h2>
+    <ol>
+			<li>Para se conectar, entre em <a href="{{host}}://{{hostname}}">{{hostname}}</a> e clique em « Conectar-se ».</li>
+			<li>Digite login (conservar para as próximas conexões) e seu código de ativação:
+				<div class="center">
+					<p class="red">Login:  {{login}}</p>
+					<p class="red">Código de ativação: {{activationCode}}</p>
+				</div>
+			</li>
+			<li>Escolha uma nova senha, com no mínimo 8 caracteres, <strong>e pelo menos uma letra maiúscula, uma minúscula e um número</strong>.</li>
+			<li>Digite seu e-mail pessoal para receber um e-mail de reinicialização caso esqueça sua senha.</li>
+			<li>Agora só falta ler e aceitar as Condições Gerais de Utilização.</li>
+		</ol>
+    {{/activationCode}}
+    <p id="right">Boa navegação!</p>
+</div>
+{{/users}}
+</body>
+</html>

package/dist/template/directory/massmail_new/massmail_new.pdf.xhtml ADDED Viewed

@@ -0,0 +1,158 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!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" xml:lang="fr" lang="fr">
+<head>
+    <!-- We use this i18n key to ensure portability because it is overriden by themes  -->
+	<title>{{#i18n}}directory.admin.massMailing{{/i18n}}</title>
+    <style type="text/css">
+			body {
+				font-family: sans-serif;
+				color: #333;
+			}
+			h2 {font-size: 1.2em}
+			h3 {font-size: 1.1em}
+			h4 {margin-left: 1.1em}
+			strong,
+			a,
+			.red {
+				font-weight: bold;
+				color: #d1232a;
+			}
+			ol li {
+				padding: 10px 0;
+				margin-left: -20px;
+			}
+			.column {
+				width: 30%;
+				margin: 1%;
+				display: inline-block;
+				vertical-align: top;
+				text-align: center;
+				font-size: 0.8em;
+			}
+			.column img {
+				width: 75px;
+				text-align: center;
+			}
+      .center{
+        text-align: center;
+      }
+      #right{
+				text-align: right;
+			}
+			.inline-block .baseline,
+			.inline-block #logo {
+				display: inline-block;
+				vertical-align: middle;
+			}
+      #logo{
+				width: 150px;
+			}
+			.baseline {
+				text-align: right;
+				color: #666;
+				letter-spacing: 2px;
+				font-weight: lighter;
+				padding: 5px;
+				border-bottom: 2px solid transparent;
+			}
+			.neo {
+				border-color: #4bafd5;
+			}
+			.one {
+				border-color: #FF8500;
+			}
+			{{#A5}}
+			@page {
+				size: landscape;
+			}
+			body {
+				font-size: 0.7em;
+			}
+			.size {
+				display: inline-block;
+				vertical-align: top;
+				width: 47%;
+				margin: 0 1%;
+			}
+			.column img {
+				width: 50px;
+			}
+			#logo {
+				width: 100px;
+			}
+			{{/A5}}
+	</style>
+</head>
+<body>
+{{#users}}
+<div class="size"{{^end}} style="page-break-after: always"{{/end}}>
+	<div class="inline-block">
+		<img id="logo" src="logo.png"></img>
+		<p class="baseline neo">Le réseau social collaboratif adapté aux collèges et aux lycées</p>
+	</div>
+	{{^activationCode}}
+	<h2>Informations sur mon compte</h2>
+	{{/activationCode}}
+	{{#activationCode}}
+	<h2>Ma première connexion en 5 étapes</h2>
+	{{/activationCode}}
+    <h3> » Cette fiche s'adresse à <strong>{{firstName}} {{lastName}}</strong></h3>
+	  {{^isGuestOrPersonnel}}
+    <h4>{{^firstChild}}{{#i18n}}{{profile}}{{/i18n}}{{/firstChild}}{{#firstChild}}Parent de <strong>{{firstName}} {{lastName}}</strong>{{#otherChildren}}, <strong>{{firstName}} {{lastName}}</strong>{{/otherChildren}}{{/firstChild}}{{#firstClass}} en classe de <strong>{{.}}</strong>{{#otherClasses}}, <strong>{{.}}</strong>{{/otherClasses}}{{/firstClass}}.</h4>
+	  {{/isGuestOrPersonnel}}
+	  {{#isGuestOrPersonnel}}
+    <h4>{{#i18n}}{{profile}}{{/i18n}}.</h4>
+  	{{/isGuestOrPersonnel}}
+    <p>Réservé aux enseignants, aux personnels, aux élèves et leur famille, l'espace numérique est une solution sécurisée et facile à prendre en main pour :</p>
+    <div class="column">
+        <img src="illustrations/Publipostage_Actus.png"></img>
+        <p>Créer des contenus interactifs (Wiki, Frise, Carte mentale…)</p>
+    </div>
+    <div class="column">
+        <img src="illustrations/Publipostage_Messagerie.png"></img>
+        <p>Simplifier les échanges entre les membres du réseau éducatif</p>
+    </div>
+    <div class="column">
+        <img src="illustrations/Publipostage_Resa_Ressources.png"></img>
+        <p>Rassembler tous les services numériques au même endroit</p>
+    </div>
+    {{^activationCode}}
+    <h2> » Comment me connecter ?</h2>
+    <p>Vous possédez déjà un compte sur l’espace numérique. Il vous suffit de saisir
+    votre identifiant habituel et le mot de passe défini lors de votre première
+    connexion. <br />Pour rappel, votre identifiant est le suivant :</p>
+    <p class="center red">{{login}}</p>
+    <br />
+    <h2> » 3 étapes pour réinitialiser mon mot de passe</h2>
+    <ol>
+			<li>En cas d'oubli de votre mot de passe, rendez-vous sur <a href="{{host}}://{{hostname}}">{{hostname}}</a> et cliquez sur « Mot de passe oublié ».</li>
+			<li>Saisissez votre identifiant puis cliquez sur « Envoyer ». Un mail sera envoyé à l'adresse indiquée lors de l'activation de votre compte.</li>
+			<li>Ouvrez le mail et cliquez ensuite sur le lien pour définir votre nouveau mot de passe.</li>
+		</ol>
+    {{/activationCode}}
+    {{#activationCode}}
+    <h2> » Mode d'emploi de ma première connexion</h2>
+    <ol>
+			<li>Pour se connecter, rendez-vous sur <a href="{{host}}://{{hostname}}">{{hostname}}</a> et cliquez sur « Se connecter ».</li>
+			<li>Entrez votre identifiant (à conserver pour vous connecter ultérieurement) et votre code d'activation :
+				<div class="center">
+            <p class="red">Identifiant : {{login}}</p>
+            <p class="red">Code d'activation : {{activationCode}}</p>
+				</div>
+			</li>
+			<li>Choisissez un nouveau mot de passe, comprenant 8 caractères minimum, <strong>dont au moins une majuscule, une minuscule et un chiffre</strong>.</li>
+			<li>Renseignez votre adresse mail personnelle pour obtenir un mail de réinitialisation en cas d'oubli de votre mot de passe.</li>
+			<li>Vous n'avez plus qu'à lire et accepter les Conditions Générales d'Utilisation.</li>
+		</ol>
+    {{/activationCode}}
+    <p id="right">Bonne navigation !</p>
+</div>
+{{/users}}
+</body>
+</html>