This is awesome !! I tried it out and liked it.  About the only things I would change
are the fonts being used and the font-size.  Oh and the colour scheme since I
prefer slightly darker colours :)

Otherwise this works out just fine for publishing one project per file.  Not sure how it
will work with one project spread out over multiple files.  Or a site with multiple sub-projects.

Though I think those are more Orgmode related, rather than CSS related.

Regardless, this looks awesome, at least to a non-CSS, non-HTML person like myself.


cheers,

      mehul


p.s.   Links to the images you are using for things like (info, tip, etc.) are relative so they wont work
in the case where I am using the HTML_HEAD method to add the theme.  



On Mon, Sep 15, 2014 at 2:58 PM, Fabrice Niessen <fni-news@pirilampo.org> wrote:
Hello,

I'm announcing the release of Bigblow, a CSS + JS theme for the Org HTML
exports.

To use it in your own files, adding these lines should make it:

--8<---------------cut here---------------start------------->8---
#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="http://www.pirilampo.org/styles/bigblow/css/htmlize.css"/>
#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="http://www.pirilampo.org/styles/bigblow/css/bigblow.css"/>
#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="http://www.pirilampo.org/styles/bigblow/css/hideshow.css"/>
#+HTML_HEAD: <script type="text/javascript" src="http://www.pirilampo.org/styles/bigblow/js/jquery-1.11.0.min.js"></script>
#+HTML_HEAD: <script type="text/javascript" src="http://www.pirilampo.org/styles/bigblow/js/jquery-ui-1.10.2.min.js"></script>
#+HTML_HEAD: <script type="text/javascript" src="http://www.pirilampo.org/styles/bigblow/js/jquery.localscroll-min.js"></script>
#+HTML_HEAD: <script type="text/javascript" src="http://www.pirilampo.org/styles/bigblow/js/jquery.scrollTo-1.4.3.1-min.js"></script>
#+HTML_HEAD: <script type="text/javascript" src="http://www.pirilampo.org/styles/bigblow/js/jquery.zclip.min.js"></script>
#+HTML_HEAD: <script type="text/javascript" src="http://www.pirilampo.org/styles/bigblow/js/bigblow.js"></script>
#+HTML_HEAD: <script type="text/javascript" src="http://www.pirilampo.org/styles/bigblow/js/hideshow.js"></script>
--8<---------------cut here---------------end--------------->8---

If you clone my repo from GitHub [1], it can become as easy as adding
just one line:

--8<---------------cut here---------------start------------->8---
#+SETUPFILE: path/to/Git/repo/setup/bigblow-pirilampo.setup
--8<---------------cut here---------------end--------------->8---

(PS- It would be very nice if we could add http references here!  Then,
there would even be no need to copy the files locally...)

Test it on your files, or look at the video I posted on YouTube to see
what it looks like:

  https://www.youtube.com/watch?v=DnSGSiXYuOk

Best regards,
Fabrice

PPS- I will still make some changes in a couple of days, like renaming
     the files so that they have a version number, but that I'll warn
     you when I'll get this done.

[1] https://github.com/fniessen/org-html-themes

--
Fabrice Niessen
Leuven, Belgium
http://www.pirilampo.org/





--
Mehul N. Sanghvi
email: mehul.sanghvi@gmail.com