ode-csslib-panda-cg77 3.4.12 → 3.4.13
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.
- package/dist/i18n/Directory/fr.json +1 -1
- package/dist/img/qr-code.png +0 -0
- package/dist/skins/circus/theme.css +1 -1
- package/dist/skins/circus/theme.css.map +1 -1
- package/dist/skins/default/theme.css +1 -1
- package/dist/skins/default/theme.css.map +1 -1
- package/dist/skins/desert/theme.css +1 -1
- package/dist/skins/desert/theme.css.map +1 -1
- package/dist/skins/neutre/theme.css +1 -1
- package/dist/skins/neutre/theme.css.map +1 -1
- package/dist/skins/ocean/theme.css +1 -1
- package/dist/skins/ocean/theme.css.map +1 -1
- package/dist/skins/panda-food/theme.css +1 -1
- package/dist/skins/panda-food/theme.css.map +1 -1
- package/dist/skins/sparkly/theme.css +1 -1
- package/dist/skins/sparkly/theme.css.map +1 -1
- package/dist/template/directory/massmail.pdf.xhtml +13 -2
- package/dist/template/directory/massmail_new/massmail_new.pdf.xhtml +196 -136
- package/dist/template/directory/massmail_simple.pdf.xhtml +129 -21
- package/dist/version.txt +1 -1
- package/package.json +1 -1
|
@@ -79,6 +79,9 @@
|
|
|
79
79
|
width: 250px;
|
|
80
80
|
margin-right: 30px;
|
|
81
81
|
}
|
|
82
|
+
.qr {
|
|
83
|
+
width: 140px;
|
|
84
|
+
}
|
|
82
85
|
</style>
|
|
83
86
|
</head>
|
|
84
87
|
|
|
@@ -119,7 +122,11 @@
|
|
|
119
122
|
|
|
120
123
|
<div>
|
|
121
124
|
<p>
|
|
122
|
-
Pour vous connecter, rendez-vous sur le site <a href="http://ent.seine-et-marne.fr">ent77.seine-et-marne.fr</a>
|
|
125
|
+
Pour vous connecter, rendez-vous sur le site <a href="http://ent.seine-et-marne.fr">ent77.seine-et-marne.fr</a> ou
|
|
126
|
+
téléchargez <strong>ENT 77:</strong>
|
|
127
|
+
<br />
|
|
128
|
+
<img class="qr" src="qr-code.png"></img>
|
|
129
|
+
<br /> et cliquez sur le bouton « se connecter » à droite de la page.
|
|
123
130
|
</p>
|
|
124
131
|
<p>
|
|
125
132
|
<b>Entrez ensuite vos coordonnées personnelles :</b><br/>
|
|
@@ -178,7 +185,11 @@
|
|
|
178
185
|
<div class="twocolumns center">
|
|
179
186
|
<div>
|
|
180
187
|
<p>
|
|
181
|
-
Rendez-vous sur le site <a href="http://ent.seine-et-marne.fr">ent77.seine-et-marne.fr</a>
|
|
188
|
+
Rendez-vous sur le site <a href="http://ent.seine-et-marne.fr">ent77.seine-et-marne.fr</a> ou
|
|
189
|
+
téléchargez <strong>ENT 77:</strong>
|
|
190
|
+
<br />
|
|
191
|
+
<img class="qr" src="qr-code.png"></img>
|
|
192
|
+
<br /> et cliquez sur le bouton « se connecter » à droite de la page. </p>
|
|
182
193
|
</div>
|
|
183
194
|
<div class="text-right">
|
|
184
195
|
<img id="compagnon" src="compagnon.png" alt="site compagnon"></img>
|
|
@@ -1,158 +1,218 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<!DOCTYPE html
|
|
2
|
+
<!DOCTYPE html
|
|
3
|
+
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
3
4
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
|
|
4
5
|
|
|
5
6
|
<head>
|
|
6
|
-
|
|
7
|
+
<!-- We use this i18n key to ensure portability because it is overriden by themes -->
|
|
7
8
|
<title>{{#i18n}}directory.admin.massMailing{{/i18n}}</title>
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
9
|
+
<style type="text/css">
|
|
10
|
+
body {
|
|
11
|
+
font-family: sans-serif;
|
|
12
|
+
color: #333;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
h2 {
|
|
16
|
+
font-size: 1.2em
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
h3 {
|
|
20
|
+
font-size: 1.1em
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
h4 {
|
|
24
|
+
margin-left: 1.1em
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
strong,
|
|
28
|
+
a,
|
|
29
|
+
.red {
|
|
30
|
+
font-weight: bold;
|
|
31
|
+
color: #d1232a;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
ol li {
|
|
35
|
+
padding: 10px 0;
|
|
36
|
+
margin-left: -20px;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.column {
|
|
40
|
+
width: 30%;
|
|
41
|
+
margin: 1%;
|
|
42
|
+
display: inline-block;
|
|
43
|
+
vertical-align: top;
|
|
44
|
+
text-align: center;
|
|
45
|
+
font-size: 0.8em;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.column img {
|
|
49
|
+
width: 75px;
|
|
50
|
+
text-align: center;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.center {
|
|
54
|
+
text-align: center;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
#right {
|
|
58
|
+
text-align: right;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.inline-block .baseline,
|
|
62
|
+
.inline-block #logo {
|
|
63
|
+
display: inline-block;
|
|
64
|
+
vertical-align: middle;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
#logo {
|
|
68
|
+
width: 150px;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.baseline {
|
|
72
|
+
text-align: right;
|
|
73
|
+
color: #666;
|
|
74
|
+
letter-spacing: 2px;
|
|
75
|
+
font-weight: lighter;
|
|
76
|
+
padding: 5px;
|
|
77
|
+
border-bottom: 2px solid transparent;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
.neo {
|
|
81
|
+
border-color: #4bafd5;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.one {
|
|
85
|
+
border-color: #FF8500;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
{
|
|
89
|
+
{
|
|
90
|
+
#A5
|
|
81
91
|
}
|
|
82
|
-
|
|
83
|
-
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
@page {
|
|
95
|
+
size: landscape;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
body {
|
|
99
|
+
font-size: 0.7em;
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
.size {
|
|
103
|
+
display: inline-block;
|
|
104
|
+
vertical-align: top;
|
|
105
|
+
width: 47%;
|
|
106
|
+
margin: 0 1%;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
.qr {
|
|
110
|
+
width: 60px;
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
.column img {
|
|
114
|
+
width: 35px;
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
#logo {
|
|
118
|
+
width: 100px;
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
{
|
|
122
|
+
{
|
|
123
|
+
/A5
|
|
84
124
|
}
|
|
85
|
-
|
|
125
|
+
}
|
|
86
126
|
</style>
|
|
87
127
|
</head>
|
|
88
128
|
|
|
89
129
|
<body>
|
|
90
130
|
|
|
91
|
-
{{#users}}
|
|
131
|
+
{{#users}}
|
|
92
132
|
|
|
93
|
-
<div class="size"{{^end}} style="page-break-after: always"{{/end}}>
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
<
|
|
134
|
-
|
|
133
|
+
<div class="size" {{^end}} style="page-break-after: always" {{/end}}>
|
|
134
|
+
<div class="inline-block">
|
|
135
|
+
<img id="logo" src="logo.png"></img>
|
|
136
|
+
<p class="baseline neo">Votre portail numérique éducatif en Seine-et-Marne</p>
|
|
137
|
+
</div>
|
|
138
|
+
{{^activationCode}}
|
|
139
|
+
<h2>Informations sur mon compte</h2>
|
|
140
|
+
{{/activationCode}}
|
|
141
|
+
{{#activationCode}}
|
|
142
|
+
<h2>Ma première connexion en 5 étapes</h2>
|
|
143
|
+
{{/activationCode}}
|
|
144
|
+
<h3> » Cette fiche s'adresse à <strong>{{firstName}} {{lastName}}</strong></h3>
|
|
145
|
+
{{^isGuestOrPersonnel}}
|
|
146
|
+
<h4>{{^firstChild}}{{#i18n}}{{profile}}{{/i18n}}{{/firstChild}}{{#firstChild}}Parent de <strong>{{firstName}}
|
|
147
|
+
{{lastName}}</strong>{{#otherChildren}}, <strong>{{firstName}}
|
|
148
|
+
{{lastName}}</strong>{{/otherChildren}}{{/firstChild}}{{#firstClass}} en classe de
|
|
149
|
+
<strong>{{.}}</strong>{{#otherClasses}}, <strong>{{.}}</strong>{{/otherClasses}}{{/firstClass}}.
|
|
150
|
+
</h4>
|
|
151
|
+
{{/isGuestOrPersonnel}}
|
|
152
|
+
{{#isGuestOrPersonnel}}
|
|
153
|
+
<h4>{{#i18n}}{{profile}}{{/i18n}}.</h4>
|
|
154
|
+
{{/isGuestOrPersonnel}}
|
|
155
|
+
<p>Réservé aux enseignants, aux personnels, aux élèves et leur famille, l'espace numérique est une solution
|
|
156
|
+
sécurisée et facile à prendre en main pour :</p>
|
|
157
|
+
<div class="column">
|
|
158
|
+
<img src="illustrations/Publipostage_Actus.png"></img>
|
|
159
|
+
<p>Créer des contenus interactifs (Wiki, Frise, Carte mentale…)</p>
|
|
160
|
+
</div>
|
|
161
|
+
<div class="column">
|
|
162
|
+
<img src="illustrations/Publipostage_Messagerie.png"></img>
|
|
163
|
+
<p>Simplifier les échanges entre les membres du réseau éducatif</p>
|
|
164
|
+
</div>
|
|
165
|
+
<div class="column">
|
|
166
|
+
<img src="illustrations/Publipostage_Resa_Ressources.png"></img>
|
|
167
|
+
<p>Rassembler tous les services numériques au même endroit</p>
|
|
168
|
+
</div>
|
|
169
|
+
{{^activationCode}}
|
|
170
|
+
<h2> » Comment me connecter ?</h2>
|
|
171
|
+
<p>Vous possédez déjà un compte sur l’espace numérique. Il vous suffit de saisir
|
|
172
|
+
votre identifiant habituel et le mot de passe défini lors de votre première
|
|
173
|
+
connexion. <br />Pour rappel, votre identifiant est le suivant :</p>
|
|
174
|
+
<p class="center red">{{login}}</p>
|
|
175
|
+
<br />
|
|
176
|
+
<h2> » 3 étapes pour réinitialiser mon mot de passe</h2>
|
|
177
|
+
<ol>
|
|
178
|
+
<li>En cas d'oubli de votre mot de passe, rendez-vous sur <a
|
|
179
|
+
href="https://ent.seine-et-marne.fr">https://ent.seine-et-marne.fr</a> et cliquez sur « Se connecter
|
|
180
|
+
à l'ENT », ou téléchargez <strong>ENT 77:</strong><br /> <img class="qr" src="qr-code.png"></img></li>
|
|
181
|
+
|
|
182
|
+
|
|
183
|
+
|
|
184
|
+
<li>Cliquez sur « identifiant ou mot de passe oublié ». Un mail sera envoyé à l'adresse indiquée lors de
|
|
185
|
+
l'activation de votre compte.</li>
|
|
135
186
|
<li>Ouvrez le mail et cliquez ensuite sur le lien pour définir votre nouveau mot de passe.</li>
|
|
136
187
|
</ol>
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
<li>Pour
|
|
188
|
+
{{/activationCode}}
|
|
189
|
+
{{#activationCode}}
|
|
190
|
+
<h2> » Mode d'emploi de ma première connexion</h2>
|
|
191
|
+
<ol>
|
|
192
|
+
<li>Pour vous connecter, rendez-vous sur <a
|
|
193
|
+
href="https://ent.seine-et-marne.fr">https://ent.seine-et-marne.fr</a>, ou téléchargez <strong>ENT
|
|
194
|
+
77:<br /></strong> <img class="qr" src="qr-code.png"></img>
|
|
195
|
+
</li>
|
|
196
|
+
|
|
197
|
+
|
|
198
|
+
|
|
142
199
|
<li>Entrez votre identifiant (à conserver pour vous connecter ultérieurement) et votre code d'activation :
|
|
143
200
|
<div class="center">
|
|
144
|
-
|
|
145
|
-
|
|
201
|
+
<p class="red">Identifiant : {{login}}</p>
|
|
202
|
+
<p class="red">Code d'activation : {{activationCode}}</p>
|
|
146
203
|
</div>
|
|
147
204
|
</li>
|
|
148
|
-
<li>
|
|
149
|
-
|
|
150
|
-
<li>
|
|
205
|
+
<li>Votre mot de passe doit être composé d'un minima de 12 caractères combinant majuscules, minuscules,
|
|
206
|
+
chiffres et caractères spéciaux.</li>
|
|
207
|
+
<li>Renseignez votre adresse mail personnelle pour obtenir un mail de réinitialisation en cas d'oubli de
|
|
208
|
+
votre mot de passe.</li>
|
|
209
|
+
<li>Vous n'avez plus qu'à lire et accepter les Conditions Générales d'Utilisation ainsi que la charte
|
|
210
|
+
d'utilisation.</li>
|
|
151
211
|
</ol>
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
</div>
|
|
155
|
-
{{/users}}
|
|
212
|
+
{{/activationCode}}
|
|
213
|
+
<p id="right">Bonne navigation sur l'ENT77 - Collèges Connectés.</p>
|
|
214
|
+
</div>
|
|
215
|
+
{{/users}}
|
|
156
216
|
</body>
|
|
157
217
|
|
|
158
|
-
</html>
|
|
218
|
+
</html>
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<!DOCTYPE html
|
|
2
|
+
<!DOCTYPE html
|
|
3
|
+
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
3
4
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
|
|
4
5
|
|
|
5
6
|
<head>
|
|
@@ -8,85 +9,192 @@
|
|
|
8
9
|
* {
|
|
9
10
|
box-sizing: border-box;
|
|
10
11
|
}
|
|
12
|
+
|
|
11
13
|
body {
|
|
12
14
|
font-family: Arial, sans-serif;
|
|
13
15
|
color: #555;
|
|
14
16
|
line-height: 1.4;
|
|
17
|
+
margin: 0;
|
|
15
18
|
}
|
|
19
|
+
|
|
16
20
|
@page {
|
|
17
21
|
size: A4;
|
|
22
|
+
margin: 5mm;
|
|
18
23
|
}
|
|
24
|
+
|
|
19
25
|
@media print {
|
|
20
|
-
|
|
26
|
+
|
|
27
|
+
html,
|
|
28
|
+
body {
|
|
21
29
|
width: 210mm;
|
|
22
30
|
height: 297mm;
|
|
23
31
|
}
|
|
24
32
|
}
|
|
33
|
+
|
|
25
34
|
p {
|
|
26
35
|
font-size: 12px;
|
|
27
36
|
margin: 0;
|
|
28
37
|
}
|
|
38
|
+
|
|
29
39
|
strong {
|
|
30
40
|
color: #444;
|
|
31
41
|
}
|
|
42
|
+
|
|
32
43
|
a {
|
|
33
44
|
color: #3889c1;
|
|
34
45
|
}
|
|
46
|
+
|
|
47
|
+
.page-container {
|
|
48
|
+
display: grid;
|
|
49
|
+
grid-template-columns: repeat(4, 1fr);
|
|
50
|
+
/* Create 4 equal columns */
|
|
51
|
+
gap: 5mm;
|
|
52
|
+
/* Spacing between cards */
|
|
53
|
+
padding: 5mm;
|
|
54
|
+
/* Consistent padding around the grid */
|
|
55
|
+
width: calc(210mm - 10mm);
|
|
56
|
+
/* Adjust width for page margins */
|
|
57
|
+
min-height: calc(297mm - 10mm);
|
|
58
|
+
/* Adjust height for page margins */
|
|
59
|
+
box-sizing: border-box;
|
|
60
|
+
/* Ensure padding and border are inside the dimensions */
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.page-break {
|
|
64
|
+
page-break-after: always;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.page {
|
|
68
|
+
display: flex;
|
|
69
|
+
flex-wrap: wrap;
|
|
70
|
+
justify-content: space-between;
|
|
71
|
+
align-content: flex-start;
|
|
72
|
+
width: 100%;
|
|
73
|
+
height: 100%;
|
|
74
|
+
page-break-after: always;
|
|
75
|
+
padding: 5mm;
|
|
76
|
+
}
|
|
77
|
+
|
|
35
78
|
.card {
|
|
36
79
|
float: left;
|
|
37
80
|
width: 8cm;
|
|
38
|
-
min-height: 5.
|
|
39
|
-
max-height:
|
|
81
|
+
min-height: 5.79cm;
|
|
82
|
+
max-height: none;
|
|
40
83
|
border: 0.5px dashed #ccc;
|
|
41
84
|
padding: 15px;
|
|
42
85
|
margin: 0;
|
|
86
|
+
flex-direction: column;
|
|
87
|
+
position: relative;
|
|
88
|
+
overflow: hidden;
|
|
43
89
|
}
|
|
90
|
+
|
|
44
91
|
.logo {
|
|
45
|
-
width:
|
|
92
|
+
width: 80px;
|
|
46
93
|
float: right;
|
|
94
|
+
margin-left: 10px;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
/* Target the paragraph containing the "relative" information and otherChildren */
|
|
98
|
+
.card>p:nth-child(8) {
|
|
99
|
+
overflow-wrap: break-word;
|
|
100
|
+
/* Adjust the nth-child if your structure changes */
|
|
101
|
+
word-break: break-word;
|
|
102
|
+
/* Ensure long words also break */
|
|
103
|
+
margin-right: 95px;
|
|
104
|
+
/* Forcing line breaks within words if needed */
|
|
47
105
|
}
|
|
106
|
+
|
|
107
|
+
/* Create a pseudo-element to act as an exclusion zone for the text */
|
|
108
|
+
.card::after {
|
|
109
|
+
content: "";
|
|
110
|
+
position: absolute;
|
|
111
|
+
top: 15px;
|
|
112
|
+
/* Adjust to the top position of your QR code */
|
|
113
|
+
right: 15px;
|
|
114
|
+
/* Adjust to the right position of your QR code */
|
|
115
|
+
width: 90px;
|
|
116
|
+
/* Adjust to be slightly wider than your QR code */
|
|
117
|
+
height: 90px;
|
|
118
|
+
/* Adjust to be slightly taller than your QR code */
|
|
119
|
+
pointer-events: none;
|
|
120
|
+
/* Ensure it doesn't interfere with clicks */
|
|
121
|
+
shape-outside: rectangle(0px, 0px, 90px, 90px);
|
|
122
|
+
/* Define the exclusion shape */
|
|
123
|
+
float: right;
|
|
124
|
+
/* Make it float to influence inline content */
|
|
125
|
+
margin-left: 10px;
|
|
126
|
+
/* Add some spacing */
|
|
127
|
+
}
|
|
128
|
+
|
|
48
129
|
.grade {
|
|
49
130
|
display: inline-block;
|
|
50
131
|
font-size: 11px;
|
|
51
|
-
|
|
52
|
-
margin-bottom: 10px;
|
|
132
|
+
margin-bottom: 15px;
|
|
53
133
|
font-style: oblique;
|
|
54
134
|
}
|
|
55
|
-
|
|
56
|
-
height: 48px;
|
|
57
|
-
overflow: hidden;
|
|
58
|
-
}
|
|
59
|
-
.login {
|
|
60
|
-
margin-top: 12px;
|
|
61
|
-
}
|
|
135
|
+
|
|
62
136
|
.name {
|
|
137
|
+
font-size: 16px;
|
|
63
138
|
margin: 0;
|
|
64
|
-
font-size: 14px;
|
|
65
139
|
line-height: 1.1;
|
|
66
140
|
}
|
|
141
|
+
|
|
67
142
|
.activated {
|
|
68
143
|
font-style: oblique;
|
|
69
144
|
}
|
|
145
|
+
|
|
146
|
+
.qr {
|
|
147
|
+
width: 80px;
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
.qr-container {
|
|
151
|
+
display: flex;
|
|
152
|
+
flex-direction: column;
|
|
153
|
+
align-items: center;
|
|
154
|
+
text-align: center;
|
|
155
|
+
position: absolute;
|
|
156
|
+
top: 10px;
|
|
157
|
+
right: 10px;
|
|
158
|
+
width: 80px;
|
|
159
|
+
z-index: 1;
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
.qr-text {
|
|
163
|
+
font-size: 10px;
|
|
164
|
+
margin-top: 5px;
|
|
165
|
+
}
|
|
70
166
|
</style>
|
|
71
167
|
</head>
|
|
72
168
|
|
|
73
|
-
<body>
|
|
169
|
+
<body class="page">
|
|
74
170
|
{{#blocks}}
|
|
75
171
|
<div style="page-break-after:always;">
|
|
76
172
|
{{#users}}
|
|
77
173
|
<div class="card">
|
|
78
|
-
<
|
|
174
|
+
<div style="position: relative;">
|
|
175
|
+
<img class="logo" src="logo.png"></img>
|
|
176
|
+
<div class="qr-container">
|
|
177
|
+
<img class="qr" src="qr-code.png"></img>
|
|
178
|
+
<p class="qr-text">{{#i18n}}classAdmin.template.downloadAppInfo{{/i18n}}</p>
|
|
179
|
+
</div>
|
|
180
|
+
</div>
|
|
79
181
|
<h2 class="name">{{displayName}}</h2>
|
|
80
182
|
{{^isGuestOrPersonnel}}
|
|
81
|
-
<strong class="grade">{{#i18n}}{{profile}}{{/i18n}}{{#firstClass}}
|
|
183
|
+
<strong class="grade">{{#i18n}}{{profile}}{{/i18n}}{{#firstClass}}
|
|
184
|
+
{{#i18n}}classAdmin.template.class{{/i18n}} <strong>{{.}}</strong>{{#otherClasses}},
|
|
185
|
+
<strong>{{.}}</strong>{{/otherClasses}}{{/firstClass}}.</strong>
|
|
186
|
+
<br />
|
|
82
187
|
{{/isGuestOrPersonnel}}
|
|
83
188
|
{{#isGuestOrPersonnel}}
|
|
84
189
|
<strong class="grade">{{#i18n}}{{profile}}{{/i18n}}</strong>
|
|
190
|
+
<br />
|
|
85
191
|
{{/isGuestOrPersonnel}}
|
|
86
192
|
{{#firstChild}}
|
|
87
|
-
<p
|
|
193
|
+
<p><strong>{{#i18n}}classAdmin.template.relative{{/i18n}} : </strong><br />{{firstName}}
|
|
194
|
+
{{lastName}}</p>
|
|
195
|
+
<br />
|
|
88
196
|
{{/firstChild}}
|
|
89
|
-
<p
|
|
197
|
+
<p><strong>{{#i18n}}classAdmin.template.id{{/i18n}} : </strong>{{login}}</p>
|
|
90
198
|
{{#activationCode}}
|
|
91
199
|
<p><strong>{{#i18n}}classAdmin.template.code{{/i18n}} : </strong>{{activationCode}}</p>
|
|
92
200
|
{{/activationCode}}
|
|
@@ -102,7 +210,6 @@
|
|
|
102
210
|
<p>
|
|
103
211
|
<strong>{{#i18n}}classAdmin.template.url{{/i18n}} :</strong><br />
|
|
104
212
|
<a href="#">{{hostname}}</a><br />
|
|
105
|
-
{{#i18n}}classAdmin.template.downloadAppInfo{{/i18n}}
|
|
106
213
|
</p>
|
|
107
214
|
</div>
|
|
108
215
|
{{/users}}
|
|
@@ -112,4 +219,5 @@
|
|
|
112
219
|
</div>
|
|
113
220
|
{{/blocks}}
|
|
114
221
|
</body>
|
|
222
|
+
|
|
115
223
|
</html>
|
package/dist/version.txt
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
entcore-css-lib 03/04/2025 12:39:25
|
|
2
|
-
ode-csslib-panda-cg77
|
|
2
|
+
ode-csslib-panda-cg77 23/05/2025 11:43:18
|