Verified Commit b96f701e authored by Roberto Bochet's avatar Roberto Bochet
Browse files

Added support to section title

parent 4aa71933
...@@ -2,118 +2,117 @@ ...@@ -2,118 +2,117 @@
<html lang="it"> <html lang="it">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8"/>
<meta name="description" content=""> <meta name="description" content=""/>
<meta name="author" content=""> <meta name="author" content=""/>
<meta name="viewport" <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, <meta name="apple-mobile-web-app-capable" content="yes"/>
user-scalable=no"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" <!-- reveal.js base stylesheel. Don't remove nor edit this. -->
content="black-translucent"> <link rel="stylesheet" href="./reveal.js/css/reveal.css"/>
<!-- reveal.js base stylesheel. Don't remove nor edit this. --> <!-- POuL theme for reveal.js -->
<link rel="stylesheet" href="reveal.js/css/reveal.css"> <link rel="stylesheet" href="./poul/css/poul.css" id="theme"/>
<!-- POuL theme for reveal.js --> <!-- Code syntax highlighting -->
<link rel="stylesheet" href="poul/css/poul.css" id="theme"> <link rel="stylesheet" href="./reveal.js/lib/css_highlight/hopscotch.css"/>
<!-- Code syntax highlighting --> <!-- Printing and PDF exports -->
<link rel="stylesheet" href="reveal.js/lib/css_highlight/hopscotch.css"> <script>
let link = document.createElement('link');
<!-- Printing and PDF exports --> link.rel = 'stylesheet';
<script> link.href = window.location.search.match(/print-pdf/gi)
var link = document.createElement('link'); ? './poul/css/print/pdf.css' : './poul/css/print/paper.css';
link.rel = 'stylesheet'; document.getElementsByTagName('head')[0].appendChild(link);
link.type = 'text/css'; </script>
link.href = window.location.search.match(/print-pdf/gi)
? 'reveal.js/css/print/pdf.css' : 'reveal.js/css/print/paper.css'; <script src="./reveal.js/lib/js/head.min.js"></script>
document.getElementsByTagName('head')[0].appendChild(link); <script src="./reveal.js/js/reveal.js"></script>
</script>
<!-- Init Reveal.js -->
<script>
document.addEventListener("DOMContentLoaded", () => {
Reveal.initialize({
controls: false,
slideNumber: true,
history: true,
transition: 'none',
pdfMaxPagesPerSlide: 1,
pdfSeparateFragments: false,
display: 'flex',
markdown: {
smartypants: true,
},
keyboard: {
38: 'prev', // Up arrow
40: 'next' // Down arrow
},
math: {
mathjax: './reveal.js/lib/js/mathjax/MathJax.js',
config: 'TeX-AMS_HTML-full' // See http://docs.mathjax.org/en/latest/config-files.html
},
dependencies: [
{
src: './reveal.js/plugin/markdown/marked.js',
condition: function () {
return !!document.querySelector('[data-markdown]');
}
},
{
src: './reveal.js/plugin/markdown/markdown.js',
condition: function () {
return !!document.querySelector('[data-markdown]');
}
},
{
src: './reveal.js/plugin/highlight/highlight.js',
async: true,
callback: function () {
hljs.initHighlightingOnLoad();
}
},
{
src: './reveal.js/plugin/notes/notes.js',
async: true
},
{
src: './reveal.js/plugin/math/math.js',
async: true
}
]
});
});
</script>
</head> </head>
<body> <div class="reveal">
<div class="reveal">
<div class="slides"> <div class="slides">
<section class="intro"> <section class="intro">
<h1>Corsi Punto Croce 2018</h1> <h1>Corsi Punto Croce 2018</h1>
<h2>Come fare gli orli</h2> <h2>Come fare gli orli</h2>
<img src="poul/img/logo-text-white.svg"/> <img src="./poul/img/logo-text-white.svg"/>
<p>Autore &lt;email@email.com&gt;</p> <p>Autore &lt;email@email.com&gt;</p>
</section> </section>
<section data-markdown="content.md" <section data-markdown="content.md"
data-charset="utf-8" data-charset="utf-8"
data-separator="^\r?\n---\r?\n$" data-separator="^\r?\n---\r?\n$"
data-separator-vertical="^\r?\n----\r?\n$" data-separator-vertical="^\r?\n----\r?\n$"
data-separator-notes="^Notes:"> data-separator-notes="^Notes:">
</section> </section>
<section class="outro"> <section class="outro">
<h1>Thank you!</h1> <h1>Thank you!</h1>
<img class="logo" src="poul/img/logo-notext-white.svg"/> <img class="logo" src="./poul/img/logo-notext-white.svg"/>
<p>Rilasciato sotto licenza Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International</p> <p>Rilasciato sotto licenza Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International</p>
<img class="cc" src="poul/img/creativecommons-by-nc-sa.svg"/> <img class="cc" src="./poul/img/creativecommons-by-nc-sa.svg"/>
<p>Autore &lt;email@email.com&gt;</p> <p>Autore &lt;email@email.com&gt;</p>
</section> </section>
</div> </div>
</div> </div>
<script src="reveal.js/lib/js/head.min.js"></script>
<script src="reveal.js/js/reveal.js"></script>
<script>
Reveal.initialize({
controls: false,
slideNumber: true,
history: true,
transition: 'none',
pdfMaxPagesPerSlide: 1,
markdown: {
smartypants: true,
},
keyboard: {
38: 'prev', // Up arrow
40: 'next' // Down arrow
},
math: {
mathjax: 'reveal.js/lib/js/mathjax/MathJax.js',
config: 'TeX-AMS_HTML-full' // See http://docs.mathjax.org/en/latest/config-files.html
},
dependencies: [
{
src: 'reveal.js/plugin/markdown/marked.js',
condition: function(){ return !!document.querySelector('[data-markdown]'); }
},
{
src: 'reveal.js/plugin/markdown/markdown.js',
condition: function() { return !!document.querySelector('[data-markdown]'); }
},
{
src: 'reveal.js/plugin/highlight/highlight.js',
async: true,
callback: function() { hljs.initHighlightingOnLoad(); }
},
{
src: 'reveal.js/plugin/notes/notes.js',
async: true
},
{
src: 'reveal.js/plugin/math/math.js',
async: true
}
]
});
</script>
</body>
<!--
vim: tabstop=2 shiftwidth=2 expandtab:
-->
...@@ -31,6 +31,22 @@ body { ...@@ -31,6 +31,22 @@ body {
background: #fc4a2c; background: #fc4a2c;
text-shadow: none; } text-shadow: none; }
.slides > section {
height: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.slides section > section {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.reveal .slides > section, .reveal .slides > section,
.reveal .slides > section > section { .reveal .slides > section > section {
line-height: 1.3; line-height: 1.3;
...@@ -69,6 +85,15 @@ body { ...@@ -69,6 +85,15 @@ body {
.reveal h1 { .reveal h1 {
text-shadow: none; } text-shadow: none; }
.reveal x-section-title {
position: absolute;
top: 0;
right: 20px;
color: #ffc600;
font-weight: bold;
text-align: right;
}
/********************************************* /*********************************************
* OTHER * OTHER
*********************************************/ *********************************************/
......
@import url("../../../reveal.js/css/print/paper.css");
\ No newline at end of file
@import url("../../../reveal.js/css/print/pdf.css");
.reveal x-section-title {
display: none;
}
\ No newline at end of file
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