Initial commit

.gitignore

@@ -0,0 +1 @@
+.DS_Store

.gitmodules

@@ -0,0 +1,3 @@
+[submodule "themes/introduction"]
+	path = themes/introduction
+	url = https://github.com/victoriadrake/hugo-theme-introduction.git

README.md

@@ -0,0 +1,29 @@
+# hugo-shortcodes-soundcloud
+
+Hugo shortcodes to embed SoundCloud on your site.
+
+## Shortcodes
+
+### User widget
+
+Copy [soundcloud-user.html](./layouts/shortcodes/soundcloud-user.html) into your `layouts/shortcode/` directory.
+
+#### Usage
+
+```markdown
+{{< soundcloud-user UserID >}}
+```
+
+### Playlist widget
+
+Copy [soundcloud-playlist.html](./layouts/shortcodes/soundcloud-playlist.html) into your `layouts/shortcode/` directory.
+
+#### Usage
+
+```markdown
+{{< soundcloud-playlist PlaylistID >}}
+```
+
+## Note
+
+You can confirm UserID and PlaylistID by [SoundCloud HTTP API](https://developers.soundcloud.com/docs/api/reference).

config.toml

@@ -0,0 +1,5 @@
+baseURL = "https://example.com/"
+languageCode = "en-us"
+title = "Hugo Shortcodes to embed SoundCloud"
+theme = "introduction"
+publishDir = "docs"

content/home/index.md

@@ -0,0 +1,21 @@
++++
+title = "SoundCloud Example"
++++
+
+## User widget
+
+```markdown
+{{</* soundcloud-user UserID */>}}
+```
+
+{{< soundcloud-user 63874417 >}}
+
+---
+
+## Playlist widget
+
+```markdown
+{{</* soundcloud-playlist PlaylistID */>}}
+```
+
+{{< soundcloud-playlist 193869697 >}}

layouts/shortcodes/soundcloud-playlist.html

@@ -0,0 +1,8 @@
+<iframe
+  width="100%"
+  height="300" 
+  scrolling="no" 
+  frameborder="no" 
+  allow="autoplay" 
+  src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/{{ index .Params 0 }}&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true">
+</iframe>

layouts/shortcodes/soundcloud-user.html

@@ -0,0 +1,8 @@
+<iframe 
+  width="100%" 
+  height="300" 
+  scrolling="no" 
+  frameborder="no" 
+  allow="autoplay"
+  src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/users/{{ index .Params 0 }}&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true">
+</iframe>