Difference between revisions of "Slides"

From EVE University Wiki
Jump to: navigation, search
m (→‎Guide: reveal.js tips)
Line 11: Line 11:
 
* Save your changes.
 
* Save your changes.
  
A presentation version of these slides (using reveal.js) can be viewed by modifying the following url: http://s.fboyd.me/present.php?page=Class_name so that "Class_name" points to your class slides.
+
A presentation version of your slides (using reveal.js) can be viewed by modifying the following url: http://s.fboyd.me/present.php?page=Class_name so that "Class_name" points to your class slides.
  
 
Reveal.js tips:
 
Reveal.js tips:

Revision as of 06:42, 18 September 2014

EVE University slide repository

Guide

Slides are denoted using

your slide

and accept standard html. A demonstration deck can be found here. To see how individual slides were created view the source for that page. A simple example is provided below.

Once you've created your presentation in your editor of choice follow these steps:

  • Upload the raw slides to http://wiki.eveuniversity.org/Slides/Class_name While it is possible to add slides to other areas of the wiki they will not work with the presentation framework detailed below.
  • Make sure to surround your slides with <nowiki>tags</nowiki> so that the source is easily readable.
  • Add the Slides template by including {{Slides}} at the top of the page.
  • Save your changes.

A presentation version of your slides (using reveal.js) can be viewed by modifying the following url: http://s.fboyd.me/present.php?page=Class_name so that "Class_name" points to your class slides.

Reveal.js tips:

  • Slides can be both vertical and horizontal
  • ESC to view overall slide layout
  • Navigate through slides with either the arrow keys, the control in the corner or a touch input
  • 'S' for presenter tools including clock, timer and slide preview.

Examples

Example simple slide pack:

<section>
	<h1>The title of the class</h1>
	<p>
		Description of the class
	</p>
</section>
<section>
	<h2>A talking point</h2>
	<p>
		<li>An unordered list</li>
		<li>of talking point details</li>
	</p>
</section>

List

Jump Clones 101