added NFC Music Card Post

9 files changed, 134 insertions, 2 deletions

diff --git a/docs/assets/posts/music-cards/basic-template.png b/docs/assets/posts/music-cards/basic-template.png
new file mode 100644
index 0000000..c3e2f34
--- /dev/null
+++ b/docs/assets/posts/music-cards/basic-template.png
diff --git a/docs/assets/posts/music-cards/failed-measure.png b/docs/assets/posts/music-cards/failed-measure.png
new file mode 100644
index 0000000..ebc0248
--- /dev/null
+++ b/docs/assets/posts/music-cards/failed-measure.png
diff --git a/docs/assets/posts/music-cards/mccartney-iii.png b/docs/assets/posts/music-cards/mccartney-iii.png
new file mode 100644
index 0000000..26a5235
--- /dev/null
+++ b/docs/assets/posts/music-cards/mccartney-iii.png
diff --git a/docs/assets/posts/music-cards/shortcuts-01.png b/docs/assets/posts/music-cards/shortcuts-01.png
new file mode 100644
index 0000000..f3647f5
--- /dev/null
+++ b/docs/assets/posts/music-cards/shortcuts-01.png
diff --git a/docs/assets/posts/music-cards/shortcuts-02.png b/docs/assets/posts/music-cards/shortcuts-02.png
new file mode 100644
index 0000000..321f64a
--- /dev/null
+++ b/docs/assets/posts/music-cards/shortcuts-02.png
diff --git a/docs/feed.rss b/docs/feed.rss
index 0922185..16b04de 100644
--- a/docs/feed.rss
+++ b/docs/feed.rss
@@ -4,8 +4,8 @@
 		<title>Navan's Archive</title>
 		<description>Rare Tips, Tricks and Posts</description>
 		<link>https://web.navan.dev/</link><language>en</language>
-		<lastBuildDate>Fri, 25 Jun 2021 02:41:04 -0000</lastBuildDate>
-		<pubDate>Fri, 25 Jun 2021 02:41:04 -0000</pubDate>
+		<lastBuildDate>Fri, 25 Jun 2021 16:50:37 -0000</lastBuildDate>
+		<pubDate>Fri, 25 Jun 2021 16:50:37 -0000</pubDate>
 		<ttl>250</ttl>
 		<atom:link href="https://web.navan.dev/feed.rss" rel="self" type="application/rss+xml"/>
 		
@@ -1503,6 +1503,49 @@ values using the X values. We then plot it to compare the actual data and predic
 		
 		<item>
 			<guid isPermaLink="true">
+				https://web.navan.dev/posts/2021-06-25-NFC-Music-Cards-Basic-iOS.html
+			</guid>
+			<title>
+				Basic NFC Music Cards for iOS
+			</title>
+			<description>
+				Basic NFC Music Cards on iOS with Shortcuts
+			</description>
+			<link>https://web.navan.dev/posts/2021-06-25-NFC-Music-Cards-Basic-iOS.html</link>
+			<pubDate>Fri, 25 Jun 2021 16:20:00 -0000</pubDate>
+			<content:encoded><![CDATA[<h1>Basic NFC Music Cards for iOS</h1>
+
+<p>I had a pack of NFC cards and decided it was the perfect time to create Music Cards. I do not have a "music setup."
+So, I did not have to ensure this could work with any device. I settled with using Shortcuts personal Automation.</p>
+
+<h2>Designing the Template</h2>
+
+<p>I tried measuring the card's dimensions with the in-built Measure app, but it was off by a few mm. </p>
+
+<p><img src="/assets/posts/music-cards/failed-measure.png" alt="Failed Attempt to Measure" /></p>
+
+<p>After measuring with a scale, I decided on a simple template I made in Apple Pages.</p>
+
+<p><img src="/assets/posts/music-cards/basic-template.png" alt="Screenshot of the Basic Template" /></p>
+
+<p><img src="/assets/posts/music-cards/mccartney-iii.png" alt="Screenshot of Design for McCartney III" /></p>
+
+<h2>Creating the Automation</h2>
+
+<p>I created a personal automation in the Shortcuts app which got triggered when a particular NFC card was scanned, ask playback destination and play the album/playlist.</p>
+
+<p><img src="/assets/popsts/music-cards/shortcuts-01.png" alt="Screenshot of Shortcuts App" /></p>
+
+<p><img src="/assets/posts/music-cards/shortcuts-02.png" alt="Screenshot of Automation Summary" /></p>
+
+<h2>Demo</h2>
+
+<iframe width="560" height="315" src="https://www.youtube.com/embed/pV5EPujEI-Y" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+]]></content:encoded>
+		</item>
+		
+		<item>
+			<guid isPermaLink="true">
 				https://web.navan.dev/posts/2019-05-05-Custom-Snowboard-Anemone-Theme.html
 			</guid>
 			<title>
diff --git a/docs/index.html b/docs/index.html
index f25234a..1a9a55b 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -27,6 +27,21 @@
 
 <ul>
 
+	<li><a href="/posts/2021-06-25-NFC-Music-Cards-Basic-iOS.html">Basic NFC Music Cards for iOS</a></li>
+	<ul>
+		<li>Basic NFC Music Cards on iOS with Shortcuts</li>
+		<li>Published On: 2021-06-25 16:20</li>
+		<li>Tags: 
+			
+			iOS,
+			
+			Shortcuts,
+			
+			Fun,
+			
+	</ul>
+
+
 	<li><a href="/posts/2021-06-25-Blog2Twitter-P1.html">Posting Blog Posts as Twitter Threads Part 1/n</a></li>
 	<ul>
 		<li>Converting Posts to Twitter Threads</li>
diff --git a/docs/posts/2021-06-25-NFC-Music-Cards-Basic-iOS.html b/docs/posts/2021-06-25-NFC-Music-Cards-Basic-iOS.html
new file mode 100644
index 0000000..20e56cc
--- /dev/null
+++ b/docs/posts/2021-06-25-NFC-Music-Cards-Basic-iOS.html
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    
+    <link rel="stylesheet" href="/assets/main.css" />
+    <link rel="stylesheet" href="/assets/sakura.css" />
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Hey - Post</title>
+    
+</head>
+<body>
+    <nav style="display: block;">
+|
+<a href="/">home</a> |
+<a href="/about/">about/links</a> |
+<a href="/posts/">posts</a> |
+<a href="/publications/">publications</a> |
+<a href="/repo/">iOS repo</a> |
+<a href="/feed.rss">RSS Feed</a> |
+</nav>
+    
+<main>
+	<h1>Basic NFC Music Cards for iOS</h1>
+
+<p>I had a pack of NFC cards and decided it was the perfect time to create Music Cards. I do not have a "music setup."
+So, I did not have to ensure this could work with any device. I settled with using Shortcuts personal Automation.</p>
+
+<h2>Designing the Template</h2>
+
+<p>I tried measuring the card's dimensions with the in-built Measure app, but it was off by a few mm. </p>
+
+<p><img src="/assets/posts/music-cards/failed-measure.png" alt="Failed Attempt to Measure" /></p>
+
+<p>After measuring with a scale, I decided on a simple template I made in Apple Pages.</p>
+
+<p><img src="/assets/posts/music-cards/basic-template.png" alt="Screenshot of the Basic Template" /></p>
+
+<p><img src="/assets/posts/music-cards/mccartney-iii.png" alt="Screenshot of Design for McCartney III" /></p>
+
+<h2>Creating the Automation</h2>
+
+<p>I created a personal automation in the Shortcuts app which got triggered when a particular NFC card was scanned, ask playback destination and play the album/playlist.</p>
+
+<p><img src="/assets/popsts/music-cards/shortcuts-01.png" alt="Screenshot of Shortcuts App" /></p>
+
+<p><img src="/assets/posts/music-cards/shortcuts-02.png" alt="Screenshot of Automation Summary" /></p>
+
+<h2>Demo</h2>
+
+<iframe width="560" height="315" src="https://www.youtube.com/embed/pV5EPujEI-Y" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+
+</main>
+
+
+<script src="assets/manup.min.js"></script>
+<script src="/pwabuilder-sw-register.js"></script>    
+</body>
+</html>
\ No newline at end of file
diff --git a/docs/posts/index.html b/docs/posts/index.html
index 4d31a82..06a9112 100644
--- a/docs/posts/index.html
+++ b/docs/posts/index.html
@@ -30,6 +30,21 @@
 
 <ul>
 
+	<li><a href="/posts/2021-06-25-NFC-Music-Cards-Basic-iOS.html">Basic NFC Music Cards for iOS</a></li>
+	<ul>
+		<li>Basic NFC Music Cards on iOS with Shortcuts</li>
+		<li>Published On: 2021-06-25 16:20</li>
+		<li>Tags: 
+			
+			iOS,
+			
+			Shortcuts,
+			
+			Fun,
+			
+	</ul>
+
+
 	<li><a href="/posts/2021-06-25-Blog2Twitter-P1.html">Posting Blog Posts as Twitter Threads Part 1/n</a></li>
 	<ul>
 		<li>Converting Posts to Twitter Threads</li>