Embed

<div class="t4t-flash-wrap">
  <img
    src="https://cdn.durable.co/blocks/2szcjqvYDzkhlcUNIKzFu6Qa74oImNfNWSEnzsfoxjB7w94BI07m4Qemu5fOtfmK.jpg"
    alt="Tats 4 Tails flash sheet"
    class="t4t-flash-img"
  >

  <a class="t4t-hotspot design-1" data-design="1" href="https://script.google.com/macros/s/AKfycbxsHbxcJ4fhIM-G0ETHCadZjwKHGgylOVy4xcES8izXKinnevEMHR5_OPYOzoUv-c22Qw/exec?design=1" aria-label="Book design 1">
    <span>Book this design</span>
  </a>

  <a class="t4t-hotspot design-2" data-design="2" href="https://script.google.com/macros/s/AKfycbxsHbxcJ4fhIM-G0ETHCadZjwKHGgylOVy4xcES8izXKinnevEMHR5_OPYOzoUv-c22Qw/exec?design=2" aria-label="Book design 2">
    <span>Book this design</span>
  </a>

  <a class="t4t-hotspot design-3" data-design="3" href="https://script.google.com/macros/s/AKfycbxsHbxcJ4fhIM-G0ETHCadZjwKHGgylOVy4xcES8izXKinnevEMHR5_OPYOzoUv-c22Qw/exec?design=3" aria-label="Book design 3">
    <span>Book this design</span>
  </a>

  <a class="t4t-hotspot design-4" data-design="4" href="https://script.google.com/macros/s/AKfycbxsHbxcJ4fhIM-G0ETHCadZjwKHGgylOVy4xcES8izXKinnevEMHR5_OPYOzoUv-c22Qw/exec?design=4" aria-label="Book design 4">
    <span>Book this design</span>
  </a>

  <a class="t4t-hotspot design-5" data-design="5" href="https://script.google.com/macros/s/AKfycbxsHbxcJ4fhIM-G0ETHCadZjwKHGgylOVy4xcES8izXKinnevEMHR5_OPYOzoUv-c22Qw/exec?design=5" aria-label="Book design 5">
    <span>Book this design</span>
  </a>

  <a class="t4t-hotspot design-6" data-design="6" href="https://script.google.com/macros/s/AKfycbxsHbxcJ4fhIM-G0ETHCadZjwKHGgylOVy4xcES8izXKinnevEMHR5_OPYOzoUv-c22Qw/exec?design=6" aria-label="Book design 6">
    <span>Book this design</span>
  </a>
</div>

<style>
  .t4t-flash-wrap {
    position: relative;
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
  }

  .t4t-flash-img {
    display: block;
    width: 100%;
    height: auto;
  }

  .t4t-hotspot {
    position: absolute;
    display: block;
    cursor: pointer;
    border-radius: 18px;
    text-decoration: none;
  }

  .t4t-hotspot span {
    position: absolute;
    left: 50%;
    top: -42px;
    transform: translateX(-50%);
    background: #111111;
    color: #ffffff;
    border: 1px solid #8f5cff;
    border-radius: 999px;
    padding: 8px 13px;
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s ease, top 0.15s ease;
    z-index: 10;
  }

  .t4t-hotspot:hover span,
  .t4t-hotspot:focus span {
    opacity: 1;
    top: -48px;
  }

  .t4t-hotspot:hover,
  .t4t-hotspot:focus {
    outline: 2px solid rgba(143, 92, 255, 0.9);
    background: rgba(143, 92, 255, 0.14);
  }

  .design-1 {
    left: 12%;
    top: 8%;
    width: 25%;
    height: 23%;
  }

  .design-2 {
    left: 35%;
    top: 20%;
    width: 25%;
    height: 26%;
  }

  .design-3 {
    left: 62%;
    top: 7%;
    width: 27%;
    height: 25%;
  }

  .design-4 {
    left: 6%;
    top: 38%;
    width: 27%;
    height: 25%;
  }

  .design-5 {
    left: 36%;
    top: 49%;
    width: 25%;
    height: 23%;
  }

  .design-6 {
    left: 65%;
    top: 38%;
    width: 27%;
    height: 28%;
  }

  @media (max-width: 700px) {
    .t4t-hotspot span {
      font-size: 12px;
      padding: 7px 10px;
    }
  }
</style>

<script>
  (function() {
    const bookingFormUrl = 'https://script.google.com/macros/s/AKfycbxsHbxcJ4fhIM-G0ETHCadZjwKHGgylOVy4xcES8izXKinnevEMHR5_OPYOzoUv-c22Qw/exec';

    const params = new URLSearchParams(window.location.search);
    const selectedText = params.get('selected') || '';

    const selectedDesigns = selectedText
      .split(',')
      .map(function(item) {
        return String(item || '').trim();
      })
      .filter(function(item) {
        return item;
      });

    document.querySelectorAll('.t4t-hotspot').forEach(function(link) {
      const design = String(link.getAttribute('data-design') || '').trim();
      const designs = selectedDesigns.slice();

      if (designs.indexOf(design) === -1) {
        designs.push(design);
      }

      link.href = bookingFormUrl + '?design=' + encodeURIComponent(designs.join(','));
    });
  })();
</script>

Blackened Tattoo Studio

Located at 5908 104 Street NW in Edmonton, Alberta, Blackened Tattoo Studio hosts a varied array of resident artists and rotating guest artists. Browse our artists and book online now.