From 8d20d20f856b39d528cef94de0c28d0fb6798c66 Mon Sep 17 00:00:00 2001
From: Kristian Polso <kristian.polso@gmail.com>
Date: Fri, 27 Apr 2018 14:21:31 +0300
Subject: [PATCH] Add Whitepaper as iframe #11

---
 .vuepress/components/Whitepaper.vue |  1 +
 .vuepress/theme/Layout.vue          |  8 +++++++-
 documentation.md                    |  2 ++
 whitepaper.md                       | 27 +++++++++++++++++++++++++++
 4 files changed, 37 insertions(+), 1 deletion(-)
 create mode 100644 .vuepress/components/Whitepaper.vue
 create mode 100644 whitepaper.md

diff --git a/.vuepress/components/Whitepaper.vue b/.vuepress/components/Whitepaper.vue
new file mode 100644
index 0000000..8d1c8b6
--- /dev/null
+++ b/.vuepress/components/Whitepaper.vue
@@ -0,0 +1 @@
+ 
diff --git a/.vuepress/theme/Layout.vue b/.vuepress/theme/Layout.vue
index 91c53b0..4af0442 100644
--- a/.vuepress/theme/Layout.vue
+++ b/.vuepress/theme/Layout.vue
@@ -19,7 +19,7 @@
 
     <v-content>
 
-      <v-alert type="error" value="true" id="in-development-alert" class="pt-5 pb-5 ma-0">
+      <v-alert type="error" value="true" id="in-development-alert" class="pt-4 pb-4 ma-0">
         <strong>This website is in beta.</strong> We are actively developing this website to showcase and teach about the LBRY protocol. All things may not work as expected!<br/>This website is open source and you can <a href="https://github.com/lbryio/lbry.tech" target="_blank">contribute to it on Github</a>.</v-alert>
       </v-alert>
 
@@ -45,6 +45,12 @@
 
       </template>
 
+      <template v-else-if="$page.path == '/whitepaper.html'">
+
+        <Content custom></Content>
+
+      </template>
+
       <template v-else>
 
         <v-container>
diff --git a/documentation.md b/documentation.md
index 2501c2c..0a273c9 100644
--- a/documentation.md
+++ b/documentation.md
@@ -4,6 +4,8 @@ title: Documentation
 
 # Documentation lives here!
 
+[Whitepaper](/whitepaper.html)
+
 ## Second level header
 
 ## Another second level header
diff --git a/whitepaper.md b/whitepaper.md
new file mode 100644
index 0000000..0fc129c
--- /dev/null
+++ b/whitepaper.md
@@ -0,0 +1,27 @@
+<template>
+  <iframe src="https://lbry-whitepaper.herokuapp.com/" id="whitepaper" v-bind:style="{height: iframeHeight}"></iframe>
+</template>
+
+<script>
+
+export default {
+  data () {
+    return {
+      iframeHeight: '10vh'
+    }
+  },
+  mounted () {
+    this.iframeHeight = (window.innerHeight - document.getElementById('whitepaper').offsetTop - 10) + 'px';
+  },
+  name: 'Whitepaper'
+}
+</script>
+
+<style lang="scss">
+
+#whitepaper {
+  width: 100%;
+  border: 0;
+}
+
+</style>
\ No newline at end of file