You don't like the HTML export; well, that could change!

You don't like the HTML export; well, that could change!

[Fabrice Niessen]

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/

Re: You don't like the HTML export; well, that could change!

[Ista Zahn]

Hi Fabrice,

Very very nice, I enjoy it a lot. If you are accepting feature
requests, the only thing I really miss is "Next" section link at the
bottom.

Best,
Ista

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/
>
>

Re: You don't like the HTML export; well, that could change!

[Fabrice Niessen]

Hi Ista,

Ista Zahn wrote:
> Very very nice, I enjoy it a lot.

Thanks.

> If you are accepting feature requests, the only thing I really miss is
> "Next" section link at the bottom.

Of course, I accept change requests (or, better, patches ;-)). Though,
I cannot commit ATM to make them soon, even if it does look simple for
this one.

You can safely open an issue about it on GitHub.

Best regards,
Fabrice

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

Re: You don't like the HTML export; well, that could change!

[Mehul Sanghvi]

[-- Attachment #1: Type: text/plain, Size: 3376 bytes --]

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

[-- Attachment #2: Type: text/html, Size: 5669 bytes --]

Re: You don't like the HTML export; well, that could change!

[Rainer M Krug]

[-- Attachment #1: Type: text/plain, Size: 2474 bytes --]

Fabrice Niessen <fni-news-TA4HMoP+1wHrZ44/DZwexQ@public.gmane.org>
writes:

> 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:
>
> #+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>
>
> If you clone my repo from GitHub [1], it can become as easy as adding
> just one line:
>
> #+SETUPFILE: path/to/Git/repo/setup/bigblow-pirilampo.setup

Thanks for this - this is awesome. I love it and I am going to use it!

One addition: the template also works with svg files, depending on
browser.

Cheers,

Rainer


>
> (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

-- 
Rainer M. Krug
email: Rainer<at>krugs<dot>de
PGP: 0x0F52F982

[-- Attachment #2: Type: application/pgp-signature, Size: 494 bytes --]

Re: You don't like the HTML export; well, that could change!

[Joseph Vidal-Rosset]

[-- Attachment #1: Type: text/plain, Size: 2792 bytes --]

Many thanks Fabrice for this very nice html theme. I am going to use it
also.

I cannot use another emacs-theme than your emacs-leuven-theme, and it is
going to be probably the same with your html theme !

Again, thanks !

Jo.

2014-09-15 20:58 GMT+02:00 Fabrice Niessen <fni-news@pirilampo.org>:

> 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/
>
>
>

[-- Attachment #2: Type: text/html, Size: 4810 bytes --]

Re: You don't like the HTML export; well, that could change!

[Fabrice Niessen]

Hello Mehul and all,

Mehul Sanghvi wrote:
> On Mon, Sep 15, 2014 at 2:58 PM, Fabrice Niessen wrote:
>>
>> 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/bigblow.css"/>
>> [...]
>> --8<---------------cut here---------------end--------------->8---
>>
>> If you clone my repo from GitHub, 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---
>>
>> 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
>
> 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.

On that front, I know I'd have to make the CSS more responsive, by
removing some (or many?) specifications in px, and replace them by
percentages.

> Oh and the colour scheme since I prefer slightly darker colours :)

Not much I can do here ;-)

> 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.

Yes, it currently is targeted toward the publication of one file,
presented as if it were many (because of the tab presentation). Not sure
how to for many files.

Maybe the CSS should be cut into what's common for both use cases, and
what's specific to "one Org page" or "multiple Org pages".

> 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.

Thanks.

> 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.

I think it does work.  Do you have an ECM where it doesn't?  Or another
proposition?

Best regards,
Fabrice

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

Re: You don't like the HTML export; well, that could change!

[Fabrice Niessen]

Joseph Vidal-Rosset wrote:
> Many thanks Fabrice for this very nice html theme. I am going to use it
> also.
>
> I cannot use another emacs-theme than your emacs-leuven-theme, and it is
> going to be probably the same with your html theme !

Thanks for your nice comments.

You still miss one piece of the puzzle to be complete: use my Emacs
configuration file (at https://github.com/fniessen/emacs-leuven) ;-)

Best regards,
Fabrice

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

Re: You don't like the HTML export; well, that could change!

[Joseph Vidal-Rosset]

[-- Attachment #1: Type: text/plain, Size: 686 bytes --]

Many thanks Fabrice. I will try to use your emacs configuration.

Best wishes

Jo.

2014-10-10 16:45 GMT+02:00 Fabrice Niessen <fni-news@pirilampo.org>:

> Joseph Vidal-Rosset wrote:
> > Many thanks Fabrice for this very nice html theme. I am going to use it
> > also.
> >
> > I cannot use another emacs-theme than your emacs-leuven-theme, and it is
> > going to be probably the same with your html theme !
>
> Thanks for your nice comments.
>
> You still miss one piece of the puzzle to be complete: use my Emacs
> configuration file (at https://github.com/fniessen/emacs-leuven) ;-)
>
> Best regards,
> Fabrice
>
> --
> Fabrice Niessen
> Leuven, Belgium
> http://www.pirilampo.org/
>

[-- Attachment #2: Type: text/html, Size: 1283 bytes --]