Skip to content

Instantly share code, notes, and snippets.

@gerisse

gerisse/essai.css

Last active March 2, 2016 08:53
Show Gist options
  • Save gerisse/0619a648a631a38b8ba4 to your computer and use it in GitHub Desktop.
Save gerisse/0619a648a631a38b8ba4 to your computer and use it in GitHub Desktop.
Download ZIP
essai#hype
Raw
essai.css
@charset "UTF-8";
Raw
essai.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>essai</title>
<meta name="description" content="essai">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="http://lab.hakim.se/reveal-js/css/reveal.min.css">
<link rel="stylesheet" href="http://lab.hakim.se/reveal-js/css/theme/default.css" id="theme">
<!-- ###HYPE_CSS### -->
<!-- For syntax highlighting
<link rel="stylesheet" href="lib/css/zenburn.css">
-->
<!-- If the query includes 'print-pdf', use the PDF print sheet -->
<script>
document.write( '<link rel="stylesheet" href="http://lab.hakim.se/reveal-js/css/print/' + ( window.location.search.match( /print-pdf/gi ) ? 'pdf' : 'paper' ) + '.css" type="text/css" media="print">' );
</script>
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.2/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<div class="reveal">
<!-- Any section element inside of this container is displayed as a slide -->
<div class="slides">
<section>
<h1>Ceci esl 1ere slide</h1>
<h3>HTML Presentations Made Easy</h3>
<p>
<small>Créé par ML Antoni. @:</small>
</p>
</section>
<section>
<h2>Heads Up</h2>
<p>
reveal.js is a framework for easily creating beautiful presentations using HTML. You'll need a browser with
support for CSS 3D transforms to see it in its full glory.
</p>
<aside class="notes">
Oh hey, these are some notes. They'll be hidden in your presentation, but you can see them if you open the speaker notes window (hit 's' on your keyboard).
</aside>
</section>
<!-- Example of nested vertical slides -->
<section>
<section>
<h2>Vertical Slides</h2>
<p>
Slides can be nested inside of other slides,
try pressing <a href="#" class="navigate-down">down</a>.
</p>
<a href="#" class="image navigate-down">
<img width="178" height="238" src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Down arrow">
</a>
</section>
<section>
<h2>Basement Level 1</h2>
<p>Press down or up to navigate.</p>
</section>
<section>
<h2>Basement Level 2</h2>
<p>Cornify</p>
<a class="test" href="http://cornify.com">
<img width="280" height="326" src="https://s3.amazonaws.com/hakim-static/reveal-js/cornify.gif" alt="Unicorn">
</a>
</section>
<section>
<h2>Basement Level 3</h2>
<p>That's it, time to go back up.</p>
<a href="#/2" class="image">
<img width="178" height="238" src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Up arrow" style="-webkit-transform: rotate(180deg);">
</a>
</section>
</section>
<section>
<h1>THE END</h1>
<h3>BY Hakim El Hattab / hakim.se</h3>
</section>
</div>
</div>
<script src="//cdnjs.cloudflare.com/ajax/libs/headjs/0.99/head.min.js"></script>
<script src="http://lab.hakim.se/reveal-js/js/reveal.min.js"></script>
<script type="text/javascript">
// Full list of configuration options available here:
// https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({
controls: true,
progress: true,
history: false, // don't set to true if you want to edit your prez with hype, because it reload the iframe
center: true,
theme: Reveal.getQueryHash().theme, // available themes are in /css/theme
transition: Reveal.getQueryHash().transition || 'default', // default/cube/page/concave/zoom/linear/fade/none
// Optional libraries used to extend on reveal.js
dependencies: [
{ src: 'https://raw.github.com/hakimel/reveal.js/v2.3/lib/js/classList.js', condition: function() { return !document.body.classList; } },
{ src: 'https://raw.github.com/hakimel/reveal.js/v2.3/plugin/markdown/showdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'https://raw.github.com/hakimel/reveal.js/v2.3/plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'https://raw.github.com/hakimel/reveal.js/v2.3/plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
{ src: 'https://raw.github.com/hakimel/reveal.js/v2.3/plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } },
{ src: 'https://raw.github.com/hakimel/reveal.js/v2.3/plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }
// { src: 'https://raw.github.com/hakimel/reveal.js/v2.3/plugin/search/search.js', async: true, condition: function() { return !!document.body.classList; } }
// { src: 'https://raw.github.com/hakimel/reveal.js/v2.3/plugin/remotes/remotes.js', async: true, condition: function() { return !!document.body.classList; } }
]
});
</script>
<!-- DO NOT REMOVE THE LINE ABOVE -->
<!-- ###HYPE_INJECTION_CODE### -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment