more pdf-export tweaks, added slide describing the feature (#92)

This commit is contained in:
Hakim El Hattab 2012-08-04 16:16:23 -04:00
parent eb002bd2a2
commit e0e558ac90
2 changed files with 19 additions and 4 deletions

View file

@ -15,7 +15,7 @@
} }
body { body {
font-size: 20pt; font-size: 22pt;
width: auto; width: auto;
height: auto; height: auto;
border: 0; border: 0;
@ -47,7 +47,7 @@ html {
/* SECTION 3: Set body font face, size, and color. /* SECTION 3: Set body font face, size, and color.
Consider using a serif font for readability. */ Consider using a serif font for readability. */
body, p, td, li, div, a { body, p, td, li, div, a {
font-size: 20pt; font-size: 22pt;
} }
/* SECTION 4: Set heading font face, sizes, and color. /* SECTION 4: Set heading font face, sizes, and color.
@ -118,7 +118,7 @@ ul, ol, div, p {
left: 0%; left: 0%;
top: 0%; top: 0%;
margin-left: 0px; margin-left: 0px;
margin-top: 15%; margin-top: 50px;
padding: 20px 0px; padding: 20px 0px;
opacity: 1; opacity: 1;
@ -138,7 +138,8 @@ ul, ol, div, p {
display: block !important; display: block !important;
} }
.reveal section.stack { .reveal section.stack {
margin-top: 0% !important; margin: 0px !important;
padding: 0px !important;
page-break-after: avoid !important; page-break-after: avoid !important;
} }
.reveal section .fragment { .reveal section .fragment {
@ -146,4 +147,12 @@ ul, ol, div, p {
} }
.reveal img { .reveal img {
box-shadow: none; box-shadow: none;
}
.reveal .roll {
overflow: visible;
line-height: 1em;
}
.reveal small a {
font-size: 16pt !important;
} }

View file

@ -245,6 +245,12 @@ function linkify( selector ) {
</a> </a>
</section> </section>
<section>
<h2>Export to PDF</h2>
<p>Presentations can be <a href="https://github.com/hakimel/reveal.js#pdf-export">exported to PDF</a>, below is an example that's been uploaded to SlideShare.<p>
<iframe src="http://www.slideshare.net/slideshow/embed_code/13872948" width="455" height="356" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC;border-width:1px 1px 0;margin-bottom:5px" allowfullscreen> </iframe>
</section>
<section> <section>
<h2>Stellar Links</h2> <h2>Stellar Links</h2>
<ul> <ul>