Add Instagram embed of latest live posts to homepage (TK-11322)

17915e0d098bfeb9a68d43b7917eae09d53bcd0d · 2026-09-09 23:25:07 -0700 · Steve Abrams

Files touched

M public/index.html

Diff

commit 17915e0d098bfeb9a68d43b7917eae09d53bcd0d
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Wed Sep 9 23:25:07 2026 -0700

    Add Instagram embed of latest live posts to homepage (TK-11322)
---
 public/index.html | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/public/index.html b/public/index.html
index 3aaecbd..2227aa2 100644
--- a/public/index.html
+++ b/public/index.html
@@ -129,6 +129,17 @@
 <div id="shelf"></div>
 <div id="loading">fetching the library…</div>
 <div id="reader"></div>
+<!-- IG-EMBED:START (TK-11322) -->
+<section class="ig-embed" aria-label="Follow us on Instagram" style="max-width:1120px;margin:44px auto;padding:0 20px">
+  <h2 style="font-family:Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:.02em;text-align:center;margin:0 0 20px">Follow <a href="https://www.instagram.com/thedesignerlibrary/" target="_blank" rel="noopener noreferrer">@thedesignerlibrary</a> on Instagram</h2>
+  <div class="ig-embed__row" style="display:flex;gap:16px;flex-wrap:wrap;justify-content:center;align-items:flex-start">
+      <blockquote class="instagram-media" data-instgrm-permalink="https://www.instagram.com/p/DdFzJREGxuh/" data-instgrm-version="14" style="margin:0;min-width:250px;max-width:328px;width:100%"></blockquote>
+      <blockquote class="instagram-media" data-instgrm-permalink="https://www.instagram.com/p/DdDPrYAm28t/" data-instgrm-version="14" style="margin:0;min-width:250px;max-width:328px;width:100%"></blockquote>
+      <blockquote class="instagram-media" data-instgrm-permalink="https://www.instagram.com/p/DdCqcKLmeBK/" data-instgrm-version="14" style="margin:0;min-width:250px;max-width:328px;width:100%"></blockquote>
+  </div>
+</section>
+<script async src="//www.instagram.com/embed.js"></script>
+<!-- IG-EMBED:END -->
 <footer>
   <span id="hints">scroll / drag the shelf · click a spine to open · ←/→ flip · Esc reshelves</span>
   <span id="count"></span>

← f45d24c TK-11341: add AdSense Auto-Ads loader + ads.txt (revert to r · back to Thedesignerlibrary · Add AdSense-compliant privacy policy page + footer link + /p c31c7f5 →