Wiki2Presentation: Difference between revisions

From XPUB & Lens-Based wiki
No edit summary
 
(One intermediate revision by the same user not shown)
Line 13: Line 13:
===how to include the images?===
===how to include the images?===


A hack I'm using at the moment is to save the page locally as html from my browser which, then find and replace
A hack I'm using at the moment is to save the page locally as html from my browser which creates a folder of all the images. Then I just save the presentation.html output of pandoc into that folder.


<img src="
But this will only work if your page is only displaying full size version of all images.
 
with
 
<img src="./img/300px-
 
But this will only work if your page is only displaying 300px thumnail version of all images.


===how to add css to make it POP?===
===how to add css to make it POP?===


At the moment I'm also just editing the outputted html, putting a <style> tag in the head.
At the moment I'm also just editing the outputted html, putting a <link rel="stylesheet" href="style.css"> in the head.

Latest revision as of 19:22, 15 June 2024

If you have pandoc installed you can use

?action=raw

at the end of a wiki url to generate a slidy presentation from the command line:

pandoc -f mediawiki -t slidy "https://pzwiki.wdka.nl/mediadesign/User:Ssstephen/Final_presentation?action=raw" -s -o presentation.html

The -s flag makes it a standalone html file with links to the slidy javascript from w3c.

Slidy magically breaks the wiki page into slides according to the biggest heading size you are using (i think).

how to include the images?

A hack I'm using at the moment is to save the page locally as html from my browser which creates a folder of all the images. Then I just save the presentation.html output of pandoc into that folder.

But this will only work if your page is only displaying full size version of all images.

how to add css to make it POP?

At the moment I'm also just editing the outputted html, putting a <link rel="stylesheet" href="style.css"> in the head.