santhoshj/astro-website
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

instagram is on and off
Some checks failed
ci / site (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Santhosh Janardhanan
2026-02-10 00:36:59 -05:00
parent af112a713c
commit d4aef77eca
6 changed files with 131 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

100
site/src/pages/index.astro
View File

@@ -81,7 +81,7 @@ const pods = podcastEpisodes(cache)
data-umami-event-placement="section_header"
data-umami-event-target_url="/videos"
>
Browse all →
Browse all ?
</a>
</div>
{
@@ -110,7 +110,7 @@ const pods = podcastEpisodes(cache)
data-umami-event-placement="section_header"
data-umami-event-target_url="/videos"
>
Videos →
Videos ?
</a>
</div>
{
@@ -129,58 +129,52 @@ const pods = podcastEpisodes(cache)
}
</section>
<section class="section">
<div class="section-header">
<h2>Instagram</h2>
<a
class="muted"
href={LINKS.instagramProfile}
target="_blank"
rel="noopener noreferrer"
data-umami-event="outbound_click"
data-umami-event-target_id="section_header.instagram.profile"
data-umami-event-placement="section_header"
data-umami-event-target_url={LINKS.instagramProfile}
data-umami-event-domain="www.instagram.com"
data-umami-event-source="instagram"
data-umami-event-ui_placement="section_header"
>
Profile →
</a>
</div>
{
ig.length > 0 ? (
<div class="grid">
{ig.map((item) => (
<InstagramEmbed url={item.url} placement="home.instagram" />
))}
</div>
) : (
<div class="empty">
Add post URLs to <code>content/instagram-posts.json</code> to show Instagram here.
</div>
)
}
</section>
{
ig.length > 0 ? (
<script
is:inline
define:vars={{}}
set:html={`
(function(){
var s = document.createElement('script');
s.async = true;
s.defer = true;
s.src = 'https://www.instagram.com/embed.js';
s.onload = function(){
try { window.instgrm && window.instgrm.Embeds && window.instgrm.Embeds.process(); } catch(e) {}
};
document.head.appendChild(s);
})();
`}
/>
<>
<section class="section">
<div class="section-header">
<h2>Instagram</h2>
<a
class="muted"
href={LINKS.instagramProfile}
target="_blank"
rel="noopener noreferrer"
data-umami-event="outbound_click"
data-umami-event-target_id="section_header.instagram.profile"
data-umami-event-placement="section_header"
data-umami-event-target_url={LINKS.instagramProfile}
data-umami-event-domain="www.instagram.com"
data-umami-event-source="instagram"
data-umami-event-ui_placement="section_header"
>
Profile ?
</a>
</div>
<div class="grid">
{ig.map((item) => (
<InstagramEmbed url={item.url} placement="home.instagram" />
))}
</div>
</section>
<script
is:inline
define:vars={{}}
set:html={`
(function(){
var s = document.createElement('script');
s.async = true;
s.defer = true;
s.src = 'https://www.instagram.com/embed.js';
s.onload = function(){
try { window.instgrm && window.instgrm.Embeds && window.instgrm.Embeds.process(); } catch(e) {}
};
document.head.appendChild(s);
})();
`}
/>
</>
) : null
}
@@ -195,7 +189,7 @@ const pods = podcastEpisodes(cache)
data-umami-event-placement="section_header"
data-umami-event-target_url="/podcast"
>
Episodes →
Episodes ?
</a>
</div>
{