@nohemia/widgets 0.1.0

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.
Files changed (14) hide show
  1. package/LICENSE +21 -0
  2. package/README.de.md +140 -0
  3. package/README.es.md +149 -0
  4. package/README.fr.md +139 -0
  5. package/README.it.md +140 -0
  6. package/README.ja.md +140 -0
  7. package/README.ko.md +140 -0
  8. package/README.md +146 -0
  9. package/README.pl.md +140 -0
  10. package/README.pt.md +149 -0
  11. package/README.tr.md +147 -0
  12. package/examples/index.html +34 -0
  13. package/package.json +44 -0
  14. package/src/nohemia-widget.js +54 -0
package/LICENSE ADDED
@@ -0,0 +1,21 @@
1
+ MIT License
2
+
3
+ Copyright (c) 2026 Jade Nohemia / Nohemia (https://nohemia.com)
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
package/README.de.md ADDED
@@ -0,0 +1,140 @@
1
+ # Nohemia Widgets
2
+
3
+ **[English](README.md) · [Français](README.fr.md) · [Português](README.pt.md) · [Español](README.es.md) · [Italiano](README.it.md) · [Deutsch](README.de.md) · [Polski](README.pl.md) · [한국어](README.ko.md) · [日本語](README.ja.md) · [Türkçe](README.tr.md)**
4
+
5
+ **Kostenlose, einbettbare Astrologie- und Mond-Widgets für jede Website.** Echte Ephemeriden-Daten, jede Nacht aktualisiert, ohne Konto, ohne Tracking, ohne JavaScript. Eine einzige HTML-Zeile einfügen, fertig.
6
+
7
+ Erstellt und gepflegt von [Jade Nohemia](https://nohemia.com/fr/auteur/jade/) auf **[nohemia.com](https://nohemia.com/fr/)**.
8
+ Galerie und Live-Vorschauen: **[nohemia.com/fr/widgets](https://nohemia.com/fr/widgets/)**.
9
+
10
+ > Des widgets d'astrologie gratuits pour ton site. La lune du jour, le ciel du moment : un petit cadre
11
+ > soigné à coller en deux copier-coller, recalculé chaque nuit à partir d'une éphéméride réelle.
12
+
13
+ ---
14
+
15
+ ## Quick start (plain HTML)
16
+
17
+ Füge das einfach irgendwo auf deiner Seite ein. Es funktioniert auf jeder Website, die HTML akzeptiert (WordPress, Wix, Squarespace, Webflow, Ghost, Shopify, eine statische Seite ...).
18
+
19
+ ```html
20
+ <iframe src="https://nohemia.com/fr/widgets/lune/clair-m/"
21
+ width="300" height="210" loading="lazy"
22
+ title="Calendrier lunaire" style="border:0;border-radius:12px;max-width:100%"></iframe>
23
+ <p style="font:12px/1.4 system-ui,sans-serif;text-align:center;margin:6px 0 0">
24
+ <a href="https://nohemia.com/fr/lune/" rel="nofollow">Calendrier lunaire par Nohemia</a>
25
+ </p>
26
+ ```
27
+
28
+ Die kleine Credit-Zeile ist das einzige Dankeschön, um das wir bitten. Sie ist optional: Du kannst sie anpassen oder entfernen, das Widget funktioniert trotzdem genauso.
29
+
30
+ ---
31
+
32
+ ## Widgets
33
+
34
+ | Widget | `type` | Beschreibung | Größen |
35
+ |--------|--------|-------------|-------|
36
+ | Mond heute | `lune` | Phase, Tierkreiszeichen und nächster Vollmond | `s` (220x140), `m` (300x210) |
37
+ | Himmel heute | `ciel` | Sonne und Mond nach Tierkreiszeichen, aktuelle Phase | `s` (230x150), `m` (300x200) |
38
+
39
+ Jeder `type` kommt in zwei Themes (`clair` / `sombre`) und zwei Größen (`s` / `m`). Das URL-Schema lautet:
40
+
41
+ ```
42
+ https://nohemia.com/fr/widgets/{type}/{theme}-{size}/
43
+ ```
44
+
45
+ Weitere Widgets sind in Arbeit: Countdown bis zum Vollmond, Tageshoroskop nach Tierkreiszeichen, laufende Rückläufigkeiten.
46
+
47
+ ---
48
+
49
+ ## Framework-Beispiele
50
+
51
+ ### WordPress
52
+ Füge einen **Custom-HTML**-Block hinzu (oder nutze im klassischen Editor den Reiter *Text*) und setze das Quick-start-Snippet ein. Kein Plugin nötig.
53
+
54
+ ### React / Next.js
55
+ ```jsx
56
+ export function MoonWidget() {
57
+ return (
58
+ <>
59
+ <iframe
60
+ src="https://nohemia.com/fr/widgets/lune/clair-m/"
61
+ width={300} height={210} loading="lazy"
62
+ title="Calendrier lunaire"
63
+ style={{ border: 0, borderRadius: 12, maxWidth: '100%' }}
64
+ />
65
+ <p style={{ font: '12px/1.4 system-ui, sans-serif', textAlign: 'center', margin: '6px 0 0' }}>
66
+ <a href="https://nohemia.com/fr/lune/" rel="nofollow">Calendrier lunaire par Nohemia</a>
67
+ </p>
68
+ </>
69
+ )
70
+ }
71
+ ```
72
+
73
+ ### Vue
74
+ ```vue
75
+ <template>
76
+ <iframe src="https://nohemia.com/fr/widgets/ciel/sombre-m/"
77
+ width="300" height="200" loading="lazy" title="Le ciel du jour"
78
+ style="border:0;border-radius:12px;max-width:100%" />
79
+ </template>
80
+ ```
81
+
82
+ ### Webflow / Squarespace
83
+ Ziehe ein **Embed**-Element (Webflow) oder einen **Code**-Block (Squarespace) auf die Seite und setze das Quick-start-Snippet ein.
84
+
85
+ ---
86
+
87
+ ## Web component (npm)
88
+
89
+ Wenn du einen Tag statt eines iframes bevorzugst, installiere die winzige Web Component (ein schlanker Wrapper ohne Abhängigkeiten):
90
+
91
+ ```bash
92
+ npm i @nohemia/widgets
93
+ ```
94
+
95
+ ```html
96
+ <script type="module">import '@nohemia/widgets'</script>
97
+
98
+ <nohemia-widget type="lune" theme="clair" size="m"></nohemia-widget>
99
+ <nohemia-widget type="ciel" theme="sombre" size="s"></nohemia-widget>
100
+ ```
101
+
102
+ Oder lade sie direkt von einem CDN, ganz ohne Build-Schritt:
103
+
104
+ ```html
105
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@nohemia/widgets"></script>
106
+ <nohemia-widget type="lune"></nohemia-widget>
107
+ ```
108
+
109
+ Attribute: `type` (`lune` | `ciel`), `theme` (`clair` | `sombre`), `size` (`s` | `m`). Die Komponente rendert lediglich das offizielle iframe, sodass Daten und Gestaltung stets mit nohemia.com synchron bleiben.
110
+
111
+ ---
112
+
113
+ ## Daten & Aktualität
114
+
115
+ Nichts wird von Hand eingetragen. Phasen, Tierkreiszeichen und Zeiten stammen aus einer echten astronomischen Ephemeride ([astronomy-engine](https://github.com/cosinekitty/astronomy), MIT) und werden jede Nacht neu berechnet. Die Zeiten sind in Europe/Paris angegeben, auf die Minute genau. Dieselben Daten speisen auch den vollständigen [Mondkalender auf nohemia.com](https://nohemia.com/fr/lune/calendrier-pleines-lunes/).
116
+
117
+ Du kannst auch das rohe JSON auslesen, wenn du dir etwas Eigenes bauen möchtest:
118
+ `https://nohemia.com/widgets/lune/data.json` (heutige Phase, nächster Voll- und Neumond, die zehn kommenden Lunationen).
119
+
120
+ ---
121
+
122
+ ## Warum diese Widgets
123
+
124
+ - **Kostenlos, für immer.** Kein Konto, kein API-Schlüssel, kein Rate-Limit.
125
+ - **Leicht und sicher.** Ein abgeschottetes iframe: Es liest niemals deine Seite, setzt keinen Cookie und bremst deine Website nicht aus.
126
+ - **Redaktionelles Design.** Warm, schlicht, im Nohemia-Stil. Helle und dunkle Themes.
127
+ - **Ehrlich, mit echten Daten.** Eine echte Ephemeride, keine fest verdrahtete Tabelle.
128
+ - **Datenschutzfreundlich.** Null Tracking, DSGVO-konform schon im Aufbau.
129
+
130
+ ---
131
+
132
+ ## Links
133
+
134
+ - Website: [nohemia.com](https://nohemia.com/fr/) · Widget-Galerie: [nohemia.com/fr/widgets](https://nohemia.com/fr/widgets/)
135
+ - Autorin: [Jade Nohemia](https://nohemia.com/fr/auteur/jade/)
136
+ - Issues & Ideen: [github.com/jadenohemia/nohemia-widgets/issues](https://github.com/jadenohemia/nohemia-widgets/issues)
137
+
138
+ ## Lizenz
139
+
140
+ [MIT](./LICENSE) © Jade Nohemia / Nohemia. Überall einsetzbar, auch kommerziell. Ein Backlink zu [nohemia.com](https://nohemia.com/fr/) freut uns, ist aber niemals Pflicht.
package/README.es.md ADDED
@@ -0,0 +1,149 @@
1
+ # Nohemia Widgets
2
+
3
+ **[English](README.md) · [Français](README.fr.md) · [Português](README.pt.md) · [Español](README.es.md) · [Italiano](README.it.md) · [Deutsch](README.de.md) · [Polski](README.pl.md) · [한국어](README.ko.md) · [日本語](README.ja.md) · [Türkçe](README.tr.md)**
4
+
5
+ **Widgets gratuitos e integrables de astrología y luna para cualquier web.** Datos de efemérides reales, actualizados cada
6
+ noche, sin cuenta, sin rastreo y sin necesidad de JavaScript. Pega una línea de HTML y listo.
7
+
8
+ Creado y mantenido por [Jade Nohemia](https://nohemia.com/fr/auteur/jade/) en **[nohemia.com](https://nohemia.com/fr/)**.
9
+ Galería y vistas previas en directo: **[nohemia.com/fr/widgets](https://nohemia.com/fr/widgets/)**.
10
+
11
+ > Des widgets d'astrologie gratuits pour ton site. La lune du jour, le ciel du moment : un petit cadre
12
+ > soigné à coller en deux copier-coller, recalculé chaque nuit à partir d'une éphéméride réelle.
13
+
14
+ ---
15
+
16
+ ## Inicio rápido (HTML sencillo)
17
+
18
+ Pega esto en cualquier parte de tu página. Funciona en cualquier sitio que admita HTML (WordPress, Wix, Squarespace,
19
+ Webflow, Ghost, Shopify, una página estática...).
20
+
21
+ ```html
22
+ <iframe src="https://nohemia.com/fr/widgets/lune/clair-m/"
23
+ width="300" height="210" loading="lazy"
24
+ title="Calendrier lunaire" style="border:0;border-radius:12px;max-width:100%"></iframe>
25
+ <p style="font:12px/1.4 system-ui,sans-serif;text-align:center;margin:6px 0 0">
26
+ <a href="https://nohemia.com/fr/lune/" rel="nofollow">Calendrier lunaire par Nohemia</a>
27
+ </p>
28
+ ```
29
+
30
+ Esa pequeña línea de crédito es el único agradecimiento que te pedimos. Es opcional: puedes editarla o quitarla, y el
31
+ widget seguirá funcionando exactamente igual.
32
+
33
+ ---
34
+
35
+ ## Widgets
36
+
37
+ | Widget | `type` | Descripción | Tamaños |
38
+ |--------|--------|-------------|-------|
39
+ | La luna hoy | `lune` | Fase, signo y próxima luna llena | `s` (220x140), `m` (300x210) |
40
+ | El cielo hoy | `ciel` | Sol y Luna por signo, fase actual | `s` (230x150), `m` (300x200) |
41
+
42
+ Cada `type` viene en dos temas (`clair` / `sombre`) y dos tamaños (`s` / `m`). El patrón de la URL es:
43
+
44
+ ```
45
+ https://nohemia.com/fr/widgets/{type}/{theme}-{size}/
46
+ ```
47
+
48
+ Pronto llegarán más widgets: cuenta atrás para la luna llena, horóscopo diario por signo y retrógrados en curso.
49
+
50
+ ---
51
+
52
+ ## Ejemplos por framework
53
+
54
+ ### WordPress
55
+ Añade un bloque **HTML personalizado** (o usa la pestaña *Texto* del editor clásico) y pega el fragmento de Inicio rápido.
56
+ No hace falta ningún plugin.
57
+
58
+ ### React / Next.js
59
+ ```jsx
60
+ export function MoonWidget() {
61
+ return (
62
+ <>
63
+ <iframe
64
+ src="https://nohemia.com/fr/widgets/lune/clair-m/"
65
+ width={300} height={210} loading="lazy"
66
+ title="Calendrier lunaire"
67
+ style={{ border: 0, borderRadius: 12, maxWidth: '100%' }}
68
+ />
69
+ <p style={{ font: '12px/1.4 system-ui, sans-serif', textAlign: 'center', margin: '6px 0 0' }}>
70
+ <a href="https://nohemia.com/fr/lune/" rel="nofollow">Calendrier lunaire par Nohemia</a>
71
+ </p>
72
+ </>
73
+ )
74
+ }
75
+ ```
76
+
77
+ ### Vue
78
+ ```vue
79
+ <template>
80
+ <iframe src="https://nohemia.com/fr/widgets/ciel/sombre-m/"
81
+ width="300" height="200" loading="lazy" title="Le ciel du jour"
82
+ style="border:0;border-radius:12px;max-width:100%" />
83
+ </template>
84
+ ```
85
+
86
+ ### Webflow / Squarespace
87
+ Coloca un elemento **Embed** (Webflow) o un bloque **Code** (Squarespace) y pega el fragmento de Inicio rápido.
88
+
89
+ ---
90
+
91
+ ## Web component (npm)
92
+
93
+ Si prefieres una etiqueta antes que un iframe, instala el pequeño web component (un envoltorio ligero y sin dependencias):
94
+
95
+ ```bash
96
+ npm i @nohemia/widgets
97
+ ```
98
+
99
+ ```html
100
+ <script type="module">import '@nohemia/widgets'</script>
101
+
102
+ <nohemia-widget type="lune" theme="clair" size="m"></nohemia-widget>
103
+ <nohemia-widget type="ciel" theme="sombre" size="s"></nohemia-widget>
104
+ ```
105
+
106
+ O cárgalo directamente desde un CDN, sin paso de compilación:
107
+
108
+ ```html
109
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@nohemia/widgets"></script>
110
+ <nohemia-widget type="lune"></nohemia-widget>
111
+ ```
112
+
113
+ Atributos: `type` (`lune` | `ciel`), `theme` (`clair` | `sombre`), `size` (`s` | `m`). El componente
114
+ se limita a renderizar el iframe oficial, así que los datos y el estilo se mantienen sincronizados con nohemia.com.
115
+
116
+ ---
117
+
118
+ ## Datos y actualización
119
+
120
+ Nada está escrito a mano. Las fases, los signos y las horas provienen de una efeméride astronómica real
121
+ ([astronomy-engine](https://github.com/cosinekitty/astronomy), MIT), recalculada cada noche. Las horas se
122
+ indican en Europe/Paris, al minuto. Los mismos datos alimentan el
123
+ [calendario lunar completo en nohemia.com](https://nohemia.com/fr/lune/calendrier-pleines-lunes/).
124
+
125
+ También puedes leer el JSON en bruto si quieres crear el tuyo propio:
126
+ `https://nohemia.com/widgets/lune/data.json` (la fase de hoy, la próxima luna llena y luna nueva, y las diez próximas lunaciones).
127
+
128
+ ---
129
+
130
+ ## Por qué estos widgets
131
+
132
+ - **Gratis, para siempre.** Sin cuenta, sin clave de API, sin límite de uso.
133
+ - **Ligeros y seguros.** Un iframe aislado: nunca lee tu página, no instala ninguna cookie y no ralentiza tu sitio.
134
+ - **Diseño editorial.** Cálido, sobrio, al estilo Nohemia. Temas claro y oscuro.
135
+ - **Datos honestos y reales.** Una efeméride genuina, no una tabla escrita a mano.
136
+ - **Respetuosos con la privacidad.** Cero rastreo, conformes con el RGPD por diseño.
137
+
138
+ ---
139
+
140
+ ## Enlaces
141
+
142
+ - Sitio: [nohemia.com](https://nohemia.com/fr/) · Galería de widgets: [nohemia.com/fr/widgets](https://nohemia.com/fr/widgets/)
143
+ - Autora: [Jade Nohemia](https://nohemia.com/fr/auteur/jade/)
144
+ - Incidencias e ideas: [github.com/jadenohemia/nohemia-widgets/issues](https://github.com/jadenohemia/nohemia-widgets/issues)
145
+
146
+ ## Licencia
147
+
148
+ [MIT](./LICENSE) © Jade Nohemia / Nohemia. Úsalos donde quieras, incluso con fines comerciales. Un enlace de vuelta a
149
+ [nohemia.com](https://nohemia.com/fr/) se agradece, pero nunca es obligatorio.
package/README.fr.md ADDED
@@ -0,0 +1,139 @@
1
+ # Nohemia Widgets
2
+
3
+ **[English](README.md) · [Français](README.fr.md) · [Português](README.pt.md) · [Español](README.es.md) · [Italiano](README.it.md) · [Deutsch](README.de.md) · [Polski](README.pl.md) · [한국어](README.ko.md) · [日本語](README.ja.md) · [Türkçe](README.tr.md)**
4
+
5
+ **Des widgets d'astrologie et de lune gratuits, à intégrer sur n'importe quel site.** Données d'éphéméride réelles, recalculées chaque nuit, sans compte, sans pistage, sans JavaScript. Une ligne de HTML à coller, et c'est prêt.
6
+
7
+ Conçus et entretenus par [Jade Nohemia](https://nohemia.com/fr/auteur/jade/) sur **[nohemia.com](https://nohemia.com/fr/)**.
8
+ Galerie et aperçus en direct : **[nohemia.com/fr/widgets](https://nohemia.com/fr/widgets/)**.
9
+
10
+ > Des widgets d'astrologie gratuits pour ton site. La lune du jour, le ciel du moment : un petit cadre soigné à coller en deux copier-coller, recalculé chaque nuit à partir d'une éphéméride réelle.
11
+
12
+ ---
13
+
14
+ ## Démarrage rapide (HTML simple)
15
+
16
+ Collez ce code n'importe où dans votre page. Il fonctionne sur tous les sites qui acceptent du HTML (WordPress, Wix, Squarespace, Webflow, Ghost, Shopify, une page statique…).
17
+
18
+ ```html
19
+ <iframe src="https://nohemia.com/fr/widgets/lune/clair-m/"
20
+ width="300" height="210" loading="lazy"
21
+ title="Calendrier lunaire" style="border:0;border-radius:12px;max-width:100%"></iframe>
22
+ <p style="font:12px/1.4 system-ui,sans-serif;text-align:center;margin:6px 0 0">
23
+ <a href="https://nohemia.com/fr/lune/" rel="nofollow">Calendrier lunaire par Nohemia</a>
24
+ </p>
25
+ ```
26
+
27
+ Cette petite ligne de crédit est le seul remerciement que nous demandons. Elle reste facultative : vous pouvez la modifier ou la retirer, le widget fonctionne exactement de la même façon.
28
+
29
+ ---
30
+
31
+ ## Les widgets
32
+
33
+ | Widget | `type` | Description | Tailles |
34
+ |--------|--------|-------------|---------|
35
+ | La lune aujourd'hui | `lune` | Phase, signe et prochaine pleine lune | `s` (220x140), `m` (300x210) |
36
+ | Le ciel aujourd'hui | `ciel` | Soleil et Lune par signe, phase actuelle | `s` (230x150), `m` (300x200) |
37
+
38
+ Chaque `type` est proposé en deux thèmes (`clair` / `sombre`) et deux tailles (`s` / `m`). Le motif d'URL est le suivant :
39
+
40
+ ```
41
+ https://nohemia.com/fr/widgets/{type}/{theme}-{size}/
42
+ ```
43
+
44
+ D'autres widgets arrivent : compte à rebours jusqu'à la pleine lune, horoscope quotidien par signe, rétrogradations en cours.
45
+
46
+ ---
47
+
48
+ ## Exemples par framework
49
+
50
+ ### WordPress
51
+ Ajoutez un bloc **HTML personnalisé** (ou passez par l'onglet *Texte* de l'éditeur Classique) et collez l'extrait du Démarrage rapide. Aucune extension requise.
52
+
53
+ ### React / Next.js
54
+ ```jsx
55
+ export function MoonWidget() {
56
+ return (
57
+ <>
58
+ <iframe
59
+ src="https://nohemia.com/fr/widgets/lune/clair-m/"
60
+ width={300} height={210} loading="lazy"
61
+ title="Calendrier lunaire"
62
+ style={{ border: 0, borderRadius: 12, maxWidth: '100%' }}
63
+ />
64
+ <p style={{ font: '12px/1.4 system-ui, sans-serif', textAlign: 'center', margin: '6px 0 0' }}>
65
+ <a href="https://nohemia.com/fr/lune/" rel="nofollow">Calendrier lunaire par Nohemia</a>
66
+ </p>
67
+ </>
68
+ )
69
+ }
70
+ ```
71
+
72
+ ### Vue
73
+ ```vue
74
+ <template>
75
+ <iframe src="https://nohemia.com/fr/widgets/ciel/sombre-m/"
76
+ width="300" height="200" loading="lazy" title="Le ciel du jour"
77
+ style="border:0;border-radius:12px;max-width:100%" />
78
+ </template>
79
+ ```
80
+
81
+ ### Webflow / Squarespace
82
+ Déposez un élément **Embed** (Webflow) ou un bloc **Code** (Squarespace), puis collez l'extrait du Démarrage rapide.
83
+
84
+ ---
85
+
86
+ ## Web component (npm)
87
+
88
+ Si vous préférez une balise à une iframe, installez le petit web component (un wrapper léger, sans dépendance) :
89
+
90
+ ```bash
91
+ npm i @nohemia/widgets
92
+ ```
93
+
94
+ ```html
95
+ <script type="module">import '@nohemia/widgets'</script>
96
+
97
+ <nohemia-widget type="lune" theme="clair" size="m"></nohemia-widget>
98
+ <nohemia-widget type="ciel" theme="sombre" size="s"></nohemia-widget>
99
+ ```
100
+
101
+ Ou chargez-le directement depuis un CDN, sans étape de build :
102
+
103
+ ```html
104
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@nohemia/widgets"></script>
105
+ <nohemia-widget type="lune"></nohemia-widget>
106
+ ```
107
+
108
+ Attributs : `type` (`lune` | `ciel`), `theme` (`clair` | `sombre`), `size` (`s` | `m`). Le composant se contente d'afficher l'iframe officielle : les données et le style restent donc synchronisés avec nohemia.com.
109
+
110
+ ---
111
+
112
+ ## Données et fraîcheur
113
+
114
+ Rien n'est saisi à la main. Les phases, les signes et les horaires proviennent d'une véritable éphéméride astronomique ([astronomy-engine](https://github.com/cosinekitty/astronomy), MIT), recalculée chaque nuit. Les horaires sont donnés en Europe/Paris, à la minute près. Ces mêmes données alimentent l'intégralité du [calendrier lunaire sur nohemia.com](https://nohemia.com/fr/lune/calendrier-pleines-lunes/).
115
+
116
+ Vous pouvez aussi lire le JSON brut si vous voulez construire le vôtre :
117
+ `https://nohemia.com/widgets/lune/data.json` (la phase du jour, les prochaines pleine et nouvelle lunes, et les dix prochaines lunaisons).
118
+
119
+ ---
120
+
121
+ ## Pourquoi ces widgets
122
+
123
+ - **Gratuits, pour toujours.** Sans compte, sans clé d'API, sans limite de requêtes.
124
+ - **Légers et sûrs.** Une iframe isolée (sandbox) : elle ne lit jamais votre page, ne pose aucun cookie et ne ralentit pas votre site.
125
+ - **Un design éditorial.** Chaleureux, sobre, dans l'esprit Nohemia. Thèmes clair et sombre.
126
+ - **Des données réelles et honnêtes.** Une vraie éphéméride, pas une table figée en dur.
127
+ - **Respectueux de la vie privée.** Zéro pistage, conforme au RGPD par construction.
128
+
129
+ ---
130
+
131
+ ## Liens
132
+
133
+ - Site : [nohemia.com](https://nohemia.com/fr/) · Galerie des widgets : [nohemia.com/fr/widgets](https://nohemia.com/fr/widgets/)
134
+ - Autrice : [Jade Nohemia](https://nohemia.com/fr/auteur/jade/)
135
+ - Bugs et idées : [github.com/jadenohemia/nohemia-widgets/issues](https://github.com/jadenohemia/nohemia-widgets/issues)
136
+
137
+ ## Licence
138
+
139
+ [MIT](./LICENSE) © Jade Nohemia / Nohemia. Utilisez-les partout, y compris à des fins commerciales. Un lien de retour vers [nohemia.com](https://nohemia.com/fr/) est apprécié, mais jamais obligatoire.
package/README.it.md ADDED
@@ -0,0 +1,140 @@
1
+ # Widget Nohemia
2
+
3
+ **[English](README.md) · [Français](README.fr.md) · [Português](README.pt.md) · [Español](README.es.md) · [Italiano](README.it.md) · [Deutsch](README.de.md) · [Polski](README.pl.md) · [한국어](README.ko.md) · [日本語](README.ja.md) · [Türkçe](README.tr.md)**
4
+
5
+ **Widget gratuiti e incorporabili di astrologia e fasi lunari per qualsiasi sito web.** Dati di effemeridi reali, aggiornati ogni notte, senza account, senza tracciamento, senza JavaScript. Incolli una riga di HTML e il gioco è fatto.
6
+
7
+ Creati e gestiti da [Jade Nohemia](https://nohemia.com/fr/auteur/jade/) su **[nohemia.com](https://nohemia.com/fr/)**.
8
+ Galleria e anteprime dal vivo: **[nohemia.com/fr/widgets](https://nohemia.com/fr/widgets/)**.
9
+
10
+ > Des widgets d'astrologie gratuits pour ton site. La lune du jour, le ciel du moment : un petit cadre
11
+ > soigné à coller en deux copier-coller, recalculé chaque nuit à partir d'une éphéméride réelle.
12
+
13
+ ---
14
+
15
+ ## Avvio rapido (HTML semplice)
16
+
17
+ Incolla questo codice ovunque nella tua pagina. Funziona su qualsiasi sito che accetti HTML (WordPress, Wix, Squarespace, Webflow, Ghost, Shopify, una pagina statica...).
18
+
19
+ ```html
20
+ <iframe src="https://nohemia.com/fr/widgets/lune/clair-m/"
21
+ width="300" height="210" loading="lazy"
22
+ title="Calendrier lunaire" style="border:0;border-radius:12px;max-width:100%"></iframe>
23
+ <p style="font:12px/1.4 system-ui,sans-serif;text-align:center;margin:6px 0 0">
24
+ <a href="https://nohemia.com/fr/lune/" rel="nofollow">Calendrier lunaire par Nohemia</a>
25
+ </p>
26
+ ```
27
+
28
+ La piccola riga di credito è l'unico ringraziamento che ti chiediamo. È facoltativa: puoi modificarla o rimuoverla, il widget continuerà a funzionare esattamente allo stesso modo.
29
+
30
+ ---
31
+
32
+ ## Widget
33
+
34
+ | Widget | `type` | Descrizione | Dimensioni |
35
+ |--------|--------|-------------|-------|
36
+ | Luna di oggi | `lune` | Fase, segno e prossima luna piena | `s` (220x140), `m` (300x210) |
37
+ | Cielo di oggi | `ciel` | Sole e Luna per segno, fase attuale | `s` (230x150), `m` (300x200) |
38
+
39
+ Ogni `type` è disponibile in due temi (`clair` / `sombre`) e due dimensioni (`s` / `m`). Lo schema dell'URL è il seguente:
40
+
41
+ ```
42
+ https://nohemia.com/fr/widgets/{type}/{theme}-{size}/
43
+ ```
44
+
45
+ Altri widget sono in arrivo: conto alla rovescia per la luna piena, oroscopo del giorno per segno, retrogradazioni in corso.
46
+
47
+ ---
48
+
49
+ ## Esempi per framework
50
+
51
+ ### WordPress
52
+ Aggiungi un blocco **HTML personalizzato** (oppure usa la scheda *Testo* dell'editor classico) e incolla lo snippet dell'avvio rapido. Nessun plugin necessario.
53
+
54
+ ### React / Next.js
55
+ ```jsx
56
+ export function MoonWidget() {
57
+ return (
58
+ <>
59
+ <iframe
60
+ src="https://nohemia.com/fr/widgets/lune/clair-m/"
61
+ width={300} height={210} loading="lazy"
62
+ title="Calendrier lunaire"
63
+ style={{ border: 0, borderRadius: 12, maxWidth: '100%' }}
64
+ />
65
+ <p style={{ font: '12px/1.4 system-ui, sans-serif', textAlign: 'center', margin: '6px 0 0' }}>
66
+ <a href="https://nohemia.com/fr/lune/" rel="nofollow">Calendrier lunaire par Nohemia</a>
67
+ </p>
68
+ </>
69
+ )
70
+ }
71
+ ```
72
+
73
+ ### Vue
74
+ ```vue
75
+ <template>
76
+ <iframe src="https://nohemia.com/fr/widgets/ciel/sombre-m/"
77
+ width="300" height="200" loading="lazy" title="Le ciel du jour"
78
+ style="border:0;border-radius:12px;max-width:100%" />
79
+ </template>
80
+ ```
81
+
82
+ ### Webflow / Squarespace
83
+ Trascina un elemento **Embed** (Webflow) o un blocco **Code** (Squarespace) e incolla lo snippet dell'avvio rapido.
84
+
85
+ ---
86
+
87
+ ## Web component (npm)
88
+
89
+ Se preferisci un tag a un iframe, installa il piccolo web component (un wrapper leggero e senza dipendenze):
90
+
91
+ ```bash
92
+ npm i @nohemia/widgets
93
+ ```
94
+
95
+ ```html
96
+ <script type="module">import '@nohemia/widgets'</script>
97
+
98
+ <nohemia-widget type="lune" theme="clair" size="m"></nohemia-widget>
99
+ <nohemia-widget type="ciel" theme="sombre" size="s"></nohemia-widget>
100
+ ```
101
+
102
+ Oppure caricalo direttamente da una CDN, senza alcun passaggio di build:
103
+
104
+ ```html
105
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@nohemia/widgets"></script>
106
+ <nohemia-widget type="lune"></nohemia-widget>
107
+ ```
108
+
109
+ Attributi: `type` (`lune` | `ciel`), `theme` (`clair` | `sombre`), `size` (`s` | `m`). Il componente si limita a renderizzare l'iframe ufficiale, così i dati e lo stile restano sempre allineati con nohemia.com.
110
+
111
+ ---
112
+
113
+ ## Dati e freschezza
114
+
115
+ Niente è scritto a mano. Fasi, segni e orari provengono da un'effemeride astronomica reale ([astronomy-engine](https://github.com/cosinekitty/astronomy), MIT), ricalcolata ogni notte. Gli orari sono indicati in Europe/Paris, al minuto. Gli stessi dati alimentano l'intero [calendario lunare su nohemia.com](https://nohemia.com/fr/lune/calendrier-pleines-lunes/).
116
+
117
+ Puoi anche leggere il JSON grezzo se vuoi costruire la tua versione:
118
+ `https://nohemia.com/widgets/lune/data.json` (la fase di oggi, la prossima luna piena e luna nuova, le dieci lunazioni successive).
119
+
120
+ ---
121
+
122
+ ## Perché questi widget
123
+
124
+ - **Gratuiti, per sempre.** Nessun account, nessuna chiave API, nessun limite di richieste.
125
+ - **Leggeri e sicuri.** Un iframe in sandbox: non legge mai la tua pagina, non imposta alcun cookie e non rallenta il tuo sito.
126
+ - **Design editoriale.** Caldo, sobrio, nello stile Nohemia. Temi chiaro e scuro.
127
+ - **Dati onesti e reali.** Una vera effemeride, non una tabella scritta a mano.
128
+ - **Rispettosi della privacy.** Zero tracciamento, conformi al GDPR per costruzione.
129
+
130
+ ---
131
+
132
+ ## Link
133
+
134
+ - Sito: [nohemia.com](https://nohemia.com/fr/) · Galleria dei widget: [nohemia.com/fr/widgets](https://nohemia.com/fr/widgets/)
135
+ - Autrice: [Jade Nohemia](https://nohemia.com/fr/auteur/jade/)
136
+ - Segnalazioni e idee: [github.com/jadenohemia/nohemia-widgets/issues](https://github.com/jadenohemia/nohemia-widgets/issues)
137
+
138
+ ## Licenza
139
+
140
+ [MIT](./LICENSE) © Jade Nohemia / Nohemia. Usali ovunque, anche a scopo commerciale. Un link di ritorno a [nohemia.com](https://nohemia.com/fr/) è gradito ma mai obbligatorio.