summaryrefslogtreecommitdiff
path: root/docs
diff options
context:
space:
mode:
Diffstat (limited to 'docs')
-rw-r--r--docs/assets/posts/music-cards/basic-template.pngbin0 -> 694654 bytes
-rw-r--r--docs/assets/posts/music-cards/failed-measure.pngbin0 -> 1706250 bytes
-rw-r--r--docs/assets/posts/music-cards/mccartney-iii.pngbin0 -> 940899 bytes
-rw-r--r--docs/assets/posts/music-cards/shortcuts-01.pngbin0 -> 179669 bytes
-rw-r--r--docs/assets/posts/music-cards/shortcuts-02.pngbin0 -> 237833 bytes
-rw-r--r--docs/feed.rss47
-rw-r--r--docs/index.html15
-rw-r--r--docs/posts/2021-06-25-NFC-Music-Cards-Basic-iOS.html59
-rw-r--r--docs/posts/index.html15
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
Binary files differ
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
Binary files differ
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
Binary files differ
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
Binary files differ
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
Binary files differ
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>