Add shop and products

_includes/nav.html

@@ -113,6 +113,9 @@
         <a href="/about/" class="nav-anchor">
           About Us
         </a>
+        <a href="/shop/" class="nav-anchor">
+          Shop
+        </a>
         <span id="nav-switch-theme" class="nav-anchor">
           <span class="nav-theme-icon fas fa-fw" aria-hidden="true" title="Theme"></span>
           <span class="sr-only">Toggle Theme</span>

_includes/product.html

@@ -0,0 +1,12 @@
+<div class="col-md-4">
+  <div class="card m-3">
+    <img src="/assets/img/png/merch/{{include.image}}" class="card-img-top">
+    <div class="card-body">
+      <h5 class="card-title mt-1">{{include.title}}</h5>
+      <h6 class="card-subtitle mb-2 text-muted">{% if include.sale %}<strong>{{include.sale}}</strong> <del>{% endif %}{{include.price}}{% if include.sale %}</del>{% endif %}</h6>
+      <p class="card-text">{{include.description}}</p>
+      <a href="{{include.link}}" class="btn btn-primary">Purchase</a>
+      <p class="card-text mt-3">Fulfilled by <span class="badge badge-secondary">{{include.vendor}}</span></p>
+    </div>
+  </div>
+</div>

pages/shop.html

@@ -0,0 +1,161 @@
+---
+layout: page
+permalink: /shop/
+title: "Shop"
+description: "Support PrivacyTools via our official merchandise partners!"
+---
+
+<div class="alert alert-warning" role="alert">
+  By clicking the purchase links below, you will be redirected to one of our partner's third-party sites. PrivacyTools makes no representations nor has any supervision or control over the quality, content, reliability or security of the third party website, nor shall PrivacyTools be liable for its use.
+</div>
+
+<div class="row">
+  <div class="col">
+    <h2>Stickers</h2>
+  </div>
+</div>
+
+<div class="row">
+  {% include product.html
+  image="blue-shield-sticker.png"
+  title="Blue Shield Sticker"
+  price="$3.12"
+  description="Decorate your laptop with our water-resistant, vinyl stickers. Available in a variety of sizes."
+  link="https://www.redbubble.com/shop/p/45311918.EJUG5"
+  vendor="RedBubble"
+  %}
+  {% include product.html
+  image="holographic-sticker.png"
+  title="Holographic Sticker"
+  price="$5.00"
+  sale="$1.99"
+  description="Limited edition holographic black shield sticker. High quality, perfect for laptop decoration!"
+  link="https://shop.aragon.fun/product/privacytools-holographic/"
+  vendor="Aragon Ventures LLC"
+  %}
+</div>
+
+<div class="row">
+  <div class="col">
+    <h2>Shirts</h2>
+  </div>
+</div>
+
+<div class="alert alert-info" role="alert">
+   <strong>Coming soon:</strong> We are working with a quality shirt partner to develop embroidered polos, t-shirts, and sweatshirts. Stay tuned!
+</div>
+
+<div class="row">
+  <div class="col">
+    <h2>Mobile Accessories</h2>
+  </div>
+</div>
+
+<div class="row">
+  {% include product.html
+  image="blue-shield-iphone.png"
+  title="iPhone Case"
+  price="$21.00+"
+  description="Qi wireless charging compatible phone cases to show your support and protect your iPhone!"
+  link="https://www.redbubble.com/people/jonaharagon/works/45311918-privacytools-blue-shield?case_type=soft&model=iphone_11&p=iphone-case&type=iphone_11_soft"
+  vendor="RedBubble"
+  %}
+  {% include product.html
+  image="white-shield-iphone.png"
+  title="iPhone Case"
+  price="$21.00+"
+  description="Qi wireless charging compatible phone cases to show your support and protect your iPhone!"
+  link="https://www.redbubble.com/people/jonaharagon/works/45312164-privacytools-white-shield?p=iphone-case&type=iphone_11_soft"
+  vendor="RedBubble"
+  %}
+  {% include product.html
+  image="blue-shield-wallet-case.png"
+  title="Wallet Case"
+  price="$35.35"
+  description="Open book style wallet case with a built in stand and elastic strap keeps your phone and cards protected."
+  link="https://www.redbubble.com/people/jonaharagon/works/45311918-privacytools-blue-shield?p=iphone-wallet"
+  vendor="RedBubble"
+  %}
+</div>
+
+<div class="row">
+  <div class="col">
+    <h2>Laptop Accessories</h2>
+  </div>
+</div>
+
+<div class="row">
+  {% include product.html
+  image="white-shield-laptop-sleeve.png"
+  title="Laptop Skin"
+  price="$35.86"
+  description="Foam padded, zipped laptop sleeve protects your laptop from scratches and minor impacts."
+  link="https://www.redbubble.com/people/jonaharagon/works/45312164-privacytools-white-shield?p=laptop-sleeve"
+  vendor="RedBubble"
+  %}
+  {% include product.html
+  image="blue-shield-skin.png"
+  title="Laptop Skin"
+  price="$25.25"
+  description="Form-fitting vinyl 3M Controltac sticker, provides resistance to minor scrapes and scratches."
+  link="https://www.redbubble.com/people/jonaharagon/works/45311918-privacytools-blue-shield?p=laptop-skin"
+  vendor="RedBubble"
+  %}
+  {% include product.html
+  image="white-shield-skin.png"
+  title="Laptop Skin"
+  price="$25.25"
+  description="Form-fitting vinyl 3M Controltac sticker, provides resistance to minor scrapes and scratches."
+  link="https://www.redbubble.com/people/jonaharagon/works/45312164-privacytools-white-shield?p=laptop-skin"
+  vendor="RedBubble"
+  %}
+</div>
+
+<div class="row">
+  <div class="col">
+    <h2>Additional Products</h2>
+  </div>
+</div>
+
+<div class="row">
+  {% include product.html
+  image="white-shield-notebook.png"
+  title="Spiral Notebook"
+  price="$12.62"
+  description="Spiral notebook with document pocket, available in ruled line and graph paper."
+  link="https://www.redbubble.com/people/jonaharagon/works/45312164-privacytools-white-shield?p=spiral-notebook"
+  vendor="RedBubble"
+  %}
+  {% include product.html
+  image="blue-shield-notebook.png"
+  title="Spiral Notebook"
+  price="$12.62"
+  description="Spiral notebook with document pocket, available in ruled line and graph paper."
+  link="https://www.redbubble.com/people/jonaharagon/works/45311918-privacytools-blue-shield?p=spiral-notebook"
+  vendor="RedBubble"
+  %}
+  {% include product.html
+  image="white-shield-journal.png"
+  title="Hardcover Journal"
+  price="$20.51"
+  description="128 page hardcover journal available with ruled line, graph, and blank paper options."
+  link="https://www.redbubble.com/people/jonaharagon/works/45312164-privacytools-white-shield?p=hardcover-journal"
+  vendor="RedBubble"
+  %}
+  {% include product.html
+  image="blue-shield-journal.png"
+  title="Hardcover Journal"
+  price="$20.51"
+  description="128 page hardcover journal available with ruled line, graph, and blank paper options."
+  link="https://www.redbubble.com/people/jonaharagon/works/45311918-privacytools-blue-shield?p=hardcover-journal"
+  vendor="RedBubble"
+  %}
+  {% include product.html
+  image="blue-shield-pouch.png"
+  title="Zipper Pouch"
+  price="$12.12"
+  description="Available in various sizes, perfect for holding coins, pencils, cards, or other belongings."
+  link="https://www.redbubble.com/people/jonaharagon/works/45311918-privacytools-blue-shield?p=pouch"
+  vendor="RedBubble"
+  %}
+</div>