@identitate-md/logos 1.3.5 → 1.3.7
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 +148 -137
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
# @identitate-
|
|
1
|
+
# @identitate-md/logos
|
|
2
2
|
|
|
3
|
-
> Logo-uri oficiale ale instituțiilor publice din
|
|
3
|
+
> Logo-uri oficiale ale instituțiilor publice din Moldova — Official logos of Romanian public institutions
|
|
4
4
|
|
|
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
|
-
npm install @identitate-
|
|
11
|
+
npm install @identitate-md/logos
|
|
12
12
|
```
|
|
13
13
|
|
|
14
14
|
## 🚀 Utilizare
|
|
@@ -21,42 +21,57 @@ Logo-urile sunt disponibile automat prin CDN-uri gratuite:
|
|
|
21
21
|
|
|
22
22
|
```html
|
|
23
23
|
<!-- Logo complet -->
|
|
24
|
-
<img src="https://identitate.eu/logos/anaf/anaf.svg" alt="ANAF"
|
|
24
|
+
<img src="https://identitate.eu/logos/anaf/anaf.svg" alt="ANAF" />
|
|
25
25
|
|
|
26
26
|
<!-- Simbol -->
|
|
27
|
-
<img src="https://identitate.eu/logos/anaf/simbol-anaf.svg" alt="ANAF Simbol"
|
|
27
|
+
<img src="https://identitate.eu/logos/anaf/simbol-anaf.svg" alt="ANAF Simbol" />
|
|
28
28
|
|
|
29
29
|
<!-- Alte instituții -->
|
|
30
|
-
<img
|
|
31
|
-
|
|
30
|
+
<img
|
|
31
|
+
src="https://identitate.eu/logos/guvernul-republicii-moldova/guvernul-republicii-moldova.svg"
|
|
32
|
+
alt="Guvernul Republicii Moldova"
|
|
33
|
+
/>
|
|
34
|
+
<img src="https://identitate.eu/logos/pnrr/pnrr.svg" alt="PNRR" />
|
|
32
35
|
```
|
|
33
36
|
|
|
34
37
|
#### jsDelivr (CDN Primară)
|
|
35
38
|
|
|
36
39
|
```html
|
|
37
40
|
<!-- Logo complet -->
|
|
38
|
-
<img
|
|
41
|
+
<img
|
|
42
|
+
src="https://cdn.jsdelivr.net/npm/@identitate-md/logos@1.3.1/logos/anaf/anaf.svg"
|
|
43
|
+
alt="ANAF"
|
|
44
|
+
/>
|
|
39
45
|
|
|
40
46
|
<!-- Simbol -->
|
|
41
|
-
<img
|
|
47
|
+
<img
|
|
48
|
+
src="https://cdn.jsdelivr.net/npm/@identitate-md/logos@1.3.1/logos/anaf/simbol-anaf.svg"
|
|
49
|
+
alt="ANAF Simbol"
|
|
50
|
+
/>
|
|
42
51
|
|
|
43
52
|
<!-- Versiunea latest (se actualizează automat) -->
|
|
44
|
-
<img
|
|
53
|
+
<img
|
|
54
|
+
src="https://cdn.jsdelivr.net/npm/@identitate-md/logos@1.3.1/logos/guvernul-republicii-moldova/guvernul-republicii-moldova.svg"
|
|
55
|
+
alt="Guvernul Republicii Moldova"
|
|
56
|
+
/>
|
|
45
57
|
```
|
|
46
58
|
|
|
47
59
|
#### unpkg (CDN Fallback)
|
|
48
60
|
|
|
49
61
|
```html
|
|
50
|
-
<img
|
|
62
|
+
<img
|
|
63
|
+
src="https://unpkg.com/@identitate-md/logos@1.3.1/logos/pnrr/pnrr.svg"
|
|
64
|
+
alt="PNRR"
|
|
65
|
+
/>
|
|
51
66
|
```
|
|
52
67
|
|
|
53
68
|
### Via npm Package
|
|
54
69
|
|
|
55
|
-
După instalare, logo-urile sunt disponibile în `node_modules/@identitate-
|
|
70
|
+
După instalare, logo-urile sunt disponibile în `node_modules/@identitate-md/logos/logos/`:
|
|
56
71
|
|
|
57
72
|
```javascript
|
|
58
73
|
// În React, Vue, etc.
|
|
59
|
-
import logoPath from
|
|
74
|
+
import logoPath from "@identitate-md/logos/logos/anaf/anaf.svg";
|
|
60
75
|
|
|
61
76
|
function MyComponent() {
|
|
62
77
|
return <img src={logoPath} alt="ANAF" />;
|
|
@@ -65,14 +80,14 @@ function MyComponent() {
|
|
|
65
80
|
|
|
66
81
|
```javascript
|
|
67
82
|
// În Node.js
|
|
68
|
-
import { readFileSync } from
|
|
69
|
-
import { join } from
|
|
83
|
+
import { readFileSync } from "fs";
|
|
84
|
+
import { join } from "path";
|
|
70
85
|
|
|
71
86
|
const logoPath = join(
|
|
72
|
-
process.cwd(),
|
|
73
|
-
|
|
87
|
+
process.cwd(),
|
|
88
|
+
"node_modules/@identitate-md/logos/logos/anaf/anaf.svg",
|
|
74
89
|
);
|
|
75
|
-
const logoContent = readFileSync(logoPath,
|
|
90
|
+
const logoContent = readFileSync(logoPath, "utf8");
|
|
76
91
|
```
|
|
77
92
|
|
|
78
93
|
### 🎯 Web Component (Recomandat pentru Aplicații Moderne)
|
|
@@ -82,6 +97,7 @@ const logoContent = readFileSync(logoPath, 'utf8');
|
|
|
82
97
|
#### Cum funcționează?
|
|
83
98
|
|
|
84
99
|
Web Component-ul `<identity-icon>` este un element HTML custom care:
|
|
100
|
+
|
|
85
101
|
- ✅ Descarcă automat SVG-ul din CDN
|
|
86
102
|
- ✅ Include caching inteligent (descarcă o singură dată)
|
|
87
103
|
- ✅ Permite stilizare CSS (`color`, `width`, `height`, etc.)
|
|
@@ -93,28 +109,26 @@ Web Component-ul `<identity-icon>` este un element HTML custom care:
|
|
|
93
109
|
**Pas 1: Instalează pachetul**
|
|
94
110
|
|
|
95
111
|
```bash
|
|
96
|
-
npm install @identitate-
|
|
112
|
+
npm install @identitate-md/logos
|
|
97
113
|
```
|
|
98
114
|
|
|
99
115
|
**Pas 2: Importă loader-ul** (o singură dată în aplicație)
|
|
100
116
|
|
|
101
117
|
```javascript
|
|
102
118
|
// În index.js, main.js, App.js, etc.
|
|
103
|
-
import
|
|
119
|
+
import "@identitate-md/logos/loader";
|
|
104
120
|
```
|
|
105
121
|
|
|
106
122
|
Sau în HTML:
|
|
107
123
|
|
|
108
124
|
```html
|
|
109
|
-
<script src="https://cdn.jsdelivr.net/npm/@identitate-
|
|
125
|
+
<script src="https://cdn.jsdelivr.net/npm/@identitate-md/logos/identity-loader.js"></script>
|
|
110
126
|
```
|
|
111
127
|
|
|
112
128
|
**Pas 3: Folosește tag-ul `<identity-icon>`**
|
|
113
129
|
|
|
114
130
|
```html
|
|
115
|
-
<identity-icon
|
|
116
|
-
src="https://identitate.eu/logos/anaf/anaf.svg">
|
|
117
|
-
</identity-icon>
|
|
131
|
+
<identity-icon src="https://identitate.eu/logos/anaf/anaf.svg"> </identity-icon>
|
|
118
132
|
```
|
|
119
133
|
|
|
120
134
|
#### Exemple Complete
|
|
@@ -124,29 +138,30 @@ Sau în HTML:
|
|
|
124
138
|
```html
|
|
125
139
|
<!DOCTYPE html>
|
|
126
140
|
<html>
|
|
127
|
-
<head>
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
</head>
|
|
144
|
-
<body>
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
</
|
|
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.eu/logos/guvernul-republicii-moldova/guvernul-republicii-moldova.svg"
|
|
161
|
+
class="logo-guvern"
|
|
162
|
+
>
|
|
163
|
+
</identity-icon>
|
|
164
|
+
</body>
|
|
150
165
|
</html>
|
|
151
166
|
```
|
|
152
167
|
|
|
@@ -154,11 +169,11 @@ Sau în HTML:
|
|
|
154
169
|
|
|
155
170
|
```jsx
|
|
156
171
|
// App.js sau index.js
|
|
157
|
-
import
|
|
172
|
+
import "@identitate-md/logos/loader";
|
|
158
173
|
|
|
159
174
|
function InstitutionLogo({ slug }) {
|
|
160
175
|
return (
|
|
161
|
-
<identity-icon
|
|
176
|
+
<identity-icon
|
|
162
177
|
src={`https://identitate.eu/logos/${slug}/${slug}.svg`}
|
|
163
178
|
className="w-16 h-16 text-blue-600"
|
|
164
179
|
/>
|
|
@@ -166,7 +181,7 @@ function InstitutionLogo({ slug }) {
|
|
|
166
181
|
}
|
|
167
182
|
|
|
168
183
|
// Folosire
|
|
169
|
-
<InstitutionLogo slug="anaf"
|
|
184
|
+
<InstitutionLogo slug="anaf" />;
|
|
170
185
|
```
|
|
171
186
|
|
|
172
187
|
##### Vue
|
|
@@ -174,13 +189,13 @@ function InstitutionLogo({ slug }) {
|
|
|
174
189
|
```vue
|
|
175
190
|
<script setup>
|
|
176
191
|
// În main.js sau App.vue
|
|
177
|
-
import
|
|
192
|
+
import "@identitate-md/logos/loader";
|
|
178
193
|
|
|
179
|
-
const props = defineProps([
|
|
194
|
+
const props = defineProps(["institution"]);
|
|
180
195
|
</script>
|
|
181
196
|
|
|
182
197
|
<template>
|
|
183
|
-
<identity-icon
|
|
198
|
+
<identity-icon
|
|
184
199
|
:src="`https://identitate.eu/logos/${institution}/${institution}.svg`"
|
|
185
200
|
class="logo-icon"
|
|
186
201
|
/>
|
|
@@ -199,29 +214,29 @@ const props = defineProps(['institution']);
|
|
|
199
214
|
|
|
200
215
|
```typescript
|
|
201
216
|
// app.component.ts
|
|
202
|
-
import
|
|
217
|
+
import "@identitate-md/logos/loader";
|
|
203
218
|
|
|
204
219
|
@Component({
|
|
205
|
-
selector:
|
|
220
|
+
selector: "app-institution-logo",
|
|
206
221
|
template: `
|
|
207
|
-
<identity-icon
|
|
208
|
-
[attr.src]="logoUrl"
|
|
209
|
-
class="institution-logo">
|
|
222
|
+
<identity-icon [attr.src]="logoUrl" class="institution-logo">
|
|
210
223
|
</identity-icon>
|
|
211
224
|
`,
|
|
212
|
-
styles: [
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
225
|
+
styles: [
|
|
226
|
+
`
|
|
227
|
+
.institution-logo {
|
|
228
|
+
width: 64px;
|
|
229
|
+
height: 64px;
|
|
230
|
+
color: #003399;
|
|
231
|
+
}
|
|
232
|
+
`,
|
|
233
|
+
],
|
|
219
234
|
})
|
|
220
235
|
export class InstitutionLogoComponent {
|
|
221
236
|
@Input() slug!: string;
|
|
222
|
-
|
|
237
|
+
|
|
223
238
|
get logoUrl() {
|
|
224
|
-
return `https://cdn.jsdelivr.net/npm/@identitate-
|
|
239
|
+
return `https://cdn.jsdelivr.net/npm/@identitate-md/logos/logos/${this.slug}/${this.slug}.svg`;
|
|
225
240
|
}
|
|
226
241
|
}
|
|
227
242
|
```
|
|
@@ -234,7 +249,7 @@ export class InstitutionLogoComponent {
|
|
|
234
249
|
function enqueue_identity_loader() {
|
|
235
250
|
wp_enqueue_script(
|
|
236
251
|
'identity-loader',
|
|
237
|
-
'https://cdn.jsdelivr.net/npm/@identitate-
|
|
252
|
+
'https://cdn.jsdelivr.net/npm/@identitate-md/logos/identity-loader.js',
|
|
238
253
|
array(),
|
|
239
254
|
'1.0.0',
|
|
240
255
|
true
|
|
@@ -244,8 +259,8 @@ add_action('wp_enqueue_scripts', 'enqueue_identity_loader');
|
|
|
244
259
|
?>
|
|
245
260
|
|
|
246
261
|
<!-- În template (page.php, single.php, etc.) -->
|
|
247
|
-
<identity-icon
|
|
248
|
-
src="https://cdn.jsdelivr.net/npm/@identitate-
|
|
262
|
+
<identity-icon
|
|
263
|
+
src="https://cdn.jsdelivr.net/npm/@identitate-md/logos@1.3.1/logos/primaria-cluj-napoca/primaria-cluj-napoca.svg"
|
|
249
264
|
style="width: 100px; height: 100px; color: #2c5aa0;">
|
|
250
265
|
</identity-icon>
|
|
251
266
|
```
|
|
@@ -272,7 +287,7 @@ identity-icon:hover {
|
|
|
272
287
|
|
|
273
288
|
/* Efecte */
|
|
274
289
|
identity-icon {
|
|
275
|
-
filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1));
|
|
290
|
+
filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
|
|
276
291
|
transition: all 0.3s ease;
|
|
277
292
|
}
|
|
278
293
|
|
|
@@ -288,13 +303,14 @@ identity-icon {
|
|
|
288
303
|
#### Atribute Suportate
|
|
289
304
|
|
|
290
305
|
- `src` **(obligatoriu)** — URL-ul către logo-ul SVG
|
|
291
|
-
- `size`
|
|
306
|
+
- `size` _(opțional)_ — Shortcut pentru width/height (ex: `size="64px"`)
|
|
292
307
|
|
|
293
308
|
```html
|
|
294
309
|
<!-- Cu size attribute -->
|
|
295
|
-
<identity-icon
|
|
296
|
-
src="https://cdn.jsdelivr.net/npm/@identitate-
|
|
297
|
-
size="128px"
|
|
310
|
+
<identity-icon
|
|
311
|
+
src="https://cdn.jsdelivr.net/npm/@identitate-md/logos/logos/anaf/anaf.svg"
|
|
312
|
+
size="128px"
|
|
313
|
+
>
|
|
298
314
|
</identity-icon>
|
|
299
315
|
```
|
|
300
316
|
|
|
@@ -312,7 +328,7 @@ identity-icon {
|
|
|
312
328
|
Pachetul include `index.json` cu metadata despre toate logo-urile:
|
|
313
329
|
|
|
314
330
|
```javascript
|
|
315
|
-
import metadata from
|
|
331
|
+
import metadata from "@identitate-md/logos/index.json";
|
|
316
332
|
|
|
317
333
|
console.log(metadata.institutions);
|
|
318
334
|
// [
|
|
@@ -336,15 +352,15 @@ console.log(metadata.institutions);
|
|
|
336
352
|
## 📁 Structură
|
|
337
353
|
|
|
338
354
|
```
|
|
339
|
-
@identitate-
|
|
355
|
+
@identitate-md/logos/
|
|
340
356
|
├── logos/
|
|
341
357
|
│ ├── anaf/
|
|
342
358
|
│ │ ├── anaf.svg
|
|
343
359
|
│ │ └── simbol-anaf.svg
|
|
344
|
-
│ ├── guvernul-
|
|
345
|
-
│ │ ├── guvernul-
|
|
346
|
-
│ │ ├── guvernul-
|
|
347
|
-
│ │ └── guvernul-
|
|
360
|
+
│ ├── guvernul-republicii-moldova/
|
|
361
|
+
│ │ ├── guvernul-republicii-moldova.svg
|
|
362
|
+
│ │ ├── guvernul-republicii-moldova-alb.svg
|
|
363
|
+
│ │ └── guvernul-republicii-moldova-mono.svg
|
|
348
364
|
│ ├── ministerul-educatiei/
|
|
349
365
|
│ ├── pnrr/
|
|
350
366
|
│ ├── primaria-cluj-napoca/
|
|
@@ -372,20 +388,20 @@ Pentru fiecare instituție, logo-urile sunt disponibile în mai multe variante:
|
|
|
372
388
|
## 🔗 CDN URLs Pattern
|
|
373
389
|
|
|
374
390
|
```
|
|
375
|
-
https://cdn.jsdelivr.net/npm/@identitate-
|
|
391
|
+
https://cdn.jsdelivr.net/npm/@identitate-md/logos@{version}/logos/{slug}/{filename}.svg
|
|
376
392
|
```
|
|
377
393
|
|
|
378
394
|
**Exemple:**
|
|
379
395
|
|
|
380
396
|
```
|
|
381
397
|
# Versiune specifică (recomandată pentru producție)
|
|
382
|
-
https://cdn.jsdelivr.net/npm/@identitate-
|
|
398
|
+
https://cdn.jsdelivr.net/npm/@identitate-md/logos@1.0.0/logos/anaf/anaf.svg
|
|
383
399
|
|
|
384
400
|
# Latest version (se actualizează automat)
|
|
385
|
-
https://cdn.jsdelivr.net/npm/@identitate-
|
|
401
|
+
https://cdn.jsdelivr.net/npm/@identitate-md/logos/logos/anaf/anaf.svg
|
|
386
402
|
|
|
387
403
|
# Specific major version
|
|
388
|
-
https://cdn.jsdelivr.net/npm/@identitate-
|
|
404
|
+
https://cdn.jsdelivr.net/npm/@identitate-md/logos@1/logos/anaf/anaf.svg
|
|
389
405
|
```
|
|
390
406
|
|
|
391
407
|
## 📋 Lista Instituțiilor
|
|
@@ -393,7 +409,7 @@ https://cdn.jsdelivr.net/npm/@identitate-ro/logos@1/logos/anaf/anaf.svg
|
|
|
393
409
|
Instituțiile disponibile în v1.0.0:
|
|
394
410
|
|
|
395
411
|
- `anaf` — Agenția Națională de Administrare Fiscală
|
|
396
|
-
- `guvernul-
|
|
412
|
+
- `guvernul-republicii-moldova` — Guvernul Republicii Moldova
|
|
397
413
|
- `ministerul-educatiei` — Ministerul Educației
|
|
398
414
|
- `pnrr` — Plan Național de Redresare și Reziliență
|
|
399
415
|
- `primaria-cluj-napoca` — Primăria Cluj-Napoca
|
|
@@ -407,32 +423,26 @@ Pentru lista completă și actualizată, consultă [identitatero.vercel.app](htt
|
|
|
407
423
|
```html
|
|
408
424
|
<!DOCTYPE html>
|
|
409
425
|
<html>
|
|
410
|
-
<head>
|
|
411
|
-
|
|
412
|
-
</head>
|
|
413
|
-
<body>
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
</body>
|
|
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>
|
|
420
436
|
</html>
|
|
421
437
|
```
|
|
422
438
|
|
|
423
439
|
### React/Next.js
|
|
424
440
|
|
|
425
441
|
```jsx
|
|
426
|
-
export default function InstitutionLogo({ slug, variant =
|
|
427
|
-
const cdnUrl = `https://cdn.jsdelivr.net/npm/@identitate-
|
|
428
|
-
|
|
429
|
-
return
|
|
430
|
-
<img
|
|
431
|
-
src={cdnUrl}
|
|
432
|
-
alt={slug}
|
|
433
|
-
loading="lazy"
|
|
434
|
-
/>
|
|
435
|
-
);
|
|
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" />;
|
|
436
446
|
}
|
|
437
447
|
```
|
|
438
448
|
|
|
@@ -440,20 +450,17 @@ export default function InstitutionLogo({ slug, variant = 'color' }) {
|
|
|
440
450
|
|
|
441
451
|
```vue
|
|
442
452
|
<template>
|
|
443
|
-
<img
|
|
444
|
-
:src="logoUrl"
|
|
445
|
-
:alt="institution"
|
|
446
|
-
loading="lazy"
|
|
447
|
-
/>
|
|
453
|
+
<img :src="logoUrl" :alt="institution" loading="lazy" />
|
|
448
454
|
</template>
|
|
449
455
|
|
|
450
456
|
<script setup>
|
|
451
|
-
import { computed } from
|
|
457
|
+
import { computed } from "vue";
|
|
452
458
|
|
|
453
|
-
const props = defineProps([
|
|
459
|
+
const props = defineProps(["institution", "variant"]);
|
|
454
460
|
|
|
455
|
-
const logoUrl = computed(
|
|
456
|
-
|
|
461
|
+
const logoUrl = computed(
|
|
462
|
+
() =>
|
|
463
|
+
`https://cdn.jsdelivr.net/npm/@identitate-md/logos/logos/${props.institution}/${props.institution}.svg`,
|
|
457
464
|
);
|
|
458
465
|
</script>
|
|
459
466
|
```
|
|
@@ -462,7 +469,7 @@ const logoUrl = computed(() =>
|
|
|
462
469
|
|
|
463
470
|
```css
|
|
464
471
|
.anaf-logo {
|
|
465
|
-
background-image: url(
|
|
472
|
+
background-image: url("https://cdn.jsdelivr.net/npm/@identitate-md/logos@1.3.1/logos/anaf/anaf.svg");
|
|
466
473
|
background-size: contain;
|
|
467
474
|
background-repeat: no-repeat;
|
|
468
475
|
width: 200px;
|
|
@@ -476,49 +483,53 @@ const logoUrl = computed(() =>
|
|
|
476
483
|
|
|
477
484
|
```html
|
|
478
485
|
<!-- ✅ Bine - versiune fixată -->
|
|
479
|
-
<img
|
|
486
|
+
<img
|
|
487
|
+
src="https://cdn.jsdelivr.net/npm/@identitate-md/logos@1.0.0/logos/anaf/anaf.svg"
|
|
488
|
+
/>
|
|
480
489
|
|
|
481
490
|
<!-- ⚠️ Evită în producție - poate schimba -->
|
|
482
|
-
<img
|
|
491
|
+
<img
|
|
492
|
+
src="https://cdn.jsdelivr.net/npm/@identitate-md/logos@1.3.1/logos/anaf/anaf.svg"
|
|
493
|
+
/>
|
|
483
494
|
```
|
|
484
495
|
|
|
485
496
|
### 2. Optimizare Performanță
|
|
486
497
|
|
|
487
498
|
```html
|
|
488
499
|
<!-- Lazy loading -->
|
|
489
|
-
<img
|
|
490
|
-
src="https://cdn.jsdelivr.net/npm/@identitate-
|
|
500
|
+
<img
|
|
501
|
+
src="https://cdn.jsdelivr.net/npm/@identitate-md/logos/logos/anaf/anaf.svg"
|
|
491
502
|
loading="lazy"
|
|
492
503
|
alt="ANAF"
|
|
493
|
-
|
|
504
|
+
/>
|
|
494
505
|
|
|
495
506
|
<!-- Preload pentru logo-uri critice -->
|
|
496
|
-
<link
|
|
497
|
-
rel="preload"
|
|
498
|
-
href="https://cdn.jsdelivr.net/npm/@identitate-
|
|
507
|
+
<link
|
|
508
|
+
rel="preload"
|
|
509
|
+
href="https://cdn.jsdelivr.net/npm/@identitate-md/logos/logos/guvernul-republicii-moldova/guvernul-republicii-moldova.svg"
|
|
499
510
|
as="image"
|
|
500
|
-
|
|
511
|
+
/>
|
|
501
512
|
```
|
|
502
513
|
|
|
503
514
|
### 3. Fallback Strategy
|
|
504
515
|
|
|
505
516
|
```html
|
|
506
|
-
<img
|
|
507
|
-
src="https://cdn.jsdelivr.net/npm/@identitate-
|
|
508
|
-
onerror="this.src='https://unpkg.com/@identitate-
|
|
517
|
+
<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'"
|
|
509
520
|
alt="ANAF"
|
|
510
|
-
|
|
521
|
+
/>
|
|
511
522
|
```
|
|
512
523
|
|
|
513
524
|
### 4. Accesibilitate
|
|
514
525
|
|
|
515
526
|
```html
|
|
516
527
|
<!-- ✅ Include întotdeauna alt text descriptiv -->
|
|
517
|
-
<img
|
|
518
|
-
src="https://cdn.jsdelivr.net/npm/@identitate-
|
|
528
|
+
<img
|
|
529
|
+
src="https://cdn.jsdelivr.net/npm/@identitate-md/logos/logos/anaf/anaf.svg"
|
|
519
530
|
alt="Logo Agenția Națională de Administrare Fiscală"
|
|
520
531
|
role="img"
|
|
521
|
-
|
|
532
|
+
/>
|
|
522
533
|
```
|
|
523
534
|
|
|
524
535
|
## 📄 Licență
|
|
@@ -542,13 +553,13 @@ Pentru a adăuga logo-uri noi sau pentru a raporta probleme:
|
|
|
542
553
|
- **Website**: [identitatero.vercel.app](https://identitatero.vercel.app)
|
|
543
554
|
- **Documentație**: [identitatero.vercel.app/utilizare](https://identitatero.vercel.app/utilizare)
|
|
544
555
|
- **GitHub**: [github.com/laurentiucotet/IdentitateRO](https://github.com/laurentiucotet/IdentitateRO)
|
|
545
|
-
- **npm Package**: [@identitate-
|
|
546
|
-
- **jsDelivr CDN**: [cdn.jsdelivr.net/npm/@identitate-
|
|
547
|
-
- **unpkg CDN**: [unpkg.com/@identitate-
|
|
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/)
|
|
548
559
|
|
|
549
560
|
## 📊 Stats
|
|
550
561
|
|
|
551
|
-

|
|
552
563
|
|
|
553
564
|
---
|
|
554
565
|
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@identitate-md/logos",
|
|
3
|
-
"version": "1.3.
|
|
4
|
-
"description": "Logo-uri oficiale ale instituțiilor publice din Republica Moldova — Official logos of
|
|
3
|
+
"version": "1.3.7",
|
|
4
|
+
"description": "Logo-uri oficiale ale instituțiilor publice din Republica Moldova — Official logos of public institutions from the Republic of Moldova",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "IdentitateMD Contributors",
|
|
7
7
|
"repository": {
|