@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 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 Romanian public institutions
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
  [![npm version](https://img.shields.io/npm/v/@identitate-md/logos.svg)](https://www.npmjs.com/package/@identitate-md/logos)
6
6
  [![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)
7
7
 
8
- ## 📦 Instalare
8
+ ## Instalare
9
9
 
10
10
  ```bash
11
11
  npm install @identitate-md/logos
12
12
  ```
13
13
 
14
- ## 🚀 Utilizare
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 Simple (Recomandat)
20
+ #### URL-uri directe
21
21
 
22
22
  ```html
23
- <!-- Logo complet -->
24
- <img src="https://identitate.md/logos/anaf/anaf.svg" alt="ANAF" />
23
+ <!-- Guvernul Republicii Moldova -->
24
+ <img src="https://identitate.md/logos/md-guvern/horizontal-color.svg" alt="Guvernul Republicii Moldova" />
25
25
 
26
- <!-- Simbol -->
27
- <img src="https://identitate.md/logos/anaf/simbol-anaf.svg" alt="ANAF Simbol" />
26
+ <!-- Parlamentul Republicii Moldova -->
27
+ <img src="https://identitate.md/logos/md-parlament/horizontal-color.svg" alt="Parlamentul Republicii Moldova" />
28
28
 
29
- <!-- Alte instituții -->
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 (CDN Primară)
33
+ #### jsDelivr
38
34
 
39
35
  ```html
40
- <!-- Logo complet -->
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.3.1/logos/anaf/simbol-anaf.svg"
49
- alt="ANAF Simbol"
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
- <!-- Versiunea latest (se actualizează automat) -->
42
+ <!-- Latest (se actualizează automat) -->
53
43
  <img
54
- src="https://cdn.jsdelivr.net/npm/@identitate-md/logos@1.3.1/logos/guvernul-republicii-moldova/guvernul-republicii-moldova.svg"
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 (CDN Fallback)
49
+ #### unpkg
60
50
 
61
51
  ```html
62
52
  <img
63
- src="https://unpkg.com/@identitate-md/logos@1.3.1/logos/pnrr/pnrr.svg"
64
- alt="PNRR"
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
- // În React, Vue, etc.
74
- import logoPath from "@identitate-md/logos/logos/anaf/anaf.svg";
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="ANAF" />;
65
+ return <img src={logoPath} alt="Guvernul Republicii Moldova" />;
78
66
  }
79
67
  ```
80
68
 
81
69
  ```javascript
82
- // În Node.js
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/anaf/anaf.svg",
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
- ### 🎯 Web Component (Recomandat pentru Aplicații Moderne)
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
- - Descarcă automat SVG-ul din CDN
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
- #### Instalare și Setup
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, etc.
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
- **Pas 3: Folosește tag-ul `<identity-icon>`**
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
- <!DOCTYPE html>
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
- ##### React
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({ slug }) {
113
+ function InstitutionLogo({ id, layout = "horizontal", variant = "color" }) {
175
114
  return (
176
115
  <identity-icon
177
- src={`https://identitate.md/logos/${slug}/${slug}.svg`}
178
- className="w-16 h-16 text-blue-600"
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
- // Folosire
184
- <InstitutionLogo slug="anaf" />;
122
+ <InstitutionLogo id="md-guvern" />
185
123
  ```
186
124
 
187
- ##### Vue
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/${institution}/${institution}.svg`"
200
- class="logo-icon"
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
- #### Stilizare CSS
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
- color: #ffcc00;
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
- #### Atribute Suportate
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
- 1. **Semantic HTML**: `<identity-icon>` comunică clar ce face
320
- 2. **Caching inteligent**: Descarcă fiecare SVG o singură dată, chiar dacă îl folosești în 100 de locuri
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": "ro-anaf",
337
- // "slug": "anaf",
338
- // "name": "Agenția Națională de Administrare Fiscală",
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
- ## 📁 Structură
177
+ ## Structură
353
178
 
354
179
  ```
355
180
  @identitate-md/logos/
356
181
  ├── logos/
357
- │ ├── anaf/
358
- │ │ ├── anaf.svg
359
- │ │ └── simbol-anaf.svg
360
- │ ├── guvernul-republicii-moldova/
361
- │ │ ├── guvernul-republicii-moldova.svg
362
- ├── guvernul-republicii-moldova-alb.svg
363
- │ └── guvernul-republicii-moldova-mono.svg
364
- │ ├── ministerul-educatiei/
365
- ├── pnrr/
366
- ├── primaria-cluj-napoca/
367
- │ └── ...
368
- ├── index.json (metadata)
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
- ## 🎨 Formate Disponibile
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
- ### Layout-uri
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
- - **Horizontal** — Logo complet orizontal (cel mai comun)
385
- - **Vertical**Logo complet vertical
386
- - **Symbol**Doar simbolul/iconița (fără text)
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
- **Exemple:**
211
+ **Convenție denumire fișiere:** `{layout}-{variant}.svg`
395
212
 
396
213
  ```
397
- # Versiune specifică (recomandată pentru producție)
398
- https://cdn.jsdelivr.net/npm/@identitate-md/logos@1.0.0/logos/anaf/anaf.svg
399
-
400
- # Latest version (se actualizează automat)
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
- ## 📋 Lista Instituțiilor
408
-
409
- Instituțiile disponibile în v1.0.0:
220
+ ## Instituții disponibile
410
221
 
411
- - `anaf` Agenția Națională de Administrare Fiscală
412
- - `guvernul-republicii-moldova` — Guvernul Republicii Moldova
413
- - `ministerul-educatiei` Ministerul Educației
414
- - `pnrr` Plan Național de Redresare și Reziliență
415
- - `primaria-cluj-napoca` Primăria Cluj-Napoca
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ă, consultă [IdentitateMD.vercel.app](https://IdentitateMD.vercel.app).
249
+ Pentru lista completă și actualizată: [identitate.md](https://identitate.md)
418
250
 
419
- ## 💡 Exemple de Utilizare
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
- ### Vue
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
- ### CSS Background
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
- ## 🎯 Best Practices
267
+ ## Best Practices
481
268
 
482
- ### 1. Folosește Versiuni Specifice în Producție
269
+ **Versiuni fixate în producție**
483
270
 
484
271
  ```html
485
- <!-- Bine - versiune fixată -->
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
- <!-- ⚠️ Evită în producție - poate schimba -->
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
- ### 2. Optimizare Performanță
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/anaf/anaf.svg"
283
+ src="https://cdn.jsdelivr.net/npm/@identitate-md/logos/logos/md-guvern/horizontal-color.svg"
502
284
  loading="lazy"
503
- alt="ANAF"
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
- ### 3. Fallback Strategy
289
+ **Fallback**
515
290
 
516
291
  ```html
517
292
  <img
518
- src="https://cdn.jsdelivr.net/npm/@identitate-md/logos/logos/anaf/anaf.svg"
519
- onerror="this.src='https://unpkg.com/@identitate-md/logos/logos/anaf/anaf.svg'"
520
- alt="ANAF"
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
- ### 4. Accesibilitate
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/anaf/anaf.svg"
530
- alt="Logo Agenția Națională de Administrare Fiscală"
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
- ## 📄 Licență
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
- ## 🔗 Link-uri Utile
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
- - **Website**: [IdentitateMD.vercel.app](https://IdentitateMD.vercel.app)
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
- ## 📊 Stats
315
+ Parte din proiectul [IdentitateMD](https://github.com/identitate-md/identitate-md).
561
316
 
562
- ![jsDelivr Hits](https://data.jsdelivr.com/v1/package/npm/@identitate-md/logos/badge)
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 ❤️ by [IdentitateMD Contributors](https://github.com/ZLDR/IdentitateMD/graphs/contributors)
323
+ Made with ❤️ for Moldova