Lets Present

Following is the article “Lets Present” that I wrote for Linux for You , this article is now in CC by SA license.

Presentation” : The word which whenever comes to our mind, the very next thought that comes after this is that “Oh, hell again a odp or ppt” . All of us are preparing presentation when we are in school, we used to create presentation for assignments and summer project, when we came in college, we prepared presentation for projects, assignments, arranging fests funding through sponsors and off-course for impressing companies during the placement, after that start the client presentations, project status presentations etc. Although the content of presentation always changes but the way you showcase your presentation never , it almost always remain PPT or ODP . But there are many interesting ways you can present your presentation except those. In this article we will be discussing about the using impress.js (http://bartaz.github.com/impress.js/#/bored) to create cool presentations. This uses the power of CSS3 to give a very fresh feel to the way we used to give presentation.

impress.js is a javascript library created by developer Bartek Szopka, which takes the power of CSS3 transforms and transition and gives you a rock solid platform over which you can built impressive presentations. The javascript library is licensed under the MIT License. The project can be forked from the project page that is : https://github.com/bartaz/impress.js/ . This library is only compatible with Google Chrome or Safari (or Firefox 10 or IE10).

Using impress.js for creating presentations is quite straight forward. In the next few steps you will see how to create very basic presentation using this library.

  1. First of all you need to download the impress.js library from the github.For this first go to the https://raw.github.com/bartaz/impress.js/master/js/impress.js and then save it a folder.

  2. Now, create the html page, which will contain your slides. Also include the impress.js file in the html page.For this use the following code :


<!doctype html>



<title>my first presentation using impress.js</title>

<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″>



<script type=”text/javascript” src=”impress.js”></script>




Note : The javascript library impress.js must be included just before the closing body tag.

  1. The source in the script tag is the place where you have downloaded the impress.js library in the first step. If it is the same directory where your html page is located then src=”impress.js” is fine, else made the adjustment based on the location where you have saved the impress.js library.

  2. Now, inside the body tag, create a division with id “impress” which will contain all the slides.

  3. Now, the body tag will look something like this :



<div id=”impress”>




  1. Now, inside that impress division, you can have multiple slide, each slide inside the separate division with class step slide. After this you body tag will contain following code.



<div id=”impress”>

<div class=”step slide” >

This is my first slide.


<div class=”step slide” data-x=”500″ data-y=”0″>

This is my second slide.





  1. Yes, you are down, open the html page in Google Chrome or Safari (or Firefox 10 or IE10), any see the magic.Use the arrow key to move back and forth.

If you want to check inform user if his/her browser does not support impress.js, then you can create a division with class=”no-support-message” whose content will be shown, if users browser does not support the impress.js library. You can also play around with each and every slides orientation (when slide is not active) by changing any of the following properties of the slides ( i.e. division with class “step slide” , inside the division with id “impress” ) : (taken from the http://www.cubewebsites.com tutorial )

1. data-y = the y co-ordinate of the slide

2. data-x = the x co-ordinate of the slide

3. data-z = the z co-ordinate of the slide

data-scale = scales your slide by a factor of this value. A data-scale of 5 would be 5 times the original size of your slide

4. data-rotate = rotates your slide by the specified number of degrees

5. data-rotate-x = This is the number of degrees it should be rotated about the x-axis in 3D slides.

6. data-rotate-y = This is the number of degrees it should be rotated about the y-axis in 3D slide

7. data-rotate-z = This is the number of degrees it should be rotated about the z-axis in 3D slide

Some cool presentation as based on impress.js as claimed by https://github.com/bartaz/impress.js/#readme are following :

http://bartaz.github.com/meetjs/css3d-summit/ from meet.js summit by @bartaz

http://johnpolacek.github.com/WhatTheHeckIsResponsiveWebDesign-impressjs/#/title by John Polacek @johnpolacek

http://extra.12412.org/digibury/#/title by Stephen Fulljames @fulljames

http://wakame.jp/wiki/materials/20120114_TLUG/#/title by Andreas Kieckens @Metallion98

Sweet words of Evangelism

Though I am no more a student these days to apply for GSoC, but its feel great helping others.
———- Forwarded message ———-
From: Harsha Siriwardena
Date: Tue, Apr 24, 2012 at 2:07 AM
Subject: Thank you so much Gaurav
To: Gaurav Paliwal
Hi Gaurav,Thank you so much Gaurav, I am really happy today.. 🙂 🙂 🙂
I will never forget your helps to come up this much so far Gaurav.

Thanks lot again.



———- Forwarded message ———-
From: Amandeep Singh
Date: Tue, Apr 24, 2012 at 5:32 PM
Subject: Thank you
To: Gaurav Paliwal
As you might know, my proposal for GSoC for KDE project has been selected this year. Its really amazing.
Also I think this year around 3 students from USIT have been selected, which is really great.
I would like to thank you for guiding and motivating me all along. It really helped me a lot.

irc: dedman @ freenode.net
blog: amanonit.blogspot.com

[Solved] Sub-process /usr/bin/dpkg returned an error code (1)

While installing/removing any package in my Debian Squeeze box, I was getting the following error :

Setting up initscripts (2.88dsf-13.1+squeeze1) …
insserv: warning: script ‘oracle-xe’ missing LSB tags and overrides
insserv: There is a loop between service munin-node and oracle-xe if stopped
insserv:  loop involving service oracle-xe at depth 2
insserv:  loop involving service munin-node at depth 1
insserv: Stopping oracle-xe depends on munin-node and therefore on system facility `$all’ which can not be true!
insserv: exiting now without changing boot order!
update-rc.d: error: insserv rejected the script header
dpkg: error processing initscripts (–configure):
subprocess installed post-installation script returned error exit status 1
configured to not write apport reports
Errors were encountered while processing:
N: Ignoring file ‘dropbox.list.save’ in directory ‘/etc/apt/sources.list.d/’ as it has an invalid filename extension
N: Ignoring file ‘google-talkplugin.list.save’ in directory ‘/etc/apt/sources.list.d/’ as it has an invalid filename extension
N: Ignoring file ‘opera.list.save’ in directory ‘/etc/apt/sources.list.d/’ as it has an invalid filename extension
N: Ignoring file ‘google-earth.list.save’ in directory ‘/etc/apt/sources.list.d/’ as it has an invalid filename extension
E: Sub-process /usr/bin/dpkg returned an error code (1)

I tried many things like

1. rebuilding apt-get cache
2. apt-get forcefully uninstallation
3. dpkg-reconfigure

But got no success then I asked for the solution on ILUGC mailing list and finally got the following solution :

4. As I have already uninstalled the oracle-xe and munin-node , but this uninstallation haven’t removed the oracle-xe and munin-node entry in the /etc/init.d. So , I have manually removed it and the problem is solved.

Presentation HTML5 Era

Bored of using PPT and ODP, their are many things you can try.Following is the list :

Awwation :

1. Full Demo : http://dl.dropbox.com/u/40496552/awwation-intro.svg
2. Project Page : http://adityab.github.com/Awwation/
3. Source Code : https://github.com/adityab/Awwation

Sozi :

1. Project Page :http://sozi.baierouge.fr/wiki/en:welcome

dizzy.js :

1. Project Page : http://dizzy.metafnord.org/#intro


1. Project Page : http://bartaz.github.com/impress.js/
2. Source Page : https://github.com/bartaz/impress.js/