<?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="de" lang="de">

<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="illustrations/logo.png"></img>
		<p class="baseline one">Die virtuelle Arbeitsplattform der Primarschulen</p>
	</div>
	{{^activationCode}}
	<h2>Infos zu meinem Konto</h2>
	{{/activationCode}}
	{{#activationCode}}
	<h2>Meine erste Anmeldung in 5 Schritten</h2>
	{{/activationCode}}
    <h3> » Dieses Datenblatt ist bestimmt für <strong>{{firstName}} {{lastName}}</strong></h3>
	  {{^isGuestOrPersonnel}}
    <h4>{{^firstChild}}{{#i18n}}{{profile}}{{/i18n}}{{/firstChild}}{{#firstChild}}Elter von <strong>{{firstName}} {{lastName}}</strong>{{#otherChildren}}, <strong>{{firstName}} {{lastName}}</strong>{{/otherChildren}}{{/firstChild}}{{#firstClass}} in der Klasse <strong>{{.}}</strong>{{#otherClasses}}, <strong>{{.}}</strong>{{/otherClasses}}{{/firstClass}}.</h4>
	  {{/isGuestOrPersonnel}}
	  {{#isGuestOrPersonnel}}
    <h4>{{#i18n}}{{profile}}{{/i18n}}.</h4>
  	{{/isGuestOrPersonnel}}
    <p>Der den Lehrpersonen, den Personalmitgliedern, den Schülern und ihrer Familie vorbehaltene Plattform ist eine gesicherte und leicht zu handhabende digitale Lösung, die dazu dient:</p>
    <div class="column">
        <img src="illustrations/Publipostage_Messagerie.png"></img>
        <p>Die Austauschprozesse zwischen Schule und Elternhaus zu vereinfachen</p>
    </div>
    <div class="column">
        <img src="illustrations/Publipostage_Cahier_Multimedia.png"></img>
        <p>Interaktive pädagogische Inhalte zu erstellen</p>
    </div>
    <div class="column">
        <img src="illustrations/Publipostage_Blog.png"></img>
        <p>Die in der Klasse durchgeführten Projekte bekanntzumachen</p>
    </div>
    {{^activationCode}}
    <h2> » Wie melde ich mich an?</h2>
    <p>Sie besitzen bereits ein Konto auf der virtuellen Plattform. Sie müssen nur noch Ihren normalen Benutzernamen
	und das bei Ihrer ersten Anmeldung festgelegte Passwort eingeben.
    <br />Zur Erinnerung Ihr Benutzername:</p>
    <p class="center red">{{login}}</p>
    <br />
    <h2> » 3 Schritte zum Zurücksetzen meines Passworts</h2>
    <ol>
			<li>Bei Vergessen des Passworts gehen Sie auf <a href="{{host}}://{{hostname}}">{{hostname}}</a> und klicken Sie auf<br />« Passwort vergessen ».</li>
			<li>Geben Sie Ihren Benutzernamen ein und klicken Sie auf « Senden ». Es wird nun eine E-Mail an die bei der Aktivierung Ihres Kontos angegebene Adresse gesendet.</li>
			<li>Öffnen Sie die E-Mail und klicken Sie dann auf den Link zur Festlegung Ihres neuen Passworts.</li>
		</ol>
    {{/activationCode}}
    {{#activationCode}}
    <h2> » Anleitung für meine erste Anmeldung</h2>
    <ol>
			<li>Gehen Sie zur Anmeldung auf <a href="{{host}}://{{hostname}}">{{hostname}}</a> und klicken Sie auf « Login ».</li>
			<li>Geben Sie Ihren Benutzernamen (für spätere Anmeldungen aufbewahren) und Ihren Aktivierungscode ein: 
				<div class="center">
					<p class="red">Benutzername: {{login}}</p>
					<p class="red">Aktivierungscode: {{activationCode}}</p>
				</div>
			</li>
			<li>Wählen Sie ein neues Passwort, das aus mindestens 8 Zeichen besteht <strong>und mindestens einen Großbuchstaben, einen Kleinbuchstaben und eine Ziffer enthält</strong>.</li>
			<li>Geben Sie Ihre persönliche E-Mail-Adresse ein, damit Sie bei Vergessen des Passworts eine E-Mail zum Zurücksetzen des Passworts erhalten.</li>
			<li>Jetzt müssen Sie nur noch die Allgemeinen Nutzungsbedingungen lesen und akzeptieren.</li>
		</ol>
    {{/activationCode}}
    <p id="right">Viel Vergnügen beim Navigieren!</p>
</div>
{{/users}}
</body>

</html>
