Embed presentation into page

content/posts/react-native-intro-dev-meeting.md

@@ -16,4 +16,8 @@ The slides from my talk are available on my [GitHub](https://github.com/RealOran
 
 React Native is a tricky platform to get started on, but once you understand the _qwerks_, I believe it truly is the future of cross-platform mobile development!
 
-[Click here to view the slides](https://realorangeone.github.io/react-native-intro-dev-meeting/)
+{{< iframe src="https://react-native-intro-dev-meeting.netlify.com/" >}}
+The Presentation
+{{< /iframe >}}
+
+{{% repobutton %}}

layouts/shortcodes/iframe.html

@@ -0,0 +1,10 @@
+{{ if .Inner }}
+  <figure>
+    <iframe src='{{ .Get "src" }}' class='{{ .Get "class" }}'></iframe>
+    <figcaption>
+      <small>{{ .Inner }} <a href='{{ .Get "src" }}' class="d-inline-block">View Full</a></small>
+    </figcaption>
+  </figure>
+{{ else }}
+  <iframe src='{{ .Get "src" }}' class='{{ .Get "class" }}'></iframe>
+{{ end }}

static/src/scss/style.scss

@@ -202,6 +202,11 @@ pre.chroma {
   img {
     width: 100%;
   }
+
+  iframe {
+    width: 100%;
+    height: 50vh;
+  }
 }
 
 .plyr {