diff options
| -rw-r--r-- | Content/posts/2021-06-25-NFC-Music-Cards-Basic-iOS.md | 36 | ||||
| -rw-r--r-- | docs/assets/posts/music-cards/basic-template.png | bin | 0 -> 694654 bytes | |||
| -rw-r--r-- | docs/assets/posts/music-cards/failed-measure.png | bin | 0 -> 1706250 bytes | |||
| -rw-r--r-- | docs/assets/posts/music-cards/mccartney-iii.png | bin | 0 -> 940899 bytes | |||
| -rw-r--r-- | docs/assets/posts/music-cards/shortcuts-01.png | bin | 0 -> 179669 bytes | |||
| -rw-r--r-- | docs/assets/posts/music-cards/shortcuts-02.png | bin | 0 -> 237833 bytes | |||
| -rw-r--r-- | docs/feed.rss | 47 | ||||
| -rw-r--r-- | docs/index.html | 15 | ||||
| -rw-r--r-- | docs/posts/2021-06-25-NFC-Music-Cards-Basic-iOS.html | 59 | ||||
| -rw-r--r-- | docs/posts/index.html | 15 |
10 files changed, 170 insertions, 2 deletions
diff --git a/Content/posts/2021-06-25-NFC-Music-Cards-Basic-iOS.md b/Content/posts/2021-06-25-NFC-Music-Cards-Basic-iOS.md new file mode 100644 index 0000000..c894955 --- /dev/null +++ b/Content/posts/2021-06-25-NFC-Music-Cards-Basic-iOS.md @@ -0,0 +1,36 @@ +--- +date: 2021-06-25 16:20 +description: Basic NFC Music Cards on iOS with Shortcuts +tags: iOS, Shortcuts, Fun +--- + +# Basic NFC Music Cards for iOS + +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. + +## Designing the Template + +I tried measuring the card's dimensions with the in-built Measure app, but it was off by a few mm. + + + + +After measuring with a scale, I decided on a simple template I made in Apple Pages. + + + + + +## Creating the Automation + +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. + + + + + +## Demo + +<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> + diff --git a/docs/assets/posts/music-cards/basic-template.png b/docs/assets/posts/music-cards/basic-template.png Binary files differnew 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 Binary files differnew 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 Binary files differnew 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 Binary files differnew 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 Binary files differnew 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> |
