Ghost/ghost/signup-form/preview.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Signup Form</title>
    <link rel="stylesheet" href="/src/styles/demo.css" />
  </head>
  <body>
    <div id="demo-container">
        <nav class="mode">
            <a href="/">Development build</a>
            <a href="/preview.html" class="selected">Production build</a>
        </nav>
        <h1>Full signup form</h1>
        <p>
            Currently connected to Ghost running at <code>%VITE_SITE_URL%</code>. Please duplicate <code>.env.development</code> as <code>.env.development.local</code> and modify it to change the site url locally (when you get an error when submitting the forms).
        </p>

        <!-- Because we need to use ESM modules during develoment, the src should be different to force reexecution of each script -->
        <script
            src="http://localhost:6174/signup-form.min.js"
            data-title="My site name"
            data-description="An independent publication about embeddable signup forms."
            data-logo="https://user-images.githubusercontent.com/65487235/157884383-1b75feb1-45d8-4430-b636-3f7e06577347.png"
            data-color="#4664dd"
            data-site="%VITE_SITE_URL%"
            data-label-1="Signup form"
            data-label-2="With logo"
        ></script>

        <hr>
        <h1>Without logo</h1>
        <script
            src="http://localhost:6174/signup-form.min.js"
            data-title="Site without logo"
            data-description="An independent publication about embeddable signup forms."
            data-color="#4664dd"
            data-site="%VITE_SITE_URL%"
            data-label-1="Signup form"
            data-label-2="Without logo"
        ></script>

        <hr>
        <h1>Minimal</h1>

        <script
            src="http://localhost:6174/signup-form.min.js"
            data-color="#ff0095"
            data-site="%VITE_SITE_URL%"
            data-label-1="Signup form"
            data-label-2="Minimal"
        ></script>

        <hr>
        <h1>With invalid configuration</h1>
        <p>When you submit this one, it will throw an error.</p>

        <script
            src="http://localhost:6174/signup-form.min.js"
            data-color="#ff0095"
            data-site="https://invalid/"
        ></script>
    </div>
  </body>
</html>
Added testable production build for signup-form fixes https://github.com/TryGhost/Team/issues/3297 This adds a new preview page to test the signup-form script as a production build, instead of using ESM. 2023-05-24 12:40:22 +03:00			`<!DOCTYPE html>`
			`<html lang="en">`
			`<head>`
			`<meta charset="UTF-8" />`
			`<meta name="viewport" content="width=device-width, initial-scale=1.0" />`
			`<title>Signup Form</title>`
			`<link rel="stylesheet" href="/src/styles/demo.css" />`
			`</head>`
			`<body>`
			`<div id="demo-container">`
			`<nav class="mode">`
			`<a href="/">Development build</a>`
			`<a href="/preview.html" class="selected">Production build</a>`
			`</nav>`
			`<h1>Full signup form</h1>`
			`<p>`
			`Currently connected to Ghost running at <code>%VITE_SITE_URL%</code>. Please duplicate <code>.env.development</code> as <code>.env.development.local</code> and modify it to change the site url locally (when you get an error when submitting the forms).`
			`</p>`

			`<!-- Because we need to use ESM modules during develoment, the src should be different to force reexecution of each script -->`
			`<script`
			`src="http://localhost:6174/signup-form.min.js"`
			`data-title="My site name"`
			`data-description="An independent publication about embeddable signup forms."`
			`data-logo="https://user-images.githubusercontent.com/65487235/157884383-1b75feb1-45d8-4430-b636-3f7e06577347.png"`
			`data-color="#4664dd"`
			`data-site="%VITE_SITE_URL%"`
Fixed old label usage of signup form demo refs https://github.com/TryGhost/Ghost/commit/644051e3e9d9223f8162cbbab4d3442dae853efc 2023-05-30 15:10:27 +03:00			`data-label-1="Signup form"`
			`data-label-2="With logo"`
Added testable production build for signup-form fixes https://github.com/TryGhost/Team/issues/3297 This adds a new preview page to test the signup-form script as a production build, instead of using ESM. 2023-05-24 12:40:22 +03:00			`></script>`

			`<hr>`
			`<h1>Without logo</h1>`
			`<script`
			`src="http://localhost:6174/signup-form.min.js"`
			`data-title="Site without logo"`
			`data-description="An independent publication about embeddable signup forms."`
			`data-color="#4664dd"`
			`data-site="%VITE_SITE_URL%"`
Fixed old label usage of signup form demo refs https://github.com/TryGhost/Ghost/commit/644051e3e9d9223f8162cbbab4d3442dae853efc 2023-05-30 15:10:27 +03:00			`data-label-1="Signup form"`
			`data-label-2="Without logo"`
Added testable production build for signup-form fixes https://github.com/TryGhost/Team/issues/3297 This adds a new preview page to test the signup-form script as a production build, instead of using ESM. 2023-05-24 12:40:22 +03:00			`></script>`

			`<hr>`
			`<h1>Minimal</h1>`

			`<script`
			`src="http://localhost:6174/signup-form.min.js"`
			`data-color="#ff0095"`
			`data-site="%VITE_SITE_URL%"`
Fixed old label usage of signup form demo refs https://github.com/TryGhost/Ghost/commit/644051e3e9d9223f8162cbbab4d3442dae853efc 2023-05-30 15:10:27 +03:00			`data-label-1="Signup form"`
			`data-label-2="Minimal"`
Added testable production build for signup-form fixes https://github.com/TryGhost/Team/issues/3297 This adds a new preview page to test the signup-form script as a production build, instead of using ESM. 2023-05-24 12:40:22 +03:00			`></script>`

			`<hr>`
			`<h1>With invalid configuration</h1>`
			`<p>When you submit this one, it will throw an error.</p>`

			`<script`
			`src="http://localhost:6174/signup-form.min.js"`
			`data-color="#ff0095"`
			`data-site="https://invalid/"`
			`></script>`
			`</div>`
			`</body>`
			`</html>`