seldaek / slippy Goto Github PK
View Code? Open in Web Editor NEWHTML Presentations
HTML Presentations
what is the minimum version of pdftk required to render pdfs? i have pdftk 1.41 and just downloaded phantomjs 1.5.0.
when i render slides, i get half of the image grey and for long slides i see the bottom part at the top of my slide. the lower part of the slide is always blank. and data-background slides seem not to have the background image.
Normally when I print to PDF from a webkit-based browser, I get a PDF with text that will zoom to any size, and is selectable.
Is there a way to make incremental presentations that are out of order? For example by specifying a increment number or something? In reveal.js I can do this:
<li class="fragment" data-fragment-index="3" >third</li>
<li class="fragment" data-fragment-index="2" >second</li>
<li class="fragment" data-fragment-index="1" >first</li>
which makes list items appear from the bottom first.
Thanks for any help.
In the example, once you start incrementing the last slide and then go back (left), every attempt to go right will not move you forward but instead increment the last slide. When it's full, hitting right will again take you forward.
Reproduce:
From the code of the renderer:
for (;current<=slides;current++) {
//....
$(document).click();
$(document).click();
}
So, loading the next slide is done by doing a double click with phantomjs. Bit if there are $(.incremental)
elements, double click will load an incremental element, current gets incremented anyways and at the end it will render a slide less. It can be done changing the for to:
incrementalElements = $('.incremental').length;
for (;current<=slides+incrementalElements;current++) {
//....
$(document).click();
$(document).click();
}
Also, as incrementals are set to opacity 1, it will render their slides repeatedly.
Nice tool, btw :)
No key binding is working under Firefox 4. For example, http://owenou.com/jekyll_and_hyde_demo/#1.
Hello,
I have a trouble when i want to generate a pdf from the example on mac os.
I have :
pdftk 2.02
phamtomjs 1.9.7
I clone the git repository and just change in phantom-slippy-to-pdf.js :
page.paperSize = { width: viewport.width * 1.5, height: viewport.height * 1.5 + 30 };
with :
page.paperSize = { width: viewport.width * 1.8, height: viewport.height * 1.8 + 30 };
But syntaxhighlight don't work.
You can see in the following pdf.
when downloading the presentation as all-including html file, the data-background full screen images are not included
Sorry, but what do I need to do to create my own slideshow? A step-by-step in the readme would be useful :D
I often have issue when using http://slides.seld.be/ with the jquery.history.js file that get aborted after 20s or so, and so breaking slippy. As modern browsers now support the history API, it could be better to use it instead (and so no issue about loading a file for them) and fallback to a polyfill for old browsers (IE...). What do you think about it ?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.