Skip to content

Instantly share code, notes, and snippets.

@matt-bernhardt

matt-bernhardt/powerpoint.html

Last active October 18, 2018 13:17
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save matt-bernhardt/c4c95c4c24c19d2bc5612a6044c92954 to your computer and use it in GitHub Desktop.
Save matt-bernhardt/c4c95c4c24c19d2bc5612a6044c92954 to your computer and use it in GitHub Desktop.
Download ZIP
A sketch of the HTML output from PowerPoint, with changes to introduce event tracking from Google Analytics
Raw
powerpoint.html
<!DOCTYPE html>
<html>
<head>
<meta name='viewport' content='initial-scale = 1, minimum-scale = 1, maximum-scale = 1'/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="x-ua-compatible" content="IE=9">
<title>Fair Use Quiz</title>
<link rel='stylesheet' type='text/css' href='assets/css/CPLibrary.css' />
<link type='text/css' href='assets/css/CPQuiz.css' rel='stylesheet' />
<link type='text/css' href='assets/css/smoothness/jquery-ui-1.8.14.custom.css' rel='stylesheet' />
<link type='text/css' href='assets/css/dd.css' rel='stylesheet'/>
<script type='text/javascript' src='assets/js/jquery-1.6.1.min.js'></script>
<script type='text/javascript' src='assets/js/uncompressed.jquery.dd.js'></script>
<script type='text/javascript' src='assets/js/uncompressed-jquery-ui-1.8.14.custom.js'></script>
<script type='text/javascript'>
</script>
<noscript style="text-align:center;font-size:24px;">Enable Javascript support in the browser.</noscript>
<style>
.shadow
{
overflow: hidden;
}
.cpMainContainer
{
background-color: #2F2F2F;
//background: url('./assets/htmlimages/BackgroundImage.png');
height: 100%;
width: 100%;
padding: 0px;
position:absolute;
}
.blocker
{
position:absolute;
left:0px;
top:0px;
display:none;
}
.loadingBackground
{
//position:absolute;
//display:block;
background-color: #777777;
opacity: 0.5;
}
.loadingString
{
//width:100px;
//position:absolute;
color:#ffffff;
}
</style>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-1760176-26', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<script src='assets/js/CPHTML5Warnings.js' type='text/javascript'></script>
<script>
if(document.documentMode < 9)
document.write("The content you are trying to view is not supported in the current Document Mode of Internet Explorer. Change the Document Mode to Internet Explorer 9 Standards and try to view the content again.<br>To change the Document Mode, press F12, click Document Mode: <current mode>, and then select Internet Explorer 9 Standards.");
RuntimeBrowserDetect.init("This browser does not support some of the content in the file you are trying to view. Use one of the following browsers:<ul><li>Internet Explorer 9 or later</li><li>Safari 5.1 or later</li><li>Google Chrome 17 or later</li></ul>", "Adobe Captivate","OK");
</script>
<script src='assets/js/CPRuntimeDailog.js' type='text/javascript'></script>
<script src='assets/js/CPLibrary.js' type='text/javascript'></script>
<script type='text/javascript' src='assets/js/CPQuizLibrary.js'></script>
<script src='assets/js/CPPlaybar.js' type='text/javascript'></script>
<script src='assets/js/CPTOC.js' type='text/javascript'></script>
<script src='assets/js/CPWidgetManager.js' type='text/javascript'></script>
<link rel="stylesheet" type="text/css" href="assets/playbar/playbarStyle.css">
<script type="text/javascript" src="assets/playbar/playbarScript.js"></script>
<script src='Project.js' type='text/javascript'></script>
<div class='cpMainContainer' id='cpDocument' style='left: 0px; top:0px;' >
<div class='shadow' id='project_container' style='left: 0px; top:0px;position:absolute;' >
<div id='project' class='cp-movie' style='width:960px ;height:720px '>
<div id='project_main' class='cp-timeline cp-main'>
<div id='div_Slide' onclick='handleClick(event)' style='top:0px; width:960px ;height:720px ;position:absolute;-webkit-tap-highlight-color: rgba(0,0,0,0);'></div>
</div>
<div id='autoplayDiv' style='display:block;text-align:center;position:absolute;left:0px;top:0px;'>
<img id='autoplayImage' src='' style='position:absolute;display:block;vertical-align:middle;'/>
<div id='playImage' tabindex='0' role='buton' aria-label='play' class='autoPlayButton' onkeydown='CPPlayButtonHandle(event)' onClick='cp.movie.play()' style='position:absolute;display:block;vertical-align:middle;'></div>
</div>
</div>
<div id='playbar' style='left:0px; float:left;position:absolute'>
</div>
<div id='toc' style='left:0px; float:left;position:absolute'>
</div>
<div id='cc' style='left:0px; float:left;position:absolute;visibility:hidden;'>
<div id='ccText' style='left:0px;float:left;position:absolute;width:100%;height:100%;'>
<p style='margin-left:8px;margin-right:8px;margin-top:2px;'>
</p>
</div>
<div id='ccClose' style='background-image:url(./assets/Playbar_icons/ccClose.png);right:0px; float:right;position:absolute;cursor:pointer;width:13px;height:11px;' onclick='showHideCC()'>
</div>
</div>
<div id='passwordDiv' style='display:block;text-align:center;position:absolute;width:100%;height:100%;left:0px;top:0px'></div>
<div id='expDiv' style='display:block;text-align:center;position:absolute;width:100%;height:100%;left:0px;top:0px'></div>
</div>
</div>
<div id='blockUserInteraction' class='blocker' style='width:100%;height:100%;'>
<table style='width:100%;height:100%;text-align:center;vertical-align:middle' id='loading' class='loadingBackground'>
<tr style='width:100%;height:100%;text-align:center;vertical-align:middle'>
<td style='width:100%;height:100%;text-align:center;vertical-align:middle'>
<image id='preloaderImage'></image>
<div id='loadingString' class='loadingString'>Loading...</div>
</td>
</tr>
</table>
</div>
<script>
function DoCPInit()
{
CPPreInit();
cp.QuizLibraryInit();
CPPostInit();
}
document.oncomplete = DoCPInit();
jQuery("#project_container").click( function ( event ) {
// Record element that was clicked on
var theTag = event.target.outerHTML;
ga('send', 'event', 'Fair Use Quiz', 'Click', theTag, 1);
// Record the active slide
var theSlide = 0;
if (jQuery("#div_Slide").children()) {
theSlide = jQuery("#div_Slide").children().first().attr('id');
}
ga('send', 'event', 'Fair Use Quiz', 'Slide', theSlide, 1);
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment