@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/README.ja.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
+ **どんなWebサイトにもすぐ埋め込める、無料の占星術＆月のウィジェット。** 実際の天体暦データを使い、毎晩更新。アカウント不要、トラッキングなし、JavaScript不要です。HTMLを1行貼り付けるだけで完了します。
6
+
7
+ [Jade Nohemia](https://nohemia.com/fr/auteur/jade/) が **[nohemia.com](https://nohemia.com/fr/)** で開発・運用しています。
8
+ ギャラリーとライブプレビューはこちら：**[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 (プレーンなHTML)
16
+
17
+ ページのどこにでも、これを貼り付けてください。HTMLを受け付けるサイトであればどこでも動作します（WordPress、Wix、Squarespace、Webflow、Ghost、Shopify、静的ページなど）。
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
+ この小さなクレジット行が、私たちがお願いする唯一の「ありがとう」です。任意ですので、編集しても削除してもかまいません。ウィジェットはまったく同じように動作します。
29
+
30
+ ---
31
+
32
+ ## ウィジェット一覧
33
+
34
+ | ウィジェット | `type` | 説明 | サイズ |
35
+ |--------|--------|-------------|-------|
36
+ | 今日の月 | `lune` | 月相、星座、次の満月 | `s` (220x140), `m` (300x210) |
37
+ | 今日の空 | `ciel` | 星座ごとの太陽と月、現在の月相 | `s` (230x150), `m` (300x200) |
38
+
39
+ それぞれの `type` には2つのテーマ（`clair` / `sombre`）と2つのサイズ（`s` / `m`）が用意されています。URLのパターンは次のとおりです。
40
+
41
+ ```
42
+ https://nohemia.com/fr/widgets/{type}/{theme}-{size}/
43
+ ```
44
+
45
+ さらに多くのウィジェットを準備中です。満月までのカウントダウン、星座別の日々の星占い、進行中の逆行など。
46
+
47
+ ---
48
+
49
+ ## フレームワーク別の例
50
+
51
+ ### WordPress
52
+ **カスタムHTML** ブロックを追加するか（あるいはクラシックエディターの *テキスト* タブを使い）、Quick start のスニペットを貼り付けてください。プラグインは不要です。
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
+ **Embed** 要素（Webflow）または **Code** ブロック（Squarespace）を配置し、Quick start のスニペットを貼り付けてください。
84
+
85
+ ---
86
+
87
+ ## Webコンポーネント (npm)
88
+
89
+ iframeよりタグのほうが好みであれば、小さなWebコンポーネント（薄く、依存関係のないラッパー）をインストールしてください。
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
+ あるいは、ビルド手順なしでCDNから直接読み込むこともできます。
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
+ 属性：`type`（`lune` | `ciel`）、`theme`（`clair` | `sombre`）、`size`（`s` | `m`）。このコンポーネントは公式のiframeを描画するだけなので、データとスタイルはnohemia.comと常に同期した状態が保たれます。
110
+
111
+ ---
112
+
113
+ ## データと更新頻度
114
+
115
+ 手入力されたものは一切ありません。月相、星座、時刻は、実際の天文暦（[astronomy-engine](https://github.com/cosinekitty/astronomy)、MIT）から取得され、毎晩再計算されます。時刻はEurope/Parisで、分単位まで示されます。同じデータが [nohemia.comの月の暦](https://nohemia.com/fr/lune/calendrier-pleines-lunes/) も支えています。
116
+
117
+ 自分で何かを作りたい場合は、生のJSONを読み取ることもできます。
118
+ `https://nohemia.com/widgets/lune/data.json`（今日の月相、次の満月と新月、これから訪れる10回の月の周期）。
119
+
120
+ ---
121
+
122
+ ## なぜこれらのウィジェットなのか
123
+
124
+ - **無料、ずっと。** アカウント不要、APIキー不要、レート制限なし。
125
+ - **軽量で安全。** サンドボックス化されたiframe：あなたのページを読み取ることはなく、Cookieを設定せず、サイトを遅くしません。
126
+ - **エディトリアルなデザイン。** 温かく、落ち着いた、Nohemiaらしいスタイル。ライトテーマとダークテーマ。
127
+ - **誠実で本物のデータ。** ハードコードされた表ではなく、本物の天体暦。
128
+ - **プライバシーに配慮。** トラッキングは一切なく、設計段階からGDPRに優しい作りです。
129
+
130
+ ---
131
+
132
+ ## リンク
133
+
134
+ - サイト：[nohemia.com](https://nohemia.com/fr/) · ウィジェットギャラリー：[nohemia.com/fr/widgets](https://nohemia.com/fr/widgets/)
135
+ - 著者：[Jade Nohemia](https://nohemia.com/fr/auteur/jade/)
136
+ - 問題報告とアイデア：[github.com/jadenohemia/nohemia-widgets/issues](https://github.com/jadenohemia/nohemia-widgets/issues)
137
+
138
+ ## ライセンス
139
+
140
+ [MIT](./LICENSE) © Jade Nohemia / Nohemia。商用利用を含め、どこでも自由にお使いいただけます。[nohemia.com](https://nohemia.com/fr/) へのリンクバックは歓迎しますが、必須ではありません。
package/README.ko.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
+ **모든 웹사이트에 임베드할 수 있는 무료 점성술 및 달 위젯.** 실제 천문력 데이터를 매일 밤 갱신하며, 계정도, 추적도, JavaScript도 필요 없습니다. HTML 한 줄만 붙여 넣으면 끝입니다.
6
+
7
+ [Jade Nohemia](https://nohemia.com/fr/auteur/jade/)가 **[nohemia.com](https://nohemia.com/fr/)**에서 제작하고 관리합니다.
8
+ 갤러리와 실시간 미리보기: **[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
+ 페이지 어디에든 아래 코드를 붙여 넣으세요. HTML을 허용하는 사이트라면 어디서나 작동합니다 (WordPress, Wix, Squarespace, Webflow, Ghost, Shopify, 정적 페이지 등).
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
+ 저희가 부탁드리는 유일한 보답은 이 작은 출처 표시 한 줄입니다. 다만 필수는 아닙니다. 직접 수정하거나 삭제하셔도 위젯은 똑같이 잘 작동합니다.
29
+
30
+ ---
31
+
32
+ ## Widgets
33
+
34
+ | Widget | `type` | 설명 | 크기 |
35
+ |--------|--------|------|------|
36
+ | 오늘의 달 | `lune` | 위상, 별자리, 다음 보름달 | `s` (220x140), `m` (300x210) |
37
+ | 오늘의 하늘 | `ciel` | 별자리별 태양과 달, 현재 위상 | `s` (230x150), `m` (300x200) |
38
+
39
+ 각 `type`은 두 가지 테마(`clair` / `sombre`)와 두 가지 크기(`s` / `m`)로 제공됩니다. URL 형식은 다음과 같습니다.
40
+
41
+ ```
42
+ https://nohemia.com/fr/widgets/{type}/{theme}-{size}/
43
+ ```
44
+
45
+ 앞으로 더 많은 위젯이 추가될 예정입니다. 보름달 카운트다운, 별자리별 일일 운세, 진행 중인 역행 등이 준비되어 있습니다.
46
+
47
+ ---
48
+
49
+ ## Framework examples
50
+
51
+ ### WordPress
52
+ **사용자 정의 HTML** 블록을 추가하거나 (클래식 편집기의 *텍스트* 탭을 사용해도 됩니다) Quick start 코드를 붙여 넣으세요. 플러그인은 필요 없습니다.
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
+ **Embed** 요소(Webflow)나 **Code** 블록(Squarespace)을 끌어다 놓고 Quick start 코드를 붙여 넣으세요.
84
+
85
+ ---
86
+
87
+ ## Web component (npm)
88
+
89
+ iframe보다 태그 방식을 선호한다면, 가벼운 웹 컴포넌트(의존성 없는 얇은 래퍼)를 설치하세요.
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
+ 또는 빌드 과정 없이 CDN에서 바로 불러올 수도 있습니다.
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
+ 속성: `type` (`lune` | `ciel`), `theme` (`clair` | `sombre`), `size` (`s` | `m`). 이 컴포넌트는 공식 iframe을 그대로 렌더링하므로, 데이터와 스타일이 nohemia.com과 항상 일치합니다.
110
+
111
+ ---
112
+
113
+ ## Data & freshness
114
+
115
+ 손으로 입력하는 값은 하나도 없습니다. 위상, 별자리, 시각은 실제 천문력([astronomy-engine](https://github.com/cosinekitty/astronomy), MIT)에서 가져오며, 매일 밤 다시 계산됩니다. 시각은 Europe/Paris 기준으로 분 단위까지 제공됩니다. 동일한 데이터가 [nohemia.com의 음력 달력](https://nohemia.com/fr/lune/calendrier-pleines-lunes/) 전체를 구동합니다.
116
+
117
+ 직접 무언가를 만들고 싶다면 원본 JSON도 읽을 수 있습니다.
118
+ `https://nohemia.com/widgets/lune/data.json` (오늘의 위상, 다음 보름달과 그믐달, 다가오는 열 번의 삭망월).
119
+
120
+ ---
121
+
122
+ ## Why these widgets
123
+
124
+ - **영원히 무료.** 계정도, API 키도, 사용량 제한도 없습니다.
125
+ - **가볍고 안전합니다.** 샌드박스 처리된 iframe이라 페이지를 읽지 않고, 쿠키를 설정하지 않으며, 사이트 속도를 늦추지 않습니다.
126
+ - **에디토리얼한 디자인.** Nohemia 특유의 따뜻하고 절제된 스타일. 밝은 테마와 어두운 테마를 모두 지원합니다.
127
+ - **정직한 실제 데이터.** 하드코딩된 표가 아니라 진짜 천문력입니다.
128
+ - **프라이버시 친화적.** 추적이 전혀 없으며, 설계 단계부터 GDPR을 준수합니다.
129
+
130
+ ---
131
+
132
+ ## Links
133
+
134
+ - 사이트: [nohemia.com](https://nohemia.com/fr/) · 위젯 갤러리: [nohemia.com/fr/widgets](https://nohemia.com/fr/widgets/)
135
+ - 제작자: [Jade Nohemia](https://nohemia.com/fr/auteur/jade/)
136
+ - 문의 및 아이디어: [github.com/jadenohemia/nohemia-widgets/issues](https://github.com/jadenohemia/nohemia-widgets/issues)
137
+
138
+ ## License
139
+
140
+ [MIT](./LICENSE) © Jade Nohemia / Nohemia. 상업적 용도를 포함해 어디서나 자유롭게 사용하세요. [nohemia.com](https://nohemia.com/fr/)으로의 링크는 환영하지만 절대 필수는 아닙니다.
package/README.md ADDED
@@ -0,0 +1,146 @@
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
+ **Free, embeddable astrology & moon widgets for any website.** Real ephemeris data, refreshed every
6
+ night, no account, no tracking, no JavaScript required. Drop one line of HTML and you are done.
7
+
8
+ Built and maintained by [Jade Nohemia](https://nohemia.com/fr/auteur/jade/) at **[nohemia.com](https://nohemia.com/fr/)**.
9
+ Gallery and live previews: **[nohemia.com/fr/widgets](https://nohemia.com/fr/widgets/)**.
10
+
11
+ ---
12
+
13
+ ## Quick start (plain HTML)
14
+
15
+ Paste this anywhere in your page. It works on any site that accepts HTML (WordPress, Wix, Squarespace,
16
+ Webflow, Ghost, Shopify, a static page...).
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
+ The little credit line is the only thank-you we ask. It is optional: you can edit it or remove it, the
28
+ widget still works exactly the same.
29
+
30
+ ---
31
+
32
+ ## Widgets
33
+
34
+ | Widget | `type` | Description | Sizes |
35
+ |--------|--------|-------------|-------|
36
+ | Moon today | `lune` | Phase, sign and next full moon | `s` (220x140), `m` (300x210) |
37
+ | Sky today | `ciel` | Sun and Moon by sign, current phase | `s` (230x150), `m` (300x200) |
38
+
39
+ Each `type` ships in two themes (`clair` / `sombre`) and two sizes (`s` / `m`). The URL pattern is:
40
+
41
+ ```
42
+ https://nohemia.com/fr/widgets/{type}/{theme}-{size}/
43
+ ```
44
+
45
+ More widgets are on the way: full-moon countdown, daily horoscope by sign, retrogrades in progress.
46
+
47
+ ---
48
+
49
+ ## Framework examples
50
+
51
+ ### WordPress
52
+ Add a **Custom HTML** block (or use the Classic editor's *Text* tab) and paste the Quick start snippet.
53
+ No plugin needed.
54
+
55
+ ### React / Next.js
56
+ ```jsx
57
+ export function MoonWidget() {
58
+ return (
59
+ <>
60
+ <iframe
61
+ src="https://nohemia.com/fr/widgets/lune/clair-m/"
62
+ width={300} height={210} loading="lazy"
63
+ title="Calendrier lunaire"
64
+ style={{ border: 0, borderRadius: 12, maxWidth: '100%' }}
65
+ />
66
+ <p style={{ font: '12px/1.4 system-ui, sans-serif', textAlign: 'center', margin: '6px 0 0' }}>
67
+ <a href="https://nohemia.com/fr/lune/" rel="nofollow">Calendrier lunaire par Nohemia</a>
68
+ </p>
69
+ </>
70
+ )
71
+ }
72
+ ```
73
+
74
+ ### Vue
75
+ ```vue
76
+ <template>
77
+ <iframe src="https://nohemia.com/fr/widgets/ciel/sombre-m/"
78
+ width="300" height="200" loading="lazy" title="Le ciel du jour"
79
+ style="border:0;border-radius:12px;max-width:100%" />
80
+ </template>
81
+ ```
82
+
83
+ ### Webflow / Squarespace
84
+ Drop an **Embed** element (Webflow) or a **Code** block (Squarespace) and paste the Quick start snippet.
85
+
86
+ ---
87
+
88
+ ## Web component (npm)
89
+
90
+ If you prefer a tag over an iframe, install the tiny web component (a thin, dependency-free wrapper):
91
+
92
+ ```bash
93
+ npm i @nohemia/widgets
94
+ ```
95
+
96
+ ```html
97
+ <script type="module">import '@nohemia/widgets'</script>
98
+
99
+ <nohemia-widget type="lune" theme="clair" size="m"></nohemia-widget>
100
+ <nohemia-widget type="ciel" theme="sombre" size="s"></nohemia-widget>
101
+ ```
102
+
103
+ Or load it straight from a CDN, no build step:
104
+
105
+ ```html
106
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@nohemia/widgets"></script>
107
+ <nohemia-widget type="lune"></nohemia-widget>
108
+ ```
109
+
110
+ Attributes: `type` (`lune` | `ciel`), `theme` (`clair` | `sombre`), `size` (`s` | `m`). The component
111
+ just renders the official iframe, so the data and styling stay in sync with nohemia.com.
112
+
113
+ ---
114
+
115
+ ## Data & freshness
116
+
117
+ Nothing is typed by hand. Phases, signs and times come from a real astronomical ephemeris
118
+ ([astronomy-engine](https://github.com/cosinekitty/astronomy), MIT), recomputed every night. Times are
119
+ given in Europe/Paris, to the minute. The same data powers the full
120
+ [lunar calendar on nohemia.com](https://nohemia.com/fr/lune/calendrier-pleines-lunes/).
121
+
122
+ You can also read the raw JSON if you want to build your own:
123
+ `https://nohemia.com/widgets/lune/data.json` (today's phase, next full and new moon, the ten upcoming lunations).
124
+
125
+ ---
126
+
127
+ ## Why these widgets
128
+
129
+ - **Free, forever.** No account, no API key, no rate limit.
130
+ - **Light and safe.** A sandboxed iframe: it never reads your page, sets no cookie, and does not slow your site.
131
+ - **Editorial design.** Warm, sober, in the Nohemia style. Light and dark themes.
132
+ - **Honest, real data.** A genuine ephemeris, not a hardcoded table.
133
+ - **Privacy-clean.** Zero tracking, GDPR-friendly by construction.
134
+
135
+ ---
136
+
137
+ ## Links
138
+
139
+ - Site: [nohemia.com](https://nohemia.com/fr/) · Widgets gallery: [nohemia.com/fr/widgets](https://nohemia.com/fr/widgets/)
140
+ - Author: [Jade Nohemia](https://nohemia.com/fr/auteur/jade/)
141
+ - Issues & ideas: [github.com/jadenohemia/nohemia-widgets/issues](https://github.com/jadenohemia/nohemia-widgets/issues)
142
+
143
+ ## License
144
+
145
+ [MIT](./LICENSE) © Jade Nohemia / Nohemia. Use them anywhere, including commercially. A link back to
146
+ [nohemia.com](https://nohemia.com/fr/) is appreciated but never required.
package/README.pl.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
+ **Darmowe, gotowe do osadzenia widżety astrologiczne i księżycowe na każdą stronę.** Prawdziwe dane efemeryd, odświeżane co noc, bez konta, bez śledzenia, bez potrzeby JavaScriptu. Wklejasz jedną linijkę HTML i gotowe.
6
+
7
+ Tworzone i utrzymywane przez [Jade Nohemia](https://nohemia.com/fr/auteur/jade/) w **[nohemia.com](https://nohemia.com/fr/)**.
8
+ Galeria i podglądy na żywo: **[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
+ ## Szybki start (czysty HTML)
16
+
17
+ Wklej to w dowolnym miejscu na stronie. Działa na każdej witrynie obsługującej HTML (WordPress, Wix, Squarespace, Webflow, Ghost, Shopify, strona statyczna...).
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
+ Ta drobna linijka z podziękowaniem to jedyne, o co prosimy. Jest opcjonalna: możesz ją zmienić lub usunąć, a widżet i tak będzie działać dokładnie tak samo.
29
+
30
+ ---
31
+
32
+ ## Widżety
33
+
34
+ | Widżet | `type` | Opis | Rozmiary |
35
+ |--------|--------|------|----------|
36
+ | Księżyc dziś | `lune` | Faza, znak i najbliższa pełnia | `s` (220x140), `m` (300x210) |
37
+ | Niebo dziś | `ciel` | Słońce i Księżyc według znaku, aktualna faza | `s` (230x150), `m` (300x200) |
38
+
39
+ Każdy `type` dostępny jest w dwóch motywach (`clair` / `sombre`) i dwóch rozmiarach (`s` / `m`). Wzorzec adresu URL to:
40
+
41
+ ```
42
+ https://nohemia.com/fr/widgets/{type}/{theme}-{size}/
43
+ ```
44
+
45
+ Kolejne widżety są w drodze: odliczanie do pełni, dzienny horoskop według znaku, trwające retrogradacje.
46
+
47
+ ---
48
+
49
+ ## Przykłady dla frameworków
50
+
51
+ ### WordPress
52
+ Dodaj blok **Custom HTML** (lub użyj zakładki *Tekst* w edytorze klasycznym) i wklej fragment z sekcji Szybki start. Żadna wtyczka nie jest potrzebna.
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
+ Umieść element **Embed** (Webflow) lub blok **Code** (Squarespace) i wklej fragment z sekcji Szybki start.
84
+
85
+ ---
86
+
87
+ ## Komponent webowy (npm)
88
+
89
+ Jeśli wolisz znacznik niż iframe, zainstaluj malutki komponent webowy (cienką nakładkę bez zależności):
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
+ Albo wczytaj go prosto z CDN, bez etapu budowania:
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
+ Atrybuty: `type` (`lune` | `ciel`), `theme` (`clair` | `sombre`), `size` (`s` | `m`). Komponent po prostu renderuje oficjalny iframe, więc dane i stylizacja pozostają zsynchronizowane z nohemia.com.
110
+
111
+ ---
112
+
113
+ ## Dane i świeżość
114
+
115
+ Nic nie jest wpisywane ręcznie. Fazy, znaki i godziny pochodzą z prawdziwej efemerydy astronomicznej ([astronomy-engine](https://github.com/cosinekitty/astronomy), MIT), przeliczanej co noc. Godziny podawane są w strefie Europe/Paris, co do minuty. Te same dane zasilają pełny [kalendarz księżycowy na nohemia.com](https://nohemia.com/fr/lune/calendrier-pleines-lunes/).
116
+
117
+ Możesz też odczytać surowy JSON, jeśli chcesz zbudować coś własnego:
118
+ `https://nohemia.com/widgets/lune/data.json` (dzisiejsza faza, najbliższa pełnia i nów, dziesięć nadchodzących lunacji).
119
+
120
+ ---
121
+
122
+ ## Dlaczego te widżety
123
+
124
+ - **Darmowe, na zawsze.** Bez konta, bez klucza API, bez limitów zapytań.
125
+ - **Lekkie i bezpieczne.** Izolowany iframe: nigdy nie czyta twojej strony, nie ustawia żadnych ciasteczek i nie spowalnia witryny.
126
+ - **Redakcyjny design.** Ciepły, stonowany, w stylu Nohemia. Motyw jasny i ciemny.
127
+ - **Uczciwe, prawdziwe dane.** Autentyczna efemeryda, a nie zaszyta na sztywno tabela.
128
+ - **Czyste pod kątem prywatności.** Zero śledzenia, zgodne z RODO z samej swojej natury.
129
+
130
+ ---
131
+
132
+ ## Linki
133
+
134
+ - Strona: [nohemia.com](https://nohemia.com/fr/) · Galeria widżetów: [nohemia.com/fr/widgets](https://nohemia.com/fr/widgets/)
135
+ - Autorka: [Jade Nohemia](https://nohemia.com/fr/auteur/jade/)
136
+ - Zgłoszenia i pomysły: [github.com/jadenohemia/nohemia-widgets/issues](https://github.com/jadenohemia/nohemia-widgets/issues)
137
+
138
+ ## Licencja
139
+
140
+ [MIT](./LICENSE) © Jade Nohemia / Nohemia. Używaj ich gdziekolwiek, także komercyjnie. Link zwrotny do [nohemia.com](https://nohemia.com/fr/) jest mile widziany, ale nigdy nie jest wymagany.