sacred-geometry-generator 1.0.0

package/.github/FUNDING.yml

@@ -0,0 +1,3 @@
+# These are supported funding model platforms
+
+github: evoluteur

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Olivier Giulieri
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,51 @@
+# Sacred-Geometry
+
+Draw, tune, and export the classic figures of sacred geometry: Vesica Piscis, Seed of Life, Flower of Life, Metatron's Cube, and the Golden Spiral. Every figure is constructed from circles and straight lines only - no images, no libraries.
+
+- [Open the generator](https://evoluteur.github.io/sacred-geometry/)
+- [Browse the gallery](https://evoluteur.github.io/sacred-geometry/gallery.html)
+
+![Sacred Geometry Generator](sg-app.png)
+
+## Patterns
+
+- **Vesica Piscis** - two circles, each passing through the other's center. The almond-shaped overlap (the mandorla) holds the square roots of 2, 3, and 5, and every figure below is built from it.
+- **Seed of Life** - six circles around a seventh, each centered on the rim of the last.
+- **Flower of Life** - the Seed continued outward on a triangular lattice, from 7 circles up to 127.
+- **Metatron's Cube** - the thirteen circles of the Fruit of Life with all 78 lines joining their centers, holding the flat shadows of the five Platonic solids.
+- **Golden Spiral** - Fibonacci squares laid corner to corner, with quarter circles approximating the logarithmic spiral that grows by phi (1.618...) every quarter turn.
+
+![Flower of Life](sg-flower.png)
+
+## Controls
+
+- **Depth** - rings, circles, or squares, depending on the pattern
+- **Rotation** - 0 to 360 degrees
+- **Stroke** - hairline to heavy
+- **Palette** - Gold, Moonlight, Rose Quartz, Jade, Spectrum, Ink
+- **Background** - Midnight, Void, Parchment, or transparent
+- **Construction lines** - show the scaffolding each figure is built on
+- **Animate** - watch the figure draw itself, stroke by stroke
+- **Surprise me** - a random pattern, palette, rotation, and weight
+
+## Exports
+
+**Save SVG** and **Copy SVG** give you true vectors, so they scale to any size for print, laser cutting, plotting, or embroidery. **Save PNG** renders a 2048 x 2048 image. A transparent background exports with no backdrop at all.
+
+![Gallery](sg-gallery.png)
+
+## Under the hood
+
+Plain HTML, CSS, and JavaScript building SVG through the DOM - no dependencies, no build step, no tracking. Each pattern is defined in [`patterns.js`](patterns.js) as a function returning shape descriptors in unit space, so adding a new figure means adding one entry to that array.
+
+Sacred Geometry Generator is a Progressive Web App (PWA): you can install it on your phone or computer from the browser, and it works offline.
+
+## License
+
+Sacred Geometry Generator is Open Source at [GitHub](https://github.com/evoluteur/sacred-geometry) with MIT license.
+
+Encourage this project by [becoming a sponsor](https://github.com/sponsors/evoluteur).
+
+You may also be interested in my other projects [Healing Frequencies](https://github.com/evoluteur/healing-frequencies) and [Motivational Numerology](https://github.com/evoluteur/motivational-numerology).
+
+(c) 2026 [Olivier Giulieri](https://evoluteur.github.io/)

package/gallery.html

@@ -0,0 +1,90 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <script
+      async
+      src="https://www.googletagmanager.com/gtag/js?id=G-063933E3C2"
+    ></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag() {
+        dataLayer.push(arguments);
+      }
+      gtag("js", new Date());
+      gtag("config", "G-063933E3C2");
+    </script>
+    <title>Gallery - Sacred Geometry Generator</title>
+    <link
+      rel="canonical"
+      href="https://evoluteur.github.io/sacred-geometry/gallery.html"
+    />
+    <meta charset="utf-8" />
+    <meta http-equiv="content-language" content="en" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" type="image/png" href="favicon.png" />
+    <link rel="manifest" href="manifest.json" />
+    <link rel="apple-touch-icon" href="icon-192.png" />
+    <meta name="theme-color" content="#12122a" />
+    <link href="sg.css" rel="stylesheet" />
+    <script>
+      if ("serviceWorker" in navigator) {
+        addEventListener("load", () =>
+          navigator.serviceWorker.register("sw.js"),
+        );
+      }
+    </script>
+    <meta
+      name="description"
+      content="All the patterns of the Sacred Geometry Generator side by side: Vesica Piscis, Seed of Life, Flower of Life, Metatron's Cube, and the Golden Spiral."
+    />
+    <link
+      rel="stylesheet"
+      href="https://fonts.googleapis.com/css?family=Marcellus"
+    />
+  </head>
+
+  <body onload="initGallery()">
+    <header id="header">
+      <div class="links">
+        <a href="index.html">Generator</a>
+        <a
+          href="https://github.com/evoluteur/sacred-geometry"
+          target="_blank"
+          rel="noopener"
+          >GitHub</a
+        >
+      </div>
+      <h1>Sacred <span>Geometry</span></h1>
+    </header>
+
+    <p class="intro">
+      Five figures, each one built out of the one before it. Pick any of them to
+      open it in the generator, where you can change its depth, rotation,
+      palette, and stroke, then export it as SVG or PNG.
+    </p>
+
+    <div class="cards"></div>
+
+    <div class="footer">
+      <p>
+        Sacred Geometry Generator is open source on
+        <a
+          href="https://github.com/evoluteur/sacred-geometry"
+          target="_blank"
+          rel="noopener"
+          >GitHub</a
+        >
+        with an MIT license.
+      </p>
+      <p>
+        (c) 2026
+        <a href="https://evoluteur.github.io/" target="_blank" rel="noopener"
+          >Olivier Giulieri</a
+        >
+      </p>
+    </div>
+
+    <script src="patterns.js"></script>
+    <script src="js/sg.js"></script>
+  </body>
+</html>

package/index.html

@@ -0,0 +1,240 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <script
+      async
+      src="https://www.googletagmanager.com/gtag/js?id=G-063933E3C2"
+    ></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag() {
+        dataLayer.push(arguments);
+      }
+      gtag("js", new Date());
+      gtag("config", "G-063933E3C2");
+    </script>
+    <title>Sacred Geometry Generator - Draw and export sacred geometry</title>
+    <link rel="canonical" href="https://evoluteur.github.io/sacred-geometry/" />
+    <meta charset="utf-8" />
+    <meta http-equiv="content-language" content="en" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" type="image/png" href="favicon.png" />
+    <link rel="manifest" href="manifest.json" />
+    <link rel="apple-touch-icon" href="icon-192.png" />
+    <meta name="theme-color" content="#12122a" />
+    <link href="sg.css" rel="stylesheet" />
+    <script>
+      if ("serviceWorker" in navigator) {
+        addEventListener("load", () =>
+          navigator.serviceWorker.register("sw.js"),
+        );
+      }
+    </script>
+    <meta
+      name="keywords"
+      content="sacred geometry, flower of life, seed of life, metatron's cube, vesica piscis, fruit of life, golden spiral, fibonacci, golden ratio, phi, mandala, svg, generator, pattern, meditation"
+    />
+    <meta
+      name="description"
+      content="Draw, tune, and export sacred geometry patterns as SVG or PNG: Vesica Piscis, Seed of Life, Flower of Life, Metatron's Cube, and the Golden Spiral."
+    />
+    <meta property="og:type" content="website" />
+    <meta
+      property="og:url"
+      content="https://evoluteur.github.io/sacred-geometry/"
+    />
+    <meta property="og:title" content="Sacred Geometry Generator" />
+    <meta
+      property="og:description"
+      content="Draw, tune, and export sacred geometry patterns as SVG or PNG: Vesica Piscis, Seed of Life, Flower of Life, Metatron's Cube, and the Golden Spiral."
+    />
+    <meta
+      property="og:image"
+      content="https://raw.githubusercontent.com/evoluteur/sacred-geometry/main/sg-app.png"
+    />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:title" content="Sacred Geometry Generator" />
+    <meta
+      name="twitter:description"
+      content="Draw, tune, and export sacred geometry patterns as SVG or PNG."
+    />
+    <meta
+      name="twitter:image"
+      content="https://raw.githubusercontent.com/evoluteur/sacred-geometry/main/sg-app.png"
+    />
+    <link
+      rel="stylesheet"
+      href="https://fonts.googleapis.com/css?family=Marcellus"
+    />
+    <script type="application/ld+json">
+      {
+        "@context": "https://schema.org",
+        "@type": "WebApplication",
+        "name": "Sacred Geometry Generator",
+        "url": "https://evoluteur.github.io/sacred-geometry/",
+        "description": "Draw, tune, and export sacred geometry patterns as SVG or PNG: Vesica Piscis, Seed of Life, Flower of Life, Metatron's Cube, and the Golden Spiral.",
+        "applicationCategory": "DesignApplication",
+        "operatingSystem": "Any",
+        "offers": { "@type": "Offer", "price": "0", "priceCurrency": "USD" },
+        "author": {
+          "@type": "Person",
+          "name": "Olivier Giulieri",
+          "url": "https://evoluteur.github.io/"
+        }
+      }
+    </script>
+  </head>
+
+  <body onload="init()">
+    <header id="header">
+      <div class="links">
+        <a href="gallery.html">Gallery</a>
+        <a
+          href="https://github.com/evoluteur/sacred-geometry"
+          target="_blank"
+          rel="noopener"
+          >GitHub</a
+        >
+      </div>
+      <h1>Sacred <span>Geometry</span></h1>
+      <nav class="nav"></nav>
+    </header>
+
+    <main>
+      <div class="stage" id="stage"></div>
+
+      <div class="panel">
+        <h2 id="pname"></h2>
+        <p class="tagline" id="tagline"></p>
+        <p class="blurb" id="blurb"></p>
+
+        <label id="stepsRow">
+          <span><b id="stepsLabel"></b> <b id="stepsVal"></b></span>
+          <input
+            type="range"
+            id="steps"
+            min="1"
+            max="6"
+            step="1"
+            oninput="onSteps(this)"
+          />
+        </label>
+
+        <label>
+          <span>Rotation <b id="rotVal">0°</b></span>
+          <input
+            type="range"
+            id="rot"
+            min="0"
+            max="360"
+            step="1"
+            value="0"
+            oninput="onRot(this)"
+          />
+        </label>
+
+        <label>
+          <span>Stroke <b id="strokeVal">0.5</b></span>
+          <input
+            type="range"
+            id="stroke"
+            min="0.1"
+            max="2"
+            step="0.1"
+            value="0.5"
+            oninput="onStroke(this)"
+          />
+        </label>
+
+        <label>
+          <span>Palette</span>
+          <select id="palette" onchange="onSelect(this, 'palette')"></select>
+        </label>
+
+        <label>
+          <span>Background</span>
+          <select id="bg" onchange="onSelect(this, 'bg')"></select>
+        </label>
+
+        <label class="check">
+          <input
+            type="checkbox"
+            id="guides"
+            onchange="onCheck(this, 'guides')"
+          />
+          Construction lines
+        </label>
+
+        <label class="check">
+          <input
+            type="checkbox"
+            id="animate"
+            checked
+            onchange="onCheck(this, 'animate')"
+          />
+          Animate the drawing
+        </label>
+
+        <div class="buttons">
+          <button onclick="replay()">Replay</button>
+          <button onclick="surprise()">Surprise me</button>
+        </div>
+        <div class="buttons">
+          <button onclick="downloadSvg()">Save SVG</button>
+          <button onclick="downloadPng()">Save PNG</button>
+          <button onclick="copySvg()">Copy SVG</button>
+        </div>
+        <div class="hint" id="hint"></div>
+      </div>
+    </main>
+
+    <div class="footer">
+      <p>
+        Every figure is built from circles and straight lines only - no images,
+        no libraries, no tracking. Exports are true vectors, so they scale to
+        any size for print, laser cutting, or embroidery.
+      </p>
+      <p>
+        Sacred Geometry Generator is open source on
+        <a
+          href="https://github.com/evoluteur/sacred-geometry"
+          target="_blank"
+          rel="noopener"
+          >GitHub</a
+        >
+        with an MIT license. Encourage this project by
+        <a
+          href="https://github.com/sponsors/evoluteur"
+          target="_blank"
+          rel="noopener"
+          >becoming a sponsor</a
+        >.
+      </p>
+      <p>
+        You may also like
+        <a
+          href="https://evoluteur.github.io/healing-frequencies/"
+          target="_blank"
+          rel="noopener"
+          >Healing Frequencies</a
+        >
+        and
+        <a
+          href="https://evoluteur.github.io/motivational-numerology/"
+          target="_blank"
+          rel="noopener"
+          >Motivational Numerology</a
+        >.
+      </p>
+      <p>
+        (c) 2026
+        <a href="https://evoluteur.github.io/" target="_blank" rel="noopener"
+          >Olivier Giulieri</a
+        >
+      </p>
+    </div>
+
+    <script src="patterns.js"></script>
+    <script src="js/sg.js"></script>
+  </body>
+</html>