initial commit

This commit is contained in:
equippedcoding-master
2025-09-17 09:37:06 -05:00
parent 86108ca47e
commit e2c98790b2
55389 changed files with 6206730 additions and 0 deletions

View File

@@ -0,0 +1,31 @@
<!--
<main>
<h1>Sample Photo Service</h1>
<img src="https://picsum.photos/280/320?random=1" width="140" height="160" alt="stock image" />
<p>
Unlimited photo hosting, and more. Cancel anytime.
</p>
<form id="signup-form">
<label>
Email
<input id="email" type="text" placeholder="Email address" value="test@example.com" required />
</label>
<button type="submit">
Register
</button>
</form>
</main> -->
<div class="row d-flex justify-content-center" style="background-color: #fff;">
<div class="col-6">
<div class="payments_container mb-5" style="min-height: 500px;">
<div class="mb-3" id="address-element"></div>
<div class="mb-3" id="payment-element"></div>
<button id="stripe_start_membership_id" style="display: none;" class="mb-5 btn btn-outline-success w-100">Start Membership</button>
</div>
</div>
</div>

View File

@@ -0,0 +1,25 @@
<!DOCTYPE html>
<html>
<head>
<title>Account</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="css/base.css" rel="stylesheet" />
<script src="https://js.stripe.com/v3/"></script>
<script src="account.js" defer></script>
</head>
<body>
<main>
<h1>Account</h1>
<a href="prices.html">Add a subscription</a>
<a href="register.html">Restart demo</a>
<h2>Subscriptions</h2>
<div id="subscriptions">
<!-- see account.js to see how this div is populated -->
</div>
</main>
</body>
</html>

View File

@@ -0,0 +1,20 @@
<!DOCTYPE html>
<html>
<head>
<title>Cancel</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="css/base.css" rel="stylesheet" />
<script src="https://js.stripe.com/v3/"></script>
<script src="cancel.js" defer></script>
</head>
<body>
<main>
<h1>Cancel</h1>
<button id="cancel-btn">Cancel</button>
<div id="messages"></div>
</main>
</body>
</html>

View File

@@ -0,0 +1,45 @@
<!DOCTYPE html>
<html>
<head>
<title>Change plan</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="css/base.css" rel="stylesheet" />
<script src="https://js.stripe.com/v3/"></script>
<script src="account.js" defer></script>
</head>
<body>
<main>
<h1>Change plan</h1>
Current, new
<div class="price-list">
<div>
<h3>Basic</h3>
<p>
$5.00 / month
</p>
<a href="subscribe.html?price=basic">
Select
</a>
</div>
<div>
<h3>Premium</h3>
<p>
$15.00 / month
</p>
<a href="subscribe.html?price=premium">
Select
</a>
</div>
</div>
</main>
</body>
</html>

View File

@@ -0,0 +1 @@
<h3>Prices</h3>

View File

@@ -0,0 +1,31 @@
<!--
<main>
<h1>Sample Photo Service</h1>
<img src="https://picsum.photos/280/320?random=1" width="140" height="160" alt="stock image" />
<p>
Unlimited photo hosting, and more. Cancel anytime.
</p>
<form id="signup-form">
<label>
Email
<input id="email" type="text" placeholder="Email address" value="test@example.com" required />
</label>
<button type="submit">
Register
</button>
</form>
</main> -->
<div class="row d-flex justify-content-center" style="background-color: #fff;">
<div class="col-6">
<div class="payments_container mb-5" style="min-height: 500px;">
<div class="mb-3" id="address-element"></div>
<div class="mb-3" id="payment-element"></div>
<button id="start_membership_id" style="display: none;" class="mb-5 btn btn-outline-success w-100">Start Membership</button>
</div>
</div>
</div>

View File

@@ -0,0 +1,47 @@
<!DOCTYPE html>
<html>
<head>
<title>Subscribe</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="css/base.css" rel="stylesheet" />
<script src="https://js.stripe.com/v3/"></script>
<script src="subscribe.js" defer></script>
</head>
<body>
<main>
<h1>Subscribe</h1>
<p>
Try the successful test card: <span>4242424242424242</span>.
</p>
<p>
Try the test card that requires SCA: <span>4000002500003155</span>.
</p>
<p>
Use any <i>future</i> expiry date, CVC, and 5 digit postal code.
</p>
<hr />
<form id="subscribe-form">
<label>
Full name
<input type="text" id="name" value="Jenny Rosen" />
</label>
<div id="card-element">
<!-- the card element will be mounted here -->
</div>
<button type="submit">
Subscribe
</button>
<div id="messages"></div>
</form>
</main>
</body>
</html>