Commit 849b5fc5 authored by JCD's avatar JCD
Browse files

initial

parents
.DS_Store
slides.html
%.html: %.md template.html slides.css
pandoc $< -o $@ -t revealjs -f gfm --template=template.html --no-highlight --metadata=title:$*
all: *.html
@media all {
.reveal p {
text-align: justify;
}
ul.bigugly code {
color: darksalmon;
}
.reveal ul li li.arrow {
list-style-type: none;
}
.reveal ul li li.arrow::before {
content: "⇨ ";
}
.problem {
background-color: red;
}
.reveal section img {
border-width: 0px;
}
.reveal pre {
font-size: 25px;
}
.reveal pre code {
max-height: 80%;
}
li:last-child {
margin-bottom: 20px;
}
.tpt-top-banner {
display: none;
position: absolute;
width: 180px;
height: 50px;
top: 80px;
left: 15px;
}
.tpt-top-box {
float: left;
width: 33%;
height: 100%;
}
.tpt-footer {
color: white;
font-size: 20px;
font-family: "Quicksand", sans-serif;
text-align: center;
line-height: 30px;
position: absolute;
width: 100%;
height: 31px;
bottom: 10px;
left: 10px;
}
.tpt-bottom-left-box {
float: left;
width: 7%;
height: 100%;
}
.tpt-bottom-middle-box {
float: left;
margin-left: 10%;
width: 20%;
height: 100%;
}
.tpt-bottom-right-box {
margin-left: 50%;
width: 30%;
height: 100%;
}
body {
background-color: white;
background-image: none;
}
.reveal .slide-number {
font-size: 20px;
}
.reveal ul, .reveal ul ul, .reveal ul ul ul {
list-style-type: none;
width: 100%;
}
.reveal ul > li:before {
content: "■ ";
color: rgb(191,18,56);
}
.reveal ol.simpleOl > li:before {
content: "";
color: rgb(191,18,56);
}
.reveal ul ul > li:before {
content: "• ";
color: rgb(109, 80, 71);
}
.reveal ul ul ul > li:before {
content: "- ";
color: rgb(191,18,56);
}
.tpt-red {
background-color: rgb(191,18,56);
}
.reveal h1, .reveal h2, .reveal h3 {
color: rgb(191,18,56);
}
.tpt-black {
background-color: black;
}
.tpt-brown {
background-color: rgb(109, 80, 71);
}
.tpt-image {
position: absolute;
top: 10px;
right: 10px;
}
.reveal table th, .reveal table td {
text-align: left;
padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid;
}
.reveal table {
margin-left: auto;
margin-right: auto;
}
.reveal strong {
color: rgb(191,18,56);
}
pre .xml .javascript, pre .xml .css {
opacity: 1;
}
.reveal {
font-size: 30px;
}
.reveal h1 {
font-size: 2em;
}
.reveal code {
color: #CC5555;
}
.reveal pre {
display: block;
position: relative;
width: 90%;
margin: 0;
text-align: left;
font-size: 1em;
font-family: monospace;
line-height: 1.2em;
word-wrap: break-word;
box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
}
.reveal pre code {
padding: 5px;
overflow: auto;
max-height: 10000px;
word-wrap: normal;
}
.reveal table th, .reveal table td {
text-align: left;
padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: none;
}
.reveal ul {
line-height: 1.4em;
}
.leftcol {
width: 45%;
float: left;
}
.rightcol {
width: 45%;
float: right;
}
.reveal table.twocol {
width: 100%;
vertical-align: top;
}
.reveal table.twocol td {
vertical-align: top !important;
}
}
@media print {
.reveal {
font-size: 24px;
}
.reveal pre {
font-size: 20px;
line-height: 1em;
}
}
\ No newline at end of file
# My wonderful slides
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
# Another slides
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
<!doctype html>
<html>
<head>
<meta charset='utf-8'>
<title>$title$</title>
<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='https://perso.telecom-paristech.fr/dufourd/cours/reveal3/css/reveal.css'>
<link rel='stylesheet' href='https://perso.telecom-paristech.fr/dufourd/cours/reveal3/css/theme/sky.css' id='theme'>
<!-- For syntax highlighting -->
<link rel="stylesheet" href="https://perso.telecom-paristech.fr/dufourd/cours/reveal3/reveal3/lib/css/zenburn.css">
<!-- Telecom ParisTech styles -->
<link rel="stylesheet" href="slides.css">
<!-- 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 = 'https://perso.telecom-paristech.fr/dufourd/cours/reveal3/css/print/pdf.css';
document.getElementsByTagName('head')[0].appendChild(link);
}
</script>
<!--Add support for earlier versions of Internet Explorer -->
<!--[if lt IE 9]>
<script src='../reveal3/lib/js/html5shiv.js'></script>
<![endif]-->
</head>
<body>
<!-- Telecom ParisTech background -->
<div class="background">
<div class="tpt-top-banner">
<div class="tpt-red tpt-top-box"></div>
<div class="tpt-black tpt-top-box"></div>
<div class="tpt-brown tpt-top-box"></div>
</div>
<img class="tpt-image" src="https://perso.telecom-paristech.fr/dufourd/cours/logo-telecom.png"/>
<div class="tpt-footer">
<div class="tpt-red tpt-bottom-left-box"><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/legalcode"><img src="https://licensebuttons.net/l/by-nc-sa/4.0/88x31.png"/></a></div>
<div class="tpt-black tpt-bottom-middle-box">You</div>
<div class="tpt-brown tpt-bottom-right-box">Course: $title$</div>
</div>
</div>
<!-- beginning of slides -->
<div class='reveal'>
<div class="slides">
$body$
</div>
</div>
<script src='https://perso.telecom-paristech.fr/dufourd/cours/reveal3/lib/js/head.min.js'></script>
<script src='https://perso.telecom-paristech.fr/dufourd/cours/reveal3/js/reveal.js'></script>
<script>
Reveal.initialize({
width: 1280,
height: 1024,
margin: 0.05,
minScale: 0.2,
maxScale: 2,
transition: 'fade',
slideNumber: true,
center: false,
history: true,
mouseWheel: true,
//previewLinks: true,
dependencies: [
{
src: 'https://perso.telecom-paristech.fr/dufourd/cours/reveal3/lib/js/classList.js', condition: function () {
return !document.body.classList;
}
},
{
src: 'https://perso.telecom-paristech.fr/dufourd/cours/reveal3/plugin/markdown/marked.js', condition: function () {
return !!document.querySelector('[data-markdown]');
}
},
{
src: 'https://perso.telecom-paristech.fr/dufourd/cours/reveal3/plugin/markdown/markdown.js', condition: function () {
return !!document.querySelector('[data-markdown]');
}
},
{
src: 'https://perso.telecom-paristech.fr/dufourd/cours/reveal3/plugin/highlight/highlight.js', async: true, callback: function () {
hljs.initHighlightingOnLoad();
}
},
{
src: 'https://perso.telecom-paristech.fr/dufourd/cours/reveal3/plugin/zoom-js/zoom.js', async: true, condition: function () {
return !!document.body.classList;
}
},
{
src: 'https://perso.telecom-paristech.fr/dufourd/cours/reveal3/plugin/notes/notes.js', async: true, condition: function () {
return !!document.body.classList;
}
}
]
});
</script>
</body>
</html>
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment