Team:UCLondon/content/slide1

From 2012e.igem.org

(Difference between revisions)

Revision as of 00:51, 20 October 2012

Demo Presentation

Creating Stunning Visualizations

Impress.js

Press Spacebar or Tab To Get Started

This Slide Moves From Left To Right

Relax the real presentation will look much better than this

This Slide Moves From Right To Left and Bottom To Top

This Slide Moves Top To Bottom

This Slide Rotates Clockwise Around z-axis

This Slide Scales 3 Times

Away

Towards

Futher Towards

Visualization Slide Positions

Revision as of 00:50, 20 October 2012 (view source) 3li.v (Talk \| contribs) ← Older edit		Revision as of 00:51, 20 October 2012 (view source) 3li.v (Talk \| contribs) Newer edit →
Line 1:		Line 1:
-	<html lang="en"><style>#jmpress { width: 90%; height: 600px; margin:auto; font-size:20pt; font-family:Helvetica;}#jmpress .step{ text-align:center; width:1024px; }#jmpress #slide7{ width:400px; } #jmpress #slide8{ width:400px; } #jmpress #slide9{ width:400px; }</style><div id="start" class="step" > <q>Demo Presentation</q> <p>Creating Stunning Visualizations</p> <p>Impress.js </p> <p class="hint_text">Press <em>Spacebar</em> or Tab To Get Started</p> </div><div id="slide1" class="step" data-x="-1200"> <p>This Slide Moves From Left To Right</p> <p>Relax the real presentation will look much better than this</P> </div><div id="slide3" class="step" data-x="2200" data-y="500"> <p>This Slide Moves From Right To Left and Bottom To Top</p> </div><div id="slide4" class="step" data-x="2200" data-y="-500"> <p>This Slide Moves Top To Bottom</p> </div><div id="slide5" class="step" data-x="3200" data-rotate="150"> <p>This Slide Rotates Clockwise Around z-axis</p> </div><div id="slide6" class="step" data-x="6200" data-scale="3"> <p>This Slide Scales 3 Times</p> </div><div id="slide7" class="step" data-x="4200" data-y="1500" data-z="1500"> <p>Away</p> </div><div id="slide8" class="step" data-x="4900" data-y="1500" data-z="100"> <p>Towards</p> </div><div id="slide9" class="step" data-x="5600" data-y="1500" data-z="-1500"> <p>Futher Towards</p> </div><div id="slide10" class="step" data-x="6600" data-y="3000" data-scale="10"> <p>Visualization Slide Positions</p></div></html>	+	<html lang="en"><style>#jmpress { width: 95%; height: 600px; margin:auto; font-size:20pt; font-family:Helvetica;}#jmpress .step{ text-align:center; width:1024px; }#jmpress #slide7{ width:400px; } #jmpress #slide8{ width:400px; } #jmpress #slide9{ width:400px; }</style><div id="start" class="step" > <q>Demo Presentation</q> <p>Creating Stunning Visualizations</p> <p>Impress.js </p> <p class="hint_text">Press <em>Spacebar</em> or Tab To Get Started</p> </div><div id="slide1" class="step" data-x="-1200"> <p>This Slide Moves From Left To Right</p> <p>Relax the real presentation will look much better than this</P> </div><div id="slide3" class="step" data-x="2200" data-y="500"> <p>This Slide Moves From Right To Left and Bottom To Top</p> </div><div id="slide4" class="step" data-x="2200" data-y="-500"> <p>This Slide Moves Top To Bottom</p> </div><div id="slide5" class="step" data-x="3200" data-rotate="150"> <p>This Slide Rotates Clockwise Around z-axis</p> </div><div id="slide6" class="step" data-x="6200" data-scale="3"> <p>This Slide Scales 3 Times</p> </div><div id="slide7" class="step" data-x="4200" data-y="1500" data-z="1500"> <p>Away</p> </div><div id="slide8" class="step" data-x="4900" data-y="1500" data-z="100"> <p>Towards</p> </div><div id="slide9" class="step" data-x="5600" data-y="1500" data-z="-1500"> <p>Futher Towards</p> </div><div id="slide10" class="step" data-x="6600" data-y="3000" data-scale="10"> <p>Visualization Slide Positions</p></div></html>