<h1>Cats are Everything</h1>
			Cats are so incredibly awesome that I feel like
			we should talk about them more. Here's a PDF
			that talks about how awesome cats are.
		<!-- PDF here! -->
		<div id="mypdf"></div>

			Did you like that? Was it awesome? I think it was awesome! 
body {
	background-color: darkolivegreen;
	margin: 50px;

h1, p {
	font-family: Arial;
	color: white;

#mypdf {
	width: 100%;
	height: 500px;
const ADOBE_KEY = 'b9151e8d6a0b4d798e0f8d7950efea91';

if(window.AdobeDC) displayPDF();
else {
	document.addEventListener("adobe_dc_view_sdk.ready", () => displayPDF());

function displayPDF() {
	console.log('Lets do some AWESOME PDF stuff!');
	let adobeDCView = new AdobeDC.View({clientId: ADOBE_KEY, divId: "mypdf" });
		content:{location: {url: "https://static.raymondcamden.com/enclosures/cat.pdf"}},
		metaData:{fileName: "cat.pdf"}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://documentcloud.adobe.com/view-sdk/main.js