Skip to content

Instantly share code, notes, and snippets.

@kkweon

kkweon/main.html

Created August 31, 2017 12:23
Show Gist options
  • Save kkweon/ca4cef4cd0add2368aa8f79e4d5d0fb5 to your computer and use it in GitHub Desktop.
Save kkweon/ca4cef4cd0add2368aa8f79e4d5d0fb5 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
main.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>Haskell Presentation</title>
<meta name="author" content="(Mo Kwoen)"/>
<style type="text/css">
.underline { text-decoration: underline; }
</style>
<link rel="stylesheet" href="http://cdn.jsdelivr.net/reveal.js/3.0.0/css/reveal.css"/>
<link rel="stylesheet" href="http://cdn.jsdelivr.net/reveal.js/3.0.0/css/theme/moon.css" id="theme"/>
<!-- If the query includes 'print-pdf', include the PDF print sheet -->
<script>
if( window.location.search.match( /print-pdf/gi ) ) {
var link = document.createElement( 'link' );
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = 'http://cdn.jsdelivr.net/reveal.js/3.0.0/css/print/pdf.css';
document.getElementsByTagName( 'head' )[0].appendChild( link );
}
</script>
</head>
<body>
<div class="reveal">
<div class="slides">
<section id="sec-title-slide"><h1 class="title">Haskell Presentation</h1><h2 class="author">Mo Kwoen</h2><p class="date">Created: 2017-08-31 Thu 05:22</p>
</section>
<section id="table-of-contents">
<div id="table-of-contents">
<h2>Table of Contents</h2>
<div id="text-table-of-contents">
<ul>
<li><a href="#/slide-org144bdf1">1. What is a haskell</a></li>
<li><a href="#/slide-org1ec842f">2. Quick Sort</a></li>
<li><a href="#/slide-orgd6be46f">3. Embed Video</a></li>
</ul>
</div>
</div>
</section>
<section>
<section id="slide-org144bdf1">
<h2 id="org144bdf1"><span class="section-number-2">1</span> What is a haskell</h2>
<div class="org-src-container">
<pre class="src src-haskell"><span style="color: #84ffff;">putStrLn</span> <span style="color: #9ccc65;">"Hello World"</span>
</pre>
</div>
<pre class="example">
Hello World
</pre>
</section>
</section>
<section>
<section id="slide-org1ec842f">
<h2 id="org1ec842f"><span class="section-number-2">2</span> Quick Sort</h2>
<div class="org-src-container">
<pre class="src src-haskell"><span style="color: #84ffff;">:</span><span style="color: #e91e63;">{</span>
<span style="color: #fff59d;">let</span> quicksort <span style="color: #ffcc80;">::</span> <span style="color: #2196F3;">(</span><span style="color: #84ffff;">Ord</span> a<span style="color: #2196F3;">)</span> <span style="color: #ffcc80;">=&gt;</span> <span style="color: #2196F3;">[</span>a<span style="color: #2196F3;">]</span> <span style="color: #ffcc80;">-&gt;</span> <span style="color: #2196F3;">[</span>a<span style="color: #2196F3;">]</span>
quicksort <span style="color: #2196F3;">[]</span> <span style="color: #ffcc80;">=</span> <span style="color: #2196F3;">[]</span>
quicksort <span style="color: #2196F3;">(</span>x<span style="color: #84ffff;">:</span>xs<span style="color: #2196F3;">)</span> <span style="color: #ffcc80;">=</span>
<span style="color: #fff59d;">let</span> smallerSorted <span style="color: #ffcc80;">=</span> quicksort <span style="color: #2196F3;">[</span>a <span style="color: #ffcc80;">|</span> a <span style="color: #ffcc80;">&lt;-</span> xs, a <span style="color: #ffcc80;">&lt;=</span> x<span style="color: #2196F3;">]</span>
biggerSorted <span style="color: #ffcc80;">=</span> quicksort <span style="color: #2196F3;">[</span>a <span style="color: #ffcc80;">|</span> a <span style="color: #ffcc80;">&lt;-</span> xs, a <span style="color: #ffcc80;">&gt;</span> x<span style="color: #2196F3;">]</span>
<span style="color: #fff59d;">in</span> smallerSorted <span style="color: #ffcc80;">++</span> <span style="color: #2196F3;">[</span>x<span style="color: #2196F3;">]</span> <span style="color: #ffcc80;">++</span> biggerSorted
<span style="color: #84ffff;">:</span><span style="color: #e91e63;">}</span>
<span style="color: #84ffff;">quicksort</span> <span style="color: #e91e63;">[</span><span style="color: #9ccc65;">5</span>, <span style="color: #9ccc65;">4</span><span style="color: #ffcc80;">..</span><span style="color: #9ccc65;">1</span><span style="color: #e91e63;">]</span>
</pre>
</div>
<pre class="example">
[1,2,3,4,5]
</pre>
</section>
</section>
<section>
<section id="slide-orgd6be46f">
<h2 id="orgd6be46f"><span class="section-number-2">3</span> Embed Video</h2>
<iframe width="560" height="315" src="https://www.youtube.com/embed/dljNabciEGg" frameborder="0" allowfullscreen></iframe>
</section>
</section>
</div>
</div>
<script src="http://cdn.jsdelivr.net/reveal.js/3.0.0/lib/js/head.min.js"></script>
<script src="http://cdn.jsdelivr.net/reveal.js/3.0.0/js/reveal.js"></script>
<script>
// Full list of configuration options available here:
// https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({
controls: true,
progress: true,
history: false,
center: true,
slideNumber: 'c',
rollingLinks: false,
keyboard: true,
overview: true,
theme: Reveal.getQueryHash().theme, // available themes are in /css/theme
transition: Reveal.getQueryHash().transition || 'default', // default/cube/page/concave/zoom/linear/fade/none
transitionSpeed: 'default',
multiplex: {
secret: '', // null if client
id: '', // id, obtained from socket.io server
url: '' // Location of socket.io server
},
// Optional libraries used to extend on reveal.js
dependencies: [
{ src: 'http://cdn.jsdelivr.net/reveal.js/3.0.0/lib/js/classList.js', condition: function() { return !document.body.classList; } },
{ src: 'http://cdn.jsdelivr.net/reveal.js/3.0.0/plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'http://cdn.jsdelivr.net/reveal.js/3.0.0/plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'http://cdn.jsdelivr.net/reveal.js/3.0.0/plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } },
{ src: 'http://cdn.jsdelivr.net/reveal.js/3.0.0/plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }]
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment