
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Own your web persona</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta property="og:site_name" content="Indie Aisle">
    <meta name="description" content="Tools and services for the indie web and indie creators.">
    <link rel="canonical" href="https://indieaisle.com/blog/rss/">
    <link rel="alternate" title="Indie Aisle updates" href="https://indieaisle.com/feed.atom">
    <link rel="stylesheet" type="text/css" href="/style.css">
    <script type="text/javascript" src="https://js.stripe.com/v2/"></script>
    <script src="/jquery.min.js"></script>
<!-- Web app
    <link rel="manifest" href="/manifest.json">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="application-name" content="Indie Aisle">
-->
    <meta name="apple-mobile-web-app-title" content="Indie Aisle">
<!-- Favicon -->
    <link rel="icon" href="/favicon.ico" type="image/x-icon">
    <link rel="icon" href="/icon.svg" type="image/svg+xml">
    <link rel="apple-touch-icon" href="/homescreen-icon.png">
    <meta property="og:image" content="/preview-thumb.png">
<!-- Me -->
    <link rel="me" href="mailto:support@indieaisle.com">
    <link rel="me" href="https://indieaisle.com/@iatest">
    <link rel="me" href="https://mastodon.social/@indieaisle">
    <link rel="me" href="https://github.com/indieaisle">
    <link rel="me" href="https://x.com/indieaisle">
  </head>

<body id="home" class="promo">

<header>
  <a href="/"><img src="/indie-aisle-logo.svg" height="27" class="logo" alt="Indie Aisle" /></a>
  <nav class="primary">
    <ul>
      <li><a href="/templates/">Post</a></li>
      <li><a href="/products/">Plugins</a></li>
      <li><a href="/guides/">Guides</a></li>
      <li><a href="/directory/">Directory</a></li>
    </ul>
  </nav>
  <nav class="secondary">
    <ul>
<!--
      <li><a href="/help/">FAQs</a></li>
-->
      <li><a href="#" class="showsignin">Sign In</a></li>
      <li><a href="#" class="btn-main showsignup">Sign Up Free</a></li>
    </ul>
  </nav>
</header>
  <article class="container">
    <h1></h1>
    <small><time datetime="">Originally published December 31st, 1969</time></small>
  </article>

<footer>

  <div class="container" style="text-align: center;">
    <p style="font-size: 18px; font-weight: 400;"><a href="/templates/">Post</a> | <a href="/products/">Plugins</a> | <a href="/guides/">Guides</a> | <a href="/directory/">Directory</a></p>
    <p style="font-size: 15px;"><a href="/indieaisle/">Updates</a> | <a href="/api/">HTML API</a> | <a href="/help/">Help</a> | <a href="/terms/">Terms</a> | <a href="/privacy/">Privacy</a></p>
  </div>
</footer>


<div id="lightbox"></div>
<div id="signin" class="lightboxwindow">
  <div class="lightboxcontent">
      <h3>Sign In</h3>
      <form>
        <input type="text" class="login-email" size="20" placeholder="Username or email"><br>
        <input type="password" class="login-password" size="20" placeholder="Password"><br>
        <p><a href="" class="btn-neutral sign-in">Sign In</a><span class="login-error"></span></p>
        <a href="#" class="showpassword">Forgot password?</a> <a href="#" class="showsignup">Create account</a><br>
      </form>
    </div>
</div>
<div id="signup" class="lightboxwindow">
  <div class="lightboxcontent">
    <h3>Sign Up</h3>
    <form>
      <input type="text" class="signup-email" size="20" placeholder="Email"><br>
      <input type="checkbox" id="news" name="news" class="signup-news" style="width: auto;"> <label for="news">Get monthly news and updates from Indie Aisle</label><br>
      <input type="text" class="signup-username" size="20" placeholder="Username"><br>
      <input type="password" class="signup-pass" size="20" placeholder="Password"><br>
      <input type="checkbox" id="terms" name="terms" class="signup-terms" style="width: auto;"> <label for="terms">I agree to the <a href="/terms/" target="_blank">Terms of Service</a> and the <a href="/privacy/" target="_blank">Privacy Policy</a></label><br>
      <a href="" class="btn-neutral sign-up">Sign Up</a><span class="signup-error"></span><br>
      <a href="#" class="showsignin">Already have an account? Sign In</a><br>
    </form>
  </div>
</div>
<div id="password" class="lightboxwindow">
  <div class="lightboxcontent">
    <h3>Forgot your password?</h3>
    <p>Enter your email and we'll send you a link to reset it.</p>
    <form>
      <input type="text" size="20" placeholder="Email" class="reset-email"><br>
      <p><a href="" class="btn-neutral reset-password">Reset Password</a><span class="reset-error"></p>
    </form>
  </div>
</div>

<div id="buy" class="lightboxwindow" style="margin-top: -190px;">
  <div class="lightboxcontent">
    <form action="/stripecharge.php" method="POST" id="payment-form">
      <h3 class="link-creditcard">Credit card info:</h3>
      <div class="fieldbox">
        Card number:</span>
        <input type="text" size="20" placeholder="1212 1212 1212 1212" class="card-number">
      </div><br>
      <div class="fieldbox">
        Expires:<br>
        <input type="text" size="3" placeholder="MM" class="card-expiry-month"> <input type="text" size="4" placeholder="YYYY" class="card-expiry-year">
      </div>
      <div class="fieldbox">
        CV Code:<br>
        <input type="text" size="4" placeholder="123" class="card-cvc">
      </div><br>
      <input type="hidden" name="upgrade-vip" class="upgrade-vip" value="1">
      <input type="hidden" class="stripe-email" name="stripe-email" value="">
      <input type="hidden" class="customer-email" name="customer-email" value="">
      <button type="submit" class="btn-neutral send-payment link-secure">Charge $<span class="pay-value">5.00</span> and upgrade</button><br>
      <span class="payment-errors"></span>
      <span class="payment-success"></span>
    </form>
  </div>
</div>


<script src="/global.js"></script>

<!-- Fathom - beautiful, simple website analytics -->
<script src="https://cdn.usefathom.com/3.js" site="QTXOWXHM"></script>
<!-- / Fathom -->

</body>
</html>