presentations/template.html

<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

		<title>ADD TITLE</title>

		<link rel="stylesheet" href="../css/reveal.css">
		<link rel="stylesheet" href="../css/theme/cytoscape-presentation-1.css">

		<!-- Theme used for syntax highlighting of code -->
		<link rel="stylesheet" href="../lib/css/zenburn.css">

		<!-- Printing and PDF exports -->
		<script>
			var link = document.createElement( 'link' );
			link.rel = 'stylesheet';
			link.type = 'text/css';
			link.href = window.location.search.match( /print-pdf/gi ) ? '../css/print/pdf.css' : '../css/print/paper.css';
			document.getElementsByTagName( 'head' )[0].appendChild( link );
		</script>
	</head>
	<body>
		<div class="reveal">
			<div class="footer">
				<img src="../assets/images/Cytoscape.png" style="height:70px;opacity:0.5"> 
				<version>3.6.0</version>
			</div>
			<div class="slides">
				<!-- Add custom slides and references to modules here -->
				<!-- This is a title slide -->
				<section id='title'>
				<h1>Title of Your Presentation</h1>
				<br /><br />
				<h4>Cool Conference - <highlight>Svalbard</highlight></h4>
				<h5> 21 July 2035</h5>

				<aside class="notes" data-markdown>
				Don't forget to thank those who invited you!
				</aside>
				</section>
				<!-- These are example Ribbons for agendas and outlines -->
				<section id='ribbons'>
				<a href="#/"><ribbon>Title Slide</ribbon></a>
				<a href="#/3"><ribbon>Template Module A</ribbon></a>
				<a href="#/headers"><ribbon>List of Headers</ribbon></a>
				<a href="#" class="navigate-next"><ribbon>How Links Work</ribbon></a>
				<a class="inactive"><ribbon>Inactive Ribbon Style</ribbon></a>
				</section>
				<!-- These are example links to slide within your presentation -->
				<section id='links'>
				<h3>This is how slide links work</h3> 
				<ul>
					<li>Link to <a href="#" class="navigate-next">next slide</a></li>
					<li>Link to slide <a href="#/headers">by name</a> (e.g., section id="headers")</li>
					<li>Link to slide <a href="#/3/2">by position</a> (e.g., third slide over, second slide down)</li>
				</ul>
				</section>

				<!-- And this is how you pull in existing modules -->
				<section data-external="modules/template-a/module.html"></section>
				<section data-external="modules/template-b/module.html"></section>

				<!-- This is where you'd insert a custom conclusion slide -->
				<section>
				<h3>Thank you!<h3>
				</section>
			</div>
		</div>

		<script src="../lib/js/head.min.js"></script>
		<script src="../js/reveal.js"></script>
<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-155159-15', 'auto');
  ga('send', 'pageview');

</script>
		<script>
			// More info https://github.com/hakimel/reveal.js#configuration
			Reveal.initialize({
				history: true,
				controls: true,
				progress: true,
				slideNumber: false,
				touch: true,
				fragments: true,
				help: true,
				showNotes: false,
				previewLinks: false,
				transition: 'slide', // none/fade/slide/convex/concave/zoom
				width: 1200,
				height: 860,
				autoSlide: 0,

				// More info https://github.com/hakimel/reveal.js#dependencies
				dependencies: [
				{ src: '../plugin/markdown/marked.js' },
				{ src: '../plugin/markdown/markdown.js' },
				
				{ src: '../plugin/zoom-js/zoom.js', async: true, condition: function(){ return !!document.body.classList; } },
				{ src: '../plugin/notes/notes.js', async: true },
				{ src: '../plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
				{ src: '../plugin/external/external.js', condition: function() { return !!document.querySelector( '[data-external]' ); } }
				]
				});
			</script>
		</body>
	</html>