close #72

Former-commit-id: 992a763c56

_embed/public/css/styles.css

@@ -72,6 +72,11 @@ i.spin {
   animation: 1s spin linear infinite;
 }
 
+.pdf {
+  width: 100%;
+  height: calc(100vh - 13em);
+}
+
 
 /* * * * * * * * * * * * * * * *
  *            EDITOR           *
@@ -1200,4 +1205,4 @@ footer a:hover {
     -webkit-transform: rotate(-360deg);
     transform: rotate(-360deg);
   }
-}
+}

_embed/templates/single.tmpl

@@ -1,21 +1,23 @@
 {{ define "content" }}
 {{ with .Data}}
- <main class="container">
+<main class="container">
   {{ if eq .Type "image" }}
-   <center><img src="{{ .URL }}?raw=true"></center>
-   {{ else if eq .Type "audio" }}
-   <audio src="{{ .URL }}?raw=true" controls></audio>
-   {{ else if eq .Type "video" }}
-   <video src="{{ .URL }}?raw=true" controls>
-      Sorry, your browser doesn't support embedded videos,
-      but don't worry, you can <a href="?download=true">download it</a>
-      and watch it with your favorite video player!
-    </video>
-   {{ else if eq .Type "blob" }}
-   <a href="?download=true"><h2 class="message">Download <i class="material-icons">file_download</i></h2></a>
-   {{ else}}
-   <pre>{{ .StringifyContent }}</pre>
+  <center><img src="{{ .URL }}?raw=true"></center>
+  {{ else if eq .Type "audio" }}
+  <audio src="{{ .URL }}?raw=true" controls></audio>
+  {{ else if eq .Type "video" }}
+  <video src="{{ .URL }}?raw=true" controls>
+    Sorry, your browser doesn't support embedded videos,
+    but don't worry, you can <a href="?download=true">download it</a>
+    and watch it with your favorite video player!
+  </video>
+  {{ else if eq .Extension ".pdf" }}
+  <object class="pdf" data="{{ .URL }}?raw=true"></object>
+  {{ else if eq .Type "blob" }}
+  <a href="?download=true"><h2 class="message">Download <i class="material-icons">file_download</i></h2></a>
+  {{ else}}
+  <pre>{{ .StringifyContent }}</pre>
   {{ end }}
- </main>
+</main>
 {{ end }}
 {{ end }}