ode-csslib-openent-cd84 3.3.18 → 3.3.19

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.
@@ -1,260 +1,193 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
2
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
3
+ <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
4
4
 
5
5
  <head>
6
- <title>Guide de prise en main ENT</title>
6
+ <title>Guide de prise en main de votre ENT</title>
7
7
  <style type="text/css">
8
8
  body{
9
- font-family: Calibri, serif;
10
- font-size: 94%;
11
- line-height: 17px;
9
+ font-family: 'arial';
10
+ font-size: 0.8em;
12
11
  }
13
- header{
14
- margin-left: 350px;
12
+ h1{
13
+ color: #2a9cc8;
15
14
  }
16
- ul{
17
- padding: 0;
18
- margin: 0;
15
+ h2{
16
+ color: #2a9cc8;
17
+ }
18
+ div.banner{
19
+ background-color: rgb(213, 239, 248);
20
+ margin-bottom: 10px;
21
+ padding: 15px;
22
+ padding-top: 1px;
23
+ line-height: 15px;
24
+ }
25
+ div.banner span.content{
26
+ margin-top: 15px;
27
+ margin-bottom: 10px;
28
+ font-size: 15px;
29
+ font-weight: bold;
19
30
  }
20
31
 
21
32
  ul li{
22
- list-style: none;
33
+ list-style: circle;
23
34
  }
24
35
 
25
- div.twocolumnsUnactivated > div{
26
- max-width: 50%;
27
- display: inline-block;
28
- vertical-align: top;
29
- }
30
36
  div.twocolumns > div{
31
37
  max-width: 45%;
32
38
  display: inline-block;
33
39
  vertical-align: top;
34
40
  }
35
- p.title{
36
- font-size: 22px;
37
- color: #005c92;
41
+ div.twocolumns.center > div{
42
+ vertical-align: middle;
38
43
  }
39
- p.bullet{
40
- padding-left: 20px;
44
+ ul.login-list{
45
+ margin-top: 35px;
41
46
  }
42
- img#logo{
43
- width: 150px;
47
+ ul.login-list > li{
48
+ margin-bottom: 15px;
44
49
  }
45
- img#login{
46
- width: 350px;
47
- padding-left: 10px;
50
+ b.highlighted{
51
+ background-color: #feeb59;
48
52
  }
49
- img#login2, img#login2-1d{
50
- width: 300px;
53
+
54
+ div#login{
55
+ position: absolute;
56
+ top: 60px;
57
+ left: 75px;
51
58
  }
52
- img#demandereinitialisation{
53
- width: 300px;
54
- padding-right: 30px;
59
+ div#code{
60
+ position: absolute;
61
+ top: 90px;
62
+ left: 75px;
55
63
  }
56
- img#login1d{
57
- width: 300px;
58
- padding-right: 30px;
64
+ img#logo-neo{
65
+ width: 200px;
59
66
  }
60
- img#login1d1{
61
- width: 320px;
62
- margin-right: 10px;
67
+ img#besoinaide{
68
+ width: 250px;
69
+ margin-left: 30px;
63
70
  }
64
- img#login{
65
- width: 320px;
66
- padding-left: 30px;
71
+ img#demandereinitialisation{
72
+ width: 250px;
73
+ margin-right: 30px;
67
74
  }
68
75
  img#reinitialisation{
69
76
  width: 300px;
70
- padding-left: 30px;
71
- }
72
- .footer p{
73
- text-align: right;
74
- }
75
- .unActivated{
76
- margin-right: 2%;
77
- }
78
- .activated{
79
- margin-right: 1%;
77
+ margin-left: 30px;
80
78
  }
81
79
  </style>
82
80
  </head>
83
81
 
84
82
  <body>
85
- {{#users}}
86
-
87
- {{! Users that are not activated }}
88
- {{#activationCode}}
89
- <div style="page-break-after: always">
90
- <header>
91
- <img id="logo" src="illustrations/logo-by-neo.png"></img>
92
- </header>
93
-
94
- <div>
95
- <br/>
96
- <br/>
97
- <span><b>
98
- &Agrave; l&apos;attention de {{firstName}} {{lastName}} {{^isInClass}}.{{/isInClass}} </b></span>
99
- {{#child}}
100
- <br/>
101
- <span><b><mark style="background: yellowgreen">Parent de {{firstName}} {{lastName}} en classe de {{classname}}.</mark></b></span>
102
- {{/child}}
103
-
104
- {{^child}}
105
- {{#isInClass}}
106
- <span class="content"><b>en classe(s) de{{^classes}} {{classname}}{{/classes}}{{#classes}} {{.}}{{/classes}}.</b></span>
107
- {{/isInClass}}
108
- {{/child}}
109
- <br/>
110
- <br/>
111
- <u>Objet</u> : Connexion &agrave; votre Espace Num&eacute;rique de Travail
112
- <br/>
113
- <br/>
114
- </div>
115
- <ul>
116
- <li>
117
- <div class="twocolumns">
118
- <div>
119
- <p>
120
- Pour vous connecter, rendez-vous sur <br/>
121
- <a href="https://www.aucollege84.vaucluse.fr">aucollege84.vaucluse.fr</a>.
122
- </p>
123
- <p>
124
- Entrez ensuite vos coordonn&eacute;es personnelles :
125
- <br/>
126
- Identifiant : <b>{{login}}</b>
127
- <br/>
128
- Mot de passe : <b>{{activationCode}}</b>
129
- </p>
130
- </div>
131
- <div>
132
- <img src="login.png" alt="login" id="login"></img>
133
- </div>
134
- </div>
135
-
136
- <div>
137
- <div style="text-align: justify;">
138
- <p>
139
- Lors de votre premi&egrave;re connexion &agrave; l&apos;ENT il vous sera
140
- demand&eacute; de choisir un nouveau mot de passe, d&apos;indiquer
141
- votre adresse e-mail personnelle et, si vous le souhaitez,
142
- de saisir un num&eacute;ro de t&eacute;l&eacute;phone portable.
143
- </p>
144
- Votre nouveau mot de passe doit contenir 6 caract&egrave;res minimum.
83
+ {{#users}}
84
+ {{! Users that are not activated }}
85
+ {{#activationCode}}
86
+ <div{{^end}} style="page-break-after: always"{{/end}}>
87
+ <img id="logo-neo" src="logo-neo.png"></img>
88
+ <div class="banner">
89
+ <h1>La première connexion à NEO</h1>
90
+ <span class="content">Ce document s'adresse à <i>{{firstName}} {{lastName}}</i>{{^isInClass}}.{{/isInClass}}</span>
91
+ {{#child}}
92
+ <br/>
93
+ <span class="content">Parent de <i>{{firstName}} {{lastName}}</i> en classe de {{classname}}.</span>
94
+ {{/child}}
95
+ {{^child}}
96
+ {{#isInClass}}
97
+ <span class="content">en classe(s) de{{^classes}} {{classname}}{{/classes}}{{#classes}} {{.}}{{/classes}}.</span>
98
+ {{/isInClass}}
99
+ {{/child}}
100
+ </div>
101
+
102
+ La première connexion à NEO comprend une étape préalable indispensable, qui vous permet de personnaliser vos informations de connexion.
103
+
104
+ <ul>
105
+ <li>
106
+ <h2>De quoi se munir ?</h2>
107
+ Pour se connecter à NEO, vous devez vous munir de votre adresse E-mail personnelle et de cette feuille.
108
+ </li>
109
+ <li>
110
+ <h2>Comment accéder à NEO ?</h2>
111
+ <div class="twocolumns">
145
112
  <p>
146
- </p>
147
- <p>
148
- Notez bien ce mot de passe. En cas d&apos;oubli, il vous suffira de cliquer
149
- sur « mot de passe oubli&eacute; » puis de rentrer votre identifiant. Un nouveau
150
- mot de passe vous sera envoy&eacute; sur votre adresse email personnelle.
151
- </p>
152
- <p>
153
- &Agrave; partir de cette connexion, vous pourrez acc&eacute;der &agrave; l&apos;espace num&eacute;rique
154
- de travail de votre &eacute;tablissement. Les &eacute;l&egrave;ves ont des identifiants distincts
155
- de ceux de leurs parents. Nous vous rappelons qu&apos;il est indispensable de conserver
156
- vos donn&eacute;es confidentielles.
113
+ Vous pouvez accéder à NEO en passant par le site vitrine : <a href="https://www.aucollege84.vaucluse.fr">aucollege84.vaucluse.fr</a>.<br/>
157
114
  </p>
158
115
  </div>
159
- </div>
160
-
161
- </li>
162
- </ul>
163
-
164
- <div class="footer">
165
- <p class="unActivated">
166
- Bonne navigation !
167
- </p>
168
- </div>
169
- </div>
170
- {{/activationCode}}
171
-
172
-
173
- {{! Users that are activated }}
174
- {{^activationCode}}
175
- <div style="page-break-after: always">
176
- <header>
177
- <img id="logo" src="logo.png"></img>
178
- </header>
179
-
180
- <div>
181
- <br/>
182
- <br/>
183
- <span><b>&Agrave; l&apos;attention de {{firstName}} {{lastName}} {{^isInClass}}.{{/isInClass}}</b></span>
184
- {{#child}}
185
- <br/>
186
- <span><b><mark style="background: greenyellow">Parent de {{firstName}} {{lastName}} en classe de {{classname}}.</mark></b></span>
187
- {{/child}}
188
- {{^child}}
189
- {{#isInClass}}
190
- <span><b>en classe{{^classes}}{{#classname}} {{classname}}{{/classname}}{{/classes}}{{#classes}} {{.}}{{/classes}}.</b></span>
191
- {{/isInClass}}
192
- {{/child}}
193
- <br/>
194
- <br/>
195
- <u>Objet</u> : Connexion &agrave; votre Espace Num&eacute;rique de Travail
196
- <p>
197
- Vous poss&eacute;dez d&eacute;j&agrave; un compte sur l&apos;ENT. <br/>
198
- Votre identifiant de connexion est rappel&eacute; ci-contre :<mark style="background: yellow"> <b>{{login}}</b></mark>
199
- </p>
200
-
201
- <p>
202
- Si vous ne vous souvenez pas de votre mot de passe, vous pouvez en d&eacute;finir
203
- un nouveau en suivant les instructions ci-dessous.
204
- </p>
205
-
206
- </div>
207
-
208
- <p class="title">
209
- 1. Demande de r&eacute;initialisation de mot de passe
210
- </p>
211
-
212
- <ul>
213
- <li>
214
- <div>
116
+ </li>
117
+ <li>
118
+ <h2>Comment se connecter la première fois ?</h2>
119
+ <b>Utiliser les identifiants ci-dessous sur la page de connexion :</b>
215
120
  <div>
216
- <p class="bullet">
217
- &bull; Allez sur le site <a href="https://www.aucollege84.vaucluse.fr">aucollege84.vaucluse.fr</a><br/>.
218
- </p>
219
- <div style="text-align: center">
220
- <img id="login2" src="login_aide.jpg" alt="login2"></img>
221
- </div>
222
- <p class="bullet">
223
- &bull; Cliquez sur « <b>Besoin d&apos;aide</b> » <br/>
224
- &bull; Cliquez ensuite sur « <b>Vous avez perdu votre mot de passe ?</b> »
225
- Saisissez votre <b>identifiant</b> puis cliquez sur « <b>Envoyer</b> »
226
- </p>
121
+ <ul class="login-list">
122
+ <li>Identifiant : <b>{{login}}</b></li>
123
+ <li>Code d'activation <b>{{activationCode}}</b></li>
124
+ </ul>
227
125
  </div>
126
+ </li>
127
+ </ul>
228
128
 
229
- </div>
129
+ <div class="footer">
230
130
  <p>
231
- Un mail sera envoy&eacute; &agrave; l&apos;adresse que vous avez saisie lors
232
- de l&apos;activation de votre compte.
131
+ Pour sécuriser vos accès, il vous sera demandé de choisir un nouveau mot de passe,
132
+ d’indiquer votre adresse E-mail personnelle et si vous le souhaitez de saisir un numéro de
133
+ téléphone portable pour récupération du mot de passe en cas d’oubli.
134
+ Vous aurez aussi la possibilité de consulter la charte de NEO et l’obligation d’en accepter les termes.
233
135
  </p>
234
136
 
235
- <p class="title">
236
- 2. R&eacute;initialisation de mot de passe
237
- </p>
238
137
  <p>
239
- Cliquez ensuite sur le lien figurant dans le mail re&ccedil;u pour d&eacute;finir votre nouveau mot de passe. <br/>
240
- Ce dernier doit contenir 6 caract&egrave;res minimum.<br/>
241
- &Agrave; partir de cette connexion, vous pourrez acc&eacute;der &agrave; l&apos;espace num&eacute;rique de travail de votre &eacute;tablissement.
242
- Les &eacute;l&egrave;ves ont des identifiants distincts de ceux de leurs parents.
138
+ <i>Nous vous recommandons de mélanger chiffres, lettres, majuscules, minuscules et caractères spéciaux lors du choix de votre mot de passe personnel.</i>
243
139
  </p>
140
+
244
141
  <p>
245
- Nous vous rappelons qu&apos;il est indispensable de conserver vos donn&eacute;es confidentielles.
142
+ <b>Désormais, vous pouvez vous connecter à NEO en utilisant votre nouveau mot de passe.</b>
246
143
  </p>
247
-
248
- </li>
249
- </ul>
250
- <div class="footer">
251
- <p class="activated">
252
- Bonne navigation !
253
- </p>
144
+ </div>
145
+ </div>
146
+ {{/activationCode}}
147
+ {{! Users that are activated }}
148
+ {{^activationCode}}
149
+ <div{{^end}} style="page-break-after: always"{{/end}}>
150
+ <img id="logo-neo" src="logo-neo.png"></img>
151
+ <div class="banner">
152
+ <h1>Informations sur votre compte NEO</h1>
153
+ <span class="content">Ce document s'adresse à <i>{{firstName}} {{lastName}}</i>{{^isInClass}}.{{/isInClass}}</span>
154
+ {{#child}}
155
+ <br/>
156
+ <span class="content">Parent de <i>{{firstName}} {{lastName}}</i> en classe de {{classname}}.</span>
157
+ {{/child}}
158
+ {{^child}}
159
+ {{#isInClass}}
160
+ <span class="content">en classe{{^classes}}{{#classname}} {{classname}}{{/classname}}{{/classes}}{{#classes}} {{.}}{{/classes}}.</span>
161
+ {{/isInClass}}
162
+ {{/child}}
163
+ </div>
164
+
165
+ <p>Vous possédez déjà un compte sur l’ENT (environnement numérique de travail) NEO.</p>
166
+
167
+ <p>Votre identifiant de connexion est rappelé ci-contre : <b class="highlighted">{{login}}</b></p>
168
+
169
+ <p>Si vous ne vous souvenez pas de votre mot de passe, vous pouvez en définir un nouveau en suivant les instructions ci-dessous.</p>
170
+
171
+ <ul>
172
+ <li>
173
+ <h2>Demande de réinitialisation de mot de passe</h2>
174
+ <p>
175
+ Rendez-vous à l’adresse <a href="https://www.aucollege84.vaucluse.fr">aucollege84.vaucluse.fr</a>
176
+ et cliquez sur « Besoin d'aide ? ».<br/>
177
+ Cliquez ensuite sur « Vous avez perdu votre mot de passe ? » puis saisissez votre identifiant et enfin cliquez sur « Envoyer ». <br/>
178
+ Un mail sera envoyé à l’adresse que vous avez saisie lors de l’activation de votre compte.
179
+ </p>
180
+ </li>
181
+ <li>
182
+ <h2>Réinitialisation du mot de passe</h2>
183
+ <p>
184
+ Cliquez ensuite sur le lien hypertexte dans le mail reçu pour définir votre nouveau mot de passe.
185
+ </p>
186
+ </li>
187
+ </ul>
254
188
  </div>
255
- </div>
256
- {{/activationCode}}
257
- {{/users}}
189
+ {{/activationCode}}
190
+ {{/users}}
258
191
  </body>
259
192
 
260
193
  </html>
package/dist/version.txt CHANGED
@@ -1,2 +1,2 @@
1
- entcore-css-lib 31/07/2025 12:17:42
2
- ode-csslib-openent-cd84 03/08/2025 23:17:44
1
+ entcore-css-lib 21/08/2025 18:29:02
2
+ ode-csslib-openent-cd84 21/08/2025 18:47:18
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ode-csslib-openent-cd84",
3
- "version": "3.3.18",
3
+ "version": "3.3.19",
4
4
  "description": "Open ENT theme by Edifice",
5
5
  "repository": {
6
6
  "type": "git",