@identitate-md/logos 1.4.1 → 1.4.2
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/README.md +138 -381
- package/institutions-index.json +2031 -0
- package/package.json +3 -1
package/README.md
CHANGED
|
@@ -1,566 +1,323 @@
|
|
|
1
1
|
# @identitate-md/logos
|
|
2
2
|
|
|
3
|
-
> Logo-uri oficiale ale instituțiilor publice din Moldova — Official logos of
|
|
3
|
+
> Logo-uri oficiale ale instituțiilor publice din Republica Moldova — Official logos of public institutions from the Republic of Moldova
|
|
4
4
|
|
|
5
5
|
[](https://www.npmjs.com/package/@identitate-md/logos)
|
|
6
6
|
[](https://opensource.org/licenses/MIT)
|
|
7
7
|
|
|
8
|
-
##
|
|
8
|
+
## Instalare
|
|
9
9
|
|
|
10
10
|
```bash
|
|
11
11
|
npm install @identitate-md/logos
|
|
12
12
|
```
|
|
13
13
|
|
|
14
|
-
##
|
|
14
|
+
## Utilizare
|
|
15
15
|
|
|
16
16
|
### Via CDN (Recomandat)
|
|
17
17
|
|
|
18
18
|
Logo-urile sunt disponibile automat prin CDN-uri gratuite:
|
|
19
19
|
|
|
20
|
-
#### URL-uri
|
|
20
|
+
#### URL-uri directe
|
|
21
21
|
|
|
22
22
|
```html
|
|
23
|
-
<!--
|
|
24
|
-
<img src="https://identitate.md/logos/
|
|
23
|
+
<!-- Guvernul Republicii Moldova -->
|
|
24
|
+
<img src="https://identitate.md/logos/md-guvern/horizontal-color.svg" alt="Guvernul Republicii Moldova" />
|
|
25
25
|
|
|
26
|
-
<!--
|
|
27
|
-
<img src="https://identitate.md/logos/
|
|
26
|
+
<!-- Parlamentul Republicii Moldova -->
|
|
27
|
+
<img src="https://identitate.md/logos/md-parlament/horizontal-color.svg" alt="Parlamentul Republicii Moldova" />
|
|
28
28
|
|
|
29
|
-
<!--
|
|
30
|
-
<img
|
|
31
|
-
src="https://identitate.md/logos/guvernul-republicii-moldova/guvernul-republicii-moldova.svg"
|
|
32
|
-
alt="Guvernul Republicii Moldova"
|
|
33
|
-
/>
|
|
34
|
-
<img src="https://identitate.md/logos/pnrr/pnrr.svg" alt="PNRR" />
|
|
29
|
+
<!-- Ministerul Justiției -->
|
|
30
|
+
<img src="https://identitate.md/logos/md-mj/horizontal-color.svg" alt="Ministerul Justiției" />
|
|
35
31
|
```
|
|
36
32
|
|
|
37
|
-
#### jsDelivr
|
|
33
|
+
#### jsDelivr
|
|
38
34
|
|
|
39
35
|
```html
|
|
40
|
-
<!--
|
|
41
|
-
<img
|
|
42
|
-
src="https://cdn.jsdelivr.net/npm/@identitate-md/logos@1.3.1/logos/anaf/anaf.svg"
|
|
43
|
-
alt="ANAF"
|
|
44
|
-
/>
|
|
45
|
-
|
|
46
|
-
<!-- Simbol -->
|
|
36
|
+
<!-- Versiune specifică (recomandată pentru producție) -->
|
|
47
37
|
<img
|
|
48
|
-
src="https://cdn.jsdelivr.net/npm/@identitate-md/logos@1.
|
|
49
|
-
alt="
|
|
38
|
+
src="https://cdn.jsdelivr.net/npm/@identitate-md/logos@1.4.1/logos/md-guvern/horizontal-color.svg"
|
|
39
|
+
alt="Guvernul Republicii Moldova"
|
|
50
40
|
/>
|
|
51
41
|
|
|
52
|
-
<!--
|
|
42
|
+
<!-- Latest (se actualizează automat) -->
|
|
53
43
|
<img
|
|
54
|
-
src="https://cdn.jsdelivr.net/npm/@identitate-md/logos
|
|
44
|
+
src="https://cdn.jsdelivr.net/npm/@identitate-md/logos/logos/md-guvern/horizontal-color.svg"
|
|
55
45
|
alt="Guvernul Republicii Moldova"
|
|
56
46
|
/>
|
|
57
47
|
```
|
|
58
48
|
|
|
59
|
-
#### unpkg
|
|
49
|
+
#### unpkg
|
|
60
50
|
|
|
61
51
|
```html
|
|
62
52
|
<img
|
|
63
|
-
src="https://unpkg.com/@identitate-md/logos
|
|
64
|
-
alt="
|
|
53
|
+
src="https://unpkg.com/@identitate-md/logos/logos/md-guvern/horizontal-color.svg"
|
|
54
|
+
alt="Guvernul Republicii Moldova"
|
|
65
55
|
/>
|
|
66
56
|
```
|
|
67
57
|
|
|
68
58
|
### Via npm Package
|
|
69
59
|
|
|
70
|
-
După instalare, logo-urile sunt disponibile în `node_modules/@identitate-md/logos/logos/`:
|
|
71
|
-
|
|
72
60
|
```javascript
|
|
73
|
-
//
|
|
74
|
-
import logoPath from "@identitate-md/logos/logos/
|
|
61
|
+
// React, Vue, etc.
|
|
62
|
+
import logoPath from "@identitate-md/logos/logos/md-guvern/horizontal-color.svg";
|
|
75
63
|
|
|
76
64
|
function MyComponent() {
|
|
77
|
-
return <img src={logoPath} alt="
|
|
65
|
+
return <img src={logoPath} alt="Guvernul Republicii Moldova" />;
|
|
78
66
|
}
|
|
79
67
|
```
|
|
80
68
|
|
|
81
69
|
```javascript
|
|
82
|
-
//
|
|
70
|
+
// Node.js
|
|
83
71
|
import { readFileSync } from "fs";
|
|
84
72
|
import { join } from "path";
|
|
85
73
|
|
|
86
74
|
const logoPath = join(
|
|
87
75
|
process.cwd(),
|
|
88
|
-
"node_modules/@identitate-md/logos/logos/
|
|
76
|
+
"node_modules/@identitate-md/logos/logos/md-guvern/horizontal-color.svg",
|
|
89
77
|
);
|
|
90
78
|
const logoContent = readFileSync(logoPath, "utf8");
|
|
91
79
|
```
|
|
92
80
|
|
|
93
|
-
###
|
|
94
|
-
|
|
95
|
-
**Metoda profesională, framework-agnostic** — funcționează cu React, Vue, Angular, vanilla HTML, WordPress, etc.
|
|
96
|
-
|
|
97
|
-
#### Cum funcționează?
|
|
98
|
-
|
|
99
|
-
Web Component-ul `<identity-icon>` este un element HTML custom care:
|
|
81
|
+
### Web Component
|
|
100
82
|
|
|
101
|
-
-
|
|
102
|
-
- ✅ Include caching inteligent (descarcă o singură dată)
|
|
103
|
-
- ✅ Permite stilizare CSS (`color`, `width`, `height`, etc.)
|
|
104
|
-
- ✅ Gestionează automat erorile și loading states
|
|
105
|
-
- ✅ Este complet agnostic de framework
|
|
83
|
+
**Framework-agnostic** — funcționează cu React, Vue, Angular, vanilla HTML, etc.
|
|
106
84
|
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
**Pas 1: Instalează pachetul**
|
|
85
|
+
**Setup**
|
|
110
86
|
|
|
111
87
|
```bash
|
|
112
88
|
npm install @identitate-md/logos
|
|
113
89
|
```
|
|
114
90
|
|
|
115
|
-
**Pas 2: Importă loader-ul** (o singură dată în aplicație)
|
|
116
|
-
|
|
117
91
|
```javascript
|
|
118
|
-
// În index.js, main.js, App.js
|
|
92
|
+
// În index.js, main.js, App.js — o singură dată
|
|
119
93
|
import "@identitate-md/logos/loader";
|
|
120
94
|
```
|
|
121
95
|
|
|
122
|
-
Sau în HTML:
|
|
96
|
+
Sau direct în HTML:
|
|
123
97
|
|
|
124
98
|
```html
|
|
125
99
|
<script src="https://cdn.jsdelivr.net/npm/@identitate-md/logos/identity-loader.js"></script>
|
|
126
100
|
```
|
|
127
101
|
|
|
128
|
-
**
|
|
129
|
-
|
|
130
|
-
```html
|
|
131
|
-
<identity-icon src="https://identitate.md/logos/anaf/anaf.svg"> </identity-icon>
|
|
132
|
-
```
|
|
133
|
-
|
|
134
|
-
#### Exemple Complete
|
|
135
|
-
|
|
136
|
-
##### Vanilla HTML
|
|
102
|
+
**Utilizare**
|
|
137
103
|
|
|
138
104
|
```html
|
|
139
|
-
|
|
140
|
-
<html>
|
|
141
|
-
<head>
|
|
142
|
-
<title>Logo Instituții</title>
|
|
143
|
-
<script src="https://cdn.jsdelivr.net/npm/@identitate-md/logos/identity-loader.js"></script>
|
|
144
|
-
<style>
|
|
145
|
-
.logo-guvern {
|
|
146
|
-
width: 64px;
|
|
147
|
-
height: 64px;
|
|
148
|
-
color: #003399; /* Albastru */
|
|
149
|
-
transition: color 0.3s;
|
|
150
|
-
}
|
|
151
|
-
|
|
152
|
-
.logo-guvern:hover {
|
|
153
|
-
color: #ffcc00; /* Galben la hover */
|
|
154
|
-
filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.5));
|
|
155
|
-
}
|
|
156
|
-
</style>
|
|
157
|
-
</head>
|
|
158
|
-
<body>
|
|
159
|
-
<identity-icon
|
|
160
|
-
src="https://identitate.md/logos/guvernul-republicii-moldova/guvernul-republicii-moldova.svg"
|
|
161
|
-
class="logo-guvern"
|
|
162
|
-
>
|
|
163
|
-
</identity-icon>
|
|
164
|
-
</body>
|
|
165
|
-
</html>
|
|
105
|
+
<identity-icon src="https://identitate.md/logos/md-guvern/horizontal-color.svg"></identity-icon>
|
|
166
106
|
```
|
|
167
107
|
|
|
168
|
-
|
|
108
|
+
**React**
|
|
169
109
|
|
|
170
110
|
```jsx
|
|
171
|
-
// App.js sau index.js
|
|
172
111
|
import "@identitate-md/logos/loader";
|
|
173
112
|
|
|
174
|
-
function InstitutionLogo({
|
|
113
|
+
function InstitutionLogo({ id, layout = "horizontal", variant = "color" }) {
|
|
175
114
|
return (
|
|
176
115
|
<identity-icon
|
|
177
|
-
src={`https://identitate.md/logos/${
|
|
178
|
-
className="w-16 h-16
|
|
116
|
+
src={`https://identitate.md/logos/${id}/${layout}-${variant}.svg`}
|
|
117
|
+
className="w-16 h-16"
|
|
179
118
|
/>
|
|
180
119
|
);
|
|
181
120
|
}
|
|
182
121
|
|
|
183
|
-
|
|
184
|
-
<InstitutionLogo slug="anaf" />;
|
|
122
|
+
<InstitutionLogo id="md-guvern" />
|
|
185
123
|
```
|
|
186
124
|
|
|
187
|
-
|
|
125
|
+
**Vue**
|
|
188
126
|
|
|
189
127
|
```vue
|
|
190
128
|
<script setup>
|
|
191
|
-
// În main.js sau App.vue
|
|
192
129
|
import "@identitate-md/logos/loader";
|
|
193
|
-
|
|
194
|
-
const props = defineProps(["institution"]);
|
|
130
|
+
const props = defineProps(["id"]);
|
|
195
131
|
</script>
|
|
196
132
|
|
|
197
133
|
<template>
|
|
198
134
|
<identity-icon
|
|
199
|
-
:src="`https://identitate.md/logos/${
|
|
200
|
-
|
|
135
|
+
:src="`https://identitate.md/logos/${id}/horizontal-color.svg`"
|
|
136
|
+
style="width: 64px; height: 64px;"
|
|
201
137
|
/>
|
|
202
138
|
</template>
|
|
203
|
-
|
|
204
|
-
<style scoped>
|
|
205
|
-
.logo-icon {
|
|
206
|
-
width: 64px;
|
|
207
|
-
height: 64px;
|
|
208
|
-
color: currentColor;
|
|
209
|
-
}
|
|
210
|
-
</style>
|
|
211
|
-
```
|
|
212
|
-
|
|
213
|
-
##### Angular
|
|
214
|
-
|
|
215
|
-
```typescript
|
|
216
|
-
// app.component.ts
|
|
217
|
-
import "@identitate-md/logos/loader";
|
|
218
|
-
|
|
219
|
-
@Component({
|
|
220
|
-
selector: "app-institution-logo",
|
|
221
|
-
template: `
|
|
222
|
-
<identity-icon [attr.src]="logoUrl" class="institution-logo">
|
|
223
|
-
</identity-icon>
|
|
224
|
-
`,
|
|
225
|
-
styles: [
|
|
226
|
-
`
|
|
227
|
-
.institution-logo {
|
|
228
|
-
width: 64px;
|
|
229
|
-
height: 64px;
|
|
230
|
-
color: #003399;
|
|
231
|
-
}
|
|
232
|
-
`,
|
|
233
|
-
],
|
|
234
|
-
})
|
|
235
|
-
export class InstitutionLogoComponent {
|
|
236
|
-
@Input() slug!: string;
|
|
237
|
-
|
|
238
|
-
get logoUrl() {
|
|
239
|
-
return `https://cdn.jsdelivr.net/npm/@identitate-md/logos/logos/${this.slug}/${this.slug}.svg`;
|
|
240
|
-
}
|
|
241
|
-
}
|
|
242
|
-
```
|
|
243
|
-
|
|
244
|
-
##### WordPress
|
|
245
|
-
|
|
246
|
-
```php
|
|
247
|
-
<!-- functions.php -->
|
|
248
|
-
<?php
|
|
249
|
-
function enqueue_identity_loader() {
|
|
250
|
-
wp_enqueue_script(
|
|
251
|
-
'identity-loader',
|
|
252
|
-
'https://cdn.jsdelivr.net/npm/@identitate-md/logos/identity-loader.js',
|
|
253
|
-
array(),
|
|
254
|
-
'1.0.0',
|
|
255
|
-
true
|
|
256
|
-
);
|
|
257
|
-
}
|
|
258
|
-
add_action('wp_enqueue_scripts', 'enqueue_identity_loader');
|
|
259
|
-
?>
|
|
260
|
-
|
|
261
|
-
<!-- În template (page.php, single.php, etc.) -->
|
|
262
|
-
<identity-icon
|
|
263
|
-
src="https://cdn.jsdelivr.net/npm/@identitate-md/logos@1.3.1/logos/primaria-cluj-napoca/primaria-cluj-napoca.svg"
|
|
264
|
-
style="width: 100px; height: 100px; color: #2c5aa0;">
|
|
265
|
-
</identity-icon>
|
|
266
139
|
```
|
|
267
140
|
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
Web Component-ul respectă complet CSS-ul:
|
|
141
|
+
**Stilizare CSS**
|
|
271
142
|
|
|
272
143
|
```css
|
|
273
|
-
/* Dimensiuni */
|
|
274
144
|
identity-icon {
|
|
275
145
|
width: 64px;
|
|
276
146
|
height: 64px;
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
/* Culoare (fill: currentColor activat automat) */
|
|
280
|
-
identity-icon {
|
|
281
|
-
color: #003399;
|
|
147
|
+
color: #003087; /* SVG-urile cu fill:currentColor vor prelua culoarea */
|
|
148
|
+
transition: color 0.3s;
|
|
282
149
|
}
|
|
283
150
|
|
|
284
151
|
identity-icon:hover {
|
|
285
|
-
|
|
286
|
-
}
|
|
287
|
-
|
|
288
|
-
/* Efecte */
|
|
289
|
-
identity-icon {
|
|
290
|
-
filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
|
|
291
|
-
transition: all 0.3s ease;
|
|
292
|
-
}
|
|
293
|
-
|
|
294
|
-
/* Responsive */
|
|
295
|
-
@media (max-width: 768px) {
|
|
296
|
-
identity-icon {
|
|
297
|
-
width: 48px;
|
|
298
|
-
height: 48px;
|
|
299
|
-
}
|
|
152
|
+
filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.15));
|
|
300
153
|
}
|
|
301
154
|
```
|
|
302
155
|
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
- `src` **(obligatoriu)** — URL-ul către logo-ul SVG
|
|
306
|
-
- `size` _(opțional)_ — Shortcut pentru width/height (ex: `size="64px"`)
|
|
307
|
-
|
|
308
|
-
```html
|
|
309
|
-
<!-- Cu size attribute -->
|
|
310
|
-
<identity-icon
|
|
311
|
-
src="https://cdn.jsdelivr.net/npm/@identitate-md/logos/logos/anaf/anaf.svg"
|
|
312
|
-
size="128px"
|
|
313
|
-
>
|
|
314
|
-
</identity-icon>
|
|
315
|
-
```
|
|
316
|
-
|
|
317
|
-
#### Avantaje Web Component
|
|
156
|
+
**Atribute**
|
|
318
157
|
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
3. **Stilizare ușoară**: Folosește CSS normal (`color`, `width`, `height`, etc.)
|
|
322
|
-
4. **Framework-agnostic**: Funcționează oriunde rulează JavaScript
|
|
323
|
-
5. **Loading states**: Gestionează automat stările de loading și eroare
|
|
324
|
-
6. **Security**: Sanitizare automată a SVG-urilor (remove script tags)
|
|
158
|
+
- `src` **(obligatoriu)** — URL-ul SVG
|
|
159
|
+
- `size` _(opțional)_ — shortcut pentru width/height (ex: `size="64px"`)
|
|
325
160
|
|
|
326
161
|
### Metadata
|
|
327
162
|
|
|
328
|
-
Pachetul include `index.json` cu metadata despre toate logo-urile:
|
|
329
|
-
|
|
330
163
|
```javascript
|
|
331
164
|
import metadata from "@identitate-md/logos/index.json";
|
|
332
165
|
|
|
333
166
|
console.log(metadata.institutions);
|
|
334
167
|
// [
|
|
335
168
|
// {
|
|
336
|
-
// "id": "
|
|
337
|
-
// "
|
|
338
|
-
// "
|
|
339
|
-
// "logos": {
|
|
340
|
-
// "horizontal": {
|
|
341
|
-
// "color": "/logos/anaf/anaf.svg"
|
|
342
|
-
// },
|
|
343
|
-
// "symbol": {
|
|
344
|
-
// "color": "/logos/anaf/simbol-anaf.svg"
|
|
345
|
-
// }
|
|
346
|
-
// }
|
|
169
|
+
// "id": "md-guvern",
|
|
170
|
+
// "name": "Guvernul Republicii Moldova",
|
|
171
|
+
// "logos": { "horizontal": { "color": "/logos/md-guvern/horizontal-color.svg" } }
|
|
347
172
|
// },
|
|
348
173
|
// ...
|
|
349
174
|
// ]
|
|
350
175
|
```
|
|
351
176
|
|
|
352
|
-
##
|
|
177
|
+
## Structură
|
|
353
178
|
|
|
354
179
|
```
|
|
355
180
|
@identitate-md/logos/
|
|
356
181
|
├── logos/
|
|
357
|
-
│ ├──
|
|
358
|
-
│ │ ├──
|
|
359
|
-
│ │
|
|
360
|
-
│ ├──
|
|
361
|
-
│ │
|
|
362
|
-
│
|
|
363
|
-
│
|
|
364
|
-
│ ├──
|
|
365
|
-
│
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
├──
|
|
182
|
+
│ ├── md-guvern/
|
|
183
|
+
│ │ ├── horizontal-color.svg
|
|
184
|
+
│ │ ├── horizontal-white.svg
|
|
185
|
+
│ │ ├── symbol-color.svg
|
|
186
|
+
│ │ └── symbol-white.svg
|
|
187
|
+
│ ├── md-parlament/
|
|
188
|
+
│ ├── md-mj/
|
|
189
|
+
│ ├── md-mec/
|
|
190
|
+
│ └── ... (24 instituții)
|
|
191
|
+
├── index.json
|
|
192
|
+
├── institutions-index.json
|
|
193
|
+
├── identity-loader.js
|
|
369
194
|
└── README.md
|
|
370
195
|
```
|
|
371
196
|
|
|
372
|
-
##
|
|
373
|
-
|
|
374
|
-
Pentru fiecare instituție, logo-urile sunt disponibile în mai multe variante:
|
|
375
|
-
|
|
376
|
-
- **Color** — Versiunea color completă (recomandată)
|
|
377
|
-
- **Dark Mode** — Optimizată pentru fundal întunecat
|
|
378
|
-
- **White** — Pentru fundal întunecat (versiune albă)
|
|
379
|
-
- **Black** — Pentru fundal deschis (versiune neagră)
|
|
380
|
-
- **Monochrome** — Versiune monocromă
|
|
197
|
+
## Formate disponibile
|
|
381
198
|
|
|
382
|
-
|
|
199
|
+
**Variante:**
|
|
200
|
+
- `color` — versiunea color completă (recomandată)
|
|
201
|
+
- `white` — pentru fundal întunecat
|
|
202
|
+
- `black` — pentru fundal deschis
|
|
203
|
+
- `monochrome` — versiune monocromă
|
|
204
|
+
- `dark_mode` — optimizată pentru dark mode
|
|
383
205
|
|
|
384
|
-
-
|
|
385
|
-
-
|
|
386
|
-
-
|
|
387
|
-
|
|
388
|
-
## 🔗 CDN URLs Pattern
|
|
389
|
-
|
|
390
|
-
```
|
|
391
|
-
https://cdn.jsdelivr.net/npm/@identitate-md/logos@{version}/logos/{slug}/{filename}.svg
|
|
392
|
-
```
|
|
206
|
+
**Layout-uri:**
|
|
207
|
+
- `horizontal` — logo complet orizontal
|
|
208
|
+
- `vertical` — logo complet vertical
|
|
209
|
+
- `symbol` — doar simbolul/iconița
|
|
393
210
|
|
|
394
|
-
**
|
|
211
|
+
**Convenție denumire fișiere:** `{layout}-{variant}.svg`
|
|
395
212
|
|
|
396
213
|
```
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
https://cdn.jsdelivr.net/npm/@identitate-md/logos/logos/anaf/anaf.svg
|
|
402
|
-
|
|
403
|
-
# Specific major version
|
|
404
|
-
https://cdn.jsdelivr.net/npm/@identitate-md/logos@1/logos/anaf/anaf.svg
|
|
214
|
+
horizontal-color.svg
|
|
215
|
+
horizontal-white.svg
|
|
216
|
+
symbol-color.svg
|
|
217
|
+
symbol-white.svg
|
|
405
218
|
```
|
|
406
219
|
|
|
407
|
-
##
|
|
408
|
-
|
|
409
|
-
Instituțiile disponibile în v1.0.0:
|
|
220
|
+
## Instituții disponibile
|
|
410
221
|
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
222
|
+
| ID | Instituție |
|
|
223
|
+
|----|-----------|
|
|
224
|
+
| `md-guvern` | Guvernul Republicii Moldova |
|
|
225
|
+
| `md-parlament` | Parlamentul Republicii Moldova |
|
|
226
|
+
| `md-mj` | Ministerul Justiției |
|
|
227
|
+
| `md-mec` | Ministerul Educației și Cercetării |
|
|
228
|
+
| `md-mf` | Ministerul Finanțelor |
|
|
229
|
+
| `md-ms` | Ministerul Sănătății |
|
|
230
|
+
| `md-mae` | Ministerul Afacerilor Externe |
|
|
231
|
+
| `md-maia` | Ministerul Agriculturii |
|
|
232
|
+
| `md-mmps` | Ministerul Muncii și Protecției Sociale |
|
|
233
|
+
| `md-mediu` | Ministerul Mediului |
|
|
234
|
+
| `md-mc` | Ministerul Culturii |
|
|
235
|
+
| `md-mded` | Ministerul Dezvoltării Economice |
|
|
236
|
+
| `md-midr` | Ministerul Infrastructurii |
|
|
237
|
+
| `md-mioc` | Ministerul de Interne |
|
|
238
|
+
| `md-ministerul-energiei` | Ministerul Energiei |
|
|
239
|
+
| `md-mnam` | Muzeul Național de Artă |
|
|
240
|
+
| `md-age` | Agenția de Guvernare Electronică |
|
|
241
|
+
| `md-ca` | Consiliul Audiovizualului |
|
|
242
|
+
| `md-dgcpc` | Direcția Generală pentru Copii |
|
|
243
|
+
| `md-stisc` | STISC |
|
|
244
|
+
| `md-primaria-chisinau` | Primăria Municipiului Chișinău |
|
|
245
|
+
| `md-stema` | Stema Republicii Moldova |
|
|
246
|
+
| `md-steag` | Steagul Republicii Moldova |
|
|
247
|
+
| `eu-flag` | Drapelul Uniunii Europene |
|
|
416
248
|
|
|
417
|
-
Pentru lista completă și actualizat
|
|
249
|
+
Pentru lista completă și actualizată: [identitate.md](https://identitate.md)
|
|
418
250
|
|
|
419
|
-
##
|
|
251
|
+
## CDN URL Pattern
|
|
420
252
|
|
|
421
|
-
### HTML Simplu
|
|
422
|
-
|
|
423
|
-
```html
|
|
424
|
-
<!DOCTYPE html>
|
|
425
|
-
<html>
|
|
426
|
-
<head>
|
|
427
|
-
<title>Logo-uri Instituții</title>
|
|
428
|
-
</head>
|
|
429
|
-
<body>
|
|
430
|
-
<img
|
|
431
|
-
src="https://cdn.jsdelivr.net/npm/@identitate-md/logos/logos/anaf/anaf.svg"
|
|
432
|
-
alt="ANAF"
|
|
433
|
-
width="200"
|
|
434
|
-
/>
|
|
435
|
-
</body>
|
|
436
|
-
</html>
|
|
437
253
|
```
|
|
438
|
-
|
|
439
|
-
### React/Next.js
|
|
440
|
-
|
|
441
|
-
```jsx
|
|
442
|
-
export default function InstitutionLogo({ slug, variant = "color" }) {
|
|
443
|
-
const cdnUrl = `https://cdn.jsdelivr.net/npm/@identitate-md/logos/logos/${slug}/${slug}.svg`;
|
|
444
|
-
|
|
445
|
-
return <img src={cdnUrl} alt={slug} loading="lazy" />;
|
|
446
|
-
}
|
|
254
|
+
https://cdn.jsdelivr.net/npm/@identitate-md/logos@{version}/logos/{id}/{layout}-{variant}.svg
|
|
447
255
|
```
|
|
448
256
|
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
```vue
|
|
452
|
-
<template>
|
|
453
|
-
<img :src="logoUrl" :alt="institution" loading="lazy" />
|
|
454
|
-
</template>
|
|
455
|
-
|
|
456
|
-
<script setup>
|
|
457
|
-
import { computed } from "vue";
|
|
458
|
-
|
|
459
|
-
const props = defineProps(["institution", "variant"]);
|
|
257
|
+
**Exemple:**
|
|
460
258
|
|
|
461
|
-
const logoUrl = computed(
|
|
462
|
-
() =>
|
|
463
|
-
`https://cdn.jsdelivr.net/npm/@identitate-md/logos/logos/${props.institution}/${props.institution}.svg`,
|
|
464
|
-
);
|
|
465
|
-
</script>
|
|
466
259
|
```
|
|
260
|
+
# Versiune specifică (recomandată pentru producție)
|
|
261
|
+
https://cdn.jsdelivr.net/npm/@identitate-md/logos@1.4.1/logos/md-guvern/horizontal-color.svg
|
|
467
262
|
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
```css
|
|
471
|
-
.anaf-logo {
|
|
472
|
-
background-image: url("https://cdn.jsdelivr.net/npm/@identitate-md/logos@1.3.1/logos/anaf/anaf.svg");
|
|
473
|
-
background-size: contain;
|
|
474
|
-
background-repeat: no-repeat;
|
|
475
|
-
width: 200px;
|
|
476
|
-
height: 100px;
|
|
477
|
-
}
|
|
263
|
+
# Latest
|
|
264
|
+
https://cdn.jsdelivr.net/npm/@identitate-md/logos/logos/md-guvern/horizontal-color.svg
|
|
478
265
|
```
|
|
479
266
|
|
|
480
|
-
##
|
|
267
|
+
## Best Practices
|
|
481
268
|
|
|
482
|
-
|
|
269
|
+
**Versiuni fixate în producție**
|
|
483
270
|
|
|
484
271
|
```html
|
|
485
|
-
<!--
|
|
486
|
-
<img
|
|
487
|
-
src="https://cdn.jsdelivr.net/npm/@identitate-md/logos@1.0.0/logos/anaf/anaf.svg"
|
|
488
|
-
/>
|
|
272
|
+
<!-- Bine — versiune fixată -->
|
|
273
|
+
<img src="https://cdn.jsdelivr.net/npm/@identitate-md/logos@1.4.1/logos/md-guvern/horizontal-color.svg" />
|
|
489
274
|
|
|
490
|
-
<!--
|
|
491
|
-
<img
|
|
492
|
-
src="https://cdn.jsdelivr.net/npm/@identitate-md/logos@1.3.1/logos/anaf/anaf.svg"
|
|
493
|
-
/>
|
|
275
|
+
<!-- Evită în producție — poate schimba -->
|
|
276
|
+
<img src="https://cdn.jsdelivr.net/npm/@identitate-md/logos/logos/md-guvern/horizontal-color.svg" />
|
|
494
277
|
```
|
|
495
278
|
|
|
496
|
-
|
|
279
|
+
**Lazy loading**
|
|
497
280
|
|
|
498
281
|
```html
|
|
499
|
-
<!-- Lazy loading -->
|
|
500
282
|
<img
|
|
501
|
-
src="https://cdn.jsdelivr.net/npm/@identitate-md/logos/logos/
|
|
283
|
+
src="https://cdn.jsdelivr.net/npm/@identitate-md/logos/logos/md-guvern/horizontal-color.svg"
|
|
502
284
|
loading="lazy"
|
|
503
|
-
alt="
|
|
504
|
-
/>
|
|
505
|
-
|
|
506
|
-
<!-- Preload pentru logo-uri critice -->
|
|
507
|
-
<link
|
|
508
|
-
rel="preload"
|
|
509
|
-
href="https://cdn.jsdelivr.net/npm/@identitate-md/logos/logos/guvernul-republicii-moldova/guvernul-republicii-moldova.svg"
|
|
510
|
-
as="image"
|
|
285
|
+
alt="Guvernul Republicii Moldova"
|
|
511
286
|
/>
|
|
512
287
|
```
|
|
513
288
|
|
|
514
|
-
|
|
289
|
+
**Fallback**
|
|
515
290
|
|
|
516
291
|
```html
|
|
517
292
|
<img
|
|
518
|
-
src="https://cdn.jsdelivr.net/npm/@identitate-md/logos/logos/
|
|
519
|
-
onerror="this.src='https://unpkg.com/@identitate-md/logos/logos/
|
|
520
|
-
alt="
|
|
293
|
+
src="https://cdn.jsdelivr.net/npm/@identitate-md/logos/logos/md-guvern/horizontal-color.svg"
|
|
294
|
+
onerror="this.src='https://unpkg.com/@identitate-md/logos/logos/md-guvern/horizontal-color.svg'"
|
|
295
|
+
alt="Guvernul Republicii Moldova"
|
|
521
296
|
/>
|
|
522
297
|
```
|
|
523
298
|
|
|
524
|
-
|
|
299
|
+
**Accesibilitate**
|
|
525
300
|
|
|
526
301
|
```html
|
|
527
|
-
<!-- ✅ Include întotdeauna alt text descriptiv -->
|
|
528
302
|
<img
|
|
529
|
-
src="https://cdn.jsdelivr.net/npm/@identitate-md/logos/logos/
|
|
530
|
-
alt="Logo
|
|
303
|
+
src="https://cdn.jsdelivr.net/npm/@identitate-md/logos/logos/md-guvern/horizontal-color.svg"
|
|
304
|
+
alt="Logo Guvernul Republicii Moldova"
|
|
531
305
|
role="img"
|
|
532
306
|
/>
|
|
533
307
|
```
|
|
534
308
|
|
|
535
|
-
##
|
|
536
|
-
|
|
537
|
-
MIT License - vezi [LICENSE](./LICENSE) pentru detalii.
|
|
538
|
-
|
|
539
|
-
Toate logo-urile sunt proprietatea instituțiilor respective și sunt disponibile în scopuri informative și de utilizare legală conform ghidurilor de identitate vizuală ale fiecărei instituții.
|
|
540
|
-
|
|
541
|
-
## 🤝 Contribuții
|
|
542
|
-
|
|
543
|
-
Acest pachet face parte din proiectul [IdentitateMD](https://github.com/ZLDR/IdentitateMD).
|
|
544
|
-
|
|
545
|
-
Pentru a adăuga logo-uri noi sau pentru a raporta probleme:
|
|
546
|
-
|
|
547
|
-
1. Vizitează [github.com/laurentiucotet/IdentitateMD](https://github.com/ZLDR/IdentitateMD)
|
|
548
|
-
2. Consultă [CONTRIBUTING.md](https://github.com/ZLDR/IdentitateMD/blob/main/website/CONTRIBUTING.md)
|
|
549
|
-
3. Deschide un Pull Request sau Issue
|
|
309
|
+
## Licență
|
|
550
310
|
|
|
551
|
-
|
|
311
|
+
MIT License — toate logo-urile sunt proprietatea instituțiilor respective și sunt disponibile în scopuri informative conform ghidurilor de identitate vizuală ale fiecărei instituții.
|
|
552
312
|
|
|
553
|
-
|
|
554
|
-
- **Documentație**: [IdentitateMD.vercel.app/utilizare](https://IdentitateMD.vercel.app/utilizare)
|
|
555
|
-
- **GitHub**: [github.com/laurentiucotet/IdentitateMD](https://github.com/ZLDR/IdentitateMD)
|
|
556
|
-
- **npm Package**: [@identitate-md/logos](https://www.npmjs.com/package/@identitate-md/logos)
|
|
557
|
-
- **jsDelivr CDN**: [cdn.jsdelivr.net/npm/@identitate-md/logos](https://cdn.jsdelivr.net/npm/@identitate-md/logos/)
|
|
558
|
-
- **unpkg CDN**: [unpkg.com/@identitate-md/logos](https://unpkg.com/@identitate-md/logos/)
|
|
313
|
+
## Contribuții
|
|
559
314
|
|
|
560
|
-
|
|
315
|
+
Parte din proiectul [IdentitateMD](https://github.com/identitate-md/identitate-md).
|
|
561
316
|
|
|
562
|
-
|
|
317
|
+
- **Website**: [identitate.md](https://identitate.md)
|
|
318
|
+
- **GitHub**: [github.com/identitate-md/identitate-md](https://github.com/identitate-md/identitate-md)
|
|
319
|
+
- **npm**: [@identitate-md/logos](https://www.npmjs.com/package/@identitate-md/logos)
|
|
563
320
|
|
|
564
321
|
---
|
|
565
322
|
|
|
566
|
-
Made with ❤️
|
|
323
|
+
Made with ❤️ for Moldova
|