emacs-orgmode@gnu.org archives
 help / color / mirror / code / Atom feed
* best way of customizing generated css to match bootstrap css
       [not found] <1582057433.63623.1365240622588.JavaMail.root@foogu.de>
@ 2013-04-06  9:37 ` Marc Seibert
  2014-01-22 20:35   ` Mehul Sanghvi
  0 siblings, 1 reply; 7+ messages in thread
From: Marc Seibert @ 2013-04-06  9:37 UTC (permalink / raw)
  To: emacs-orgmode

Hi,

After using jekyll and o-blog a while I just fiddled around more in depth with org-publishing.
I must say it is starting to convince me to stop using to wrapp my org generated html files with a wrapper like jekyll etc.
Org-publishing seems to have all I need to do it directly.

But I need an advice how to get better integration with twitter bootstrap css which I realy like.
I know there is HTML_CONTAINER_CLASS etc. but I don't want to define the class and the id once for every heading, table  etc.
What would be the best option for setting this globally?
Should I edit org-htmlize.el or something like this or is there a way of defining the different class names with an easier way?

Regards 
Marc Seibert

^ permalink raw reply	[flat|nested] 7+ messages in thread

* Re: best way of customizing generated css to match bootstrap css
  2013-04-06  9:37 ` best way of customizing generated css to match bootstrap css Marc Seibert
@ 2014-01-22 20:35   ` Mehul Sanghvi
  2014-01-22 20:41     ` Peter Salazar
  0 siblings, 1 reply; 7+ messages in thread
From: Mehul Sanghvi @ 2014-01-22 20:35 UTC (permalink / raw)
  To: Marc Seibert; +Cc: ML Emacs-orgmode

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

On Sat, Apr 6, 2013 at 5:37 AM, Marc Seibert <org@foogu.de> wrote:

> Hi,
>
> After using jekyll and o-blog a while I just fiddled around more in depth
> with org-publishing.
> I must say it is starting to convince me to stop using to wrapp my org
> generated html files with a wrapper like jekyll etc.
> Org-publishing seems to have all I need to do it directly.
>
> But I need an advice how to get better integration with twitter bootstrap
> css which I realy like.
> I know there is HTML_CONTAINER_CLASS etc. but I don't want to define the
> class and the id once for every heading, table  etc.
> What would be the best option for setting this globally?
> Should I edit org-htmlize.el or something like this or is there a way of
> defining the different class names with an easier way?
>
> Regards
> Marc Seibert
>
>

I find myself in the same situation, having gone through both o-blog and
jekyll previously.  Were you able to find a solution ?
What was it ?  Is there anyone using anything else than the CSS that
ogr-mode uses ?



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

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

^ permalink raw reply	[flat|nested] 7+ messages in thread

* Re: best way of customizing generated css to match bootstrap css
  2014-01-22 20:35   ` Mehul Sanghvi
@ 2014-01-22 20:41     ` Peter Salazar
  2014-01-22 21:17       ` Mehul Sanghvi
  0 siblings, 1 reply; 7+ messages in thread
From: Peter Salazar @ 2014-01-22 20:41 UTC (permalink / raw)
  To: Mehul Sanghvi; +Cc: ML Emacs-orgmode, Marc Seibert

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

I've had success exporting org to HTML and using it with
http://gregfranko.com/jquery.tocify.js/ - which automatically generates a
dynamically updating table of contents based on HTML headings and uses a
Bootstrap theme and Bootstrap CSS.



On Wed, Jan 22, 2014 at 3:35 PM, Mehul Sanghvi <mehul.sanghvi@gmail.com>wrote:

> On Sat, Apr 6, 2013 at 5:37 AM, Marc Seibert <org@foogu.de> wrote:
>
>> Hi,
>>
>> After using jekyll and o-blog a while I just fiddled around more in depth
>> with org-publishing.
>> I must say it is starting to convince me to stop using to wrapp my org
>> generated html files with a wrapper like jekyll etc.
>> Org-publishing seems to have all I need to do it directly.
>>
>> But I need an advice how to get better integration with twitter bootstrap
>> css which I realy like.
>> I know there is HTML_CONTAINER_CLASS etc. but I don't want to define the
>> class and the id once for every heading, table  etc.
>> What would be the best option for setting this globally?
>> Should I edit org-htmlize.el or something like this or is there a way of
>> defining the different class names with an easier way?
>>
>> Regards
>> Marc Seibert
>>
>>
>
> I find myself in the same situation, having gone through both o-blog and
> jekyll previously.  Were you able to find a solution ?
> What was it ?  Is there anyone using anything else than the CSS that
> ogr-mode uses ?
>
>
>
> --
> Mehul N. Sanghvi
> email: mehul.sanghvi@gmail.com
>

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

^ permalink raw reply	[flat|nested] 7+ messages in thread

* Re: best way of customizing generated css to match bootstrap css
  2014-01-22 20:41     ` Peter Salazar
@ 2014-01-22 21:17       ` Mehul Sanghvi
  2014-01-24  5:00         ` Peter Salazar
  0 siblings, 1 reply; 7+ messages in thread
From: Mehul Sanghvi @ 2014-01-22 21:17 UTC (permalink / raw)
  To: Peter Salazar; +Cc: ML Emacs-orgmode, Marc Seibert

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

Peter,

     Do you have an example of an org file in which you use it ?


cheers,

       mehul



On Wed, Jan 22, 2014 at 3:41 PM, Peter Salazar <cycleofsong@gmail.com>wrote:

> I've had success exporting org to HTML and using it with
> http://gregfranko.com/jquery.tocify.js/ - which automatically generates a
> dynamically updating table of contents based on HTML headings and uses a
> Bootstrap theme and Bootstrap CSS.
>
>
>
> On Wed, Jan 22, 2014 at 3:35 PM, Mehul Sanghvi <mehul.sanghvi@gmail.com>wrote:
>
>> On Sat, Apr 6, 2013 at 5:37 AM, Marc Seibert <org@foogu.de> wrote:
>>
>>> Hi,
>>>
>>> After using jekyll and o-blog a while I just fiddled around more in
>>> depth with org-publishing.
>>> I must say it is starting to convince me to stop using to wrapp my org
>>> generated html files with a wrapper like jekyll etc.
>>> Org-publishing seems to have all I need to do it directly.
>>>
>>> But I need an advice how to get better integration with twitter
>>> bootstrap css which I realy like.
>>> I know there is HTML_CONTAINER_CLASS etc. but I don't want to define the
>>> class and the id once for every heading, table  etc.
>>> What would be the best option for setting this globally?
>>> Should I edit org-htmlize.el or something like this or is there a way of
>>> defining the different class names with an easier way?
>>>
>>> Regards
>>> Marc Seibert
>>>
>>>
>>
>> I find myself in the same situation, having gone through both o-blog and
>> jekyll previously.  Were you able to find a solution ?
>> What was it ?  Is there anyone using anything else than the CSS that
>> ogr-mode uses ?
>>
>>
>>
>> --
>> Mehul N. Sanghvi
>> email: mehul.sanghvi@gmail.com
>>
>
>


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

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

^ permalink raw reply	[flat|nested] 7+ messages in thread

* Re: best way of customizing generated css to match bootstrap css
  2014-01-22 21:17       ` Mehul Sanghvi
@ 2014-01-24  5:00         ` Peter Salazar
  2014-01-24 19:46           ` Mehul Sanghvi
  0 siblings, 1 reply; 7+ messages in thread
From: Peter Salazar @ 2014-01-24  5:00 UTC (permalink / raw)
  To: Mehul Sanghvi; +Cc: ML Emacs-orgmode, Marc Seibert

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

Here you go.
https://github.com/petersalazar/org-tocify

Again, it's not very bootstrapish aside from Toficy, which uses Bootstrap
colors and fonts.

That said, I have found using Tocify's auto-generated dynamic table of
contents quite helpful.

Tocify is by Greg Franco and is here:
http://gregfranko.com/jquery.tocify.js/





On Wed, Jan 22, 2014 at 4:17 PM, Mehul Sanghvi <mehul.sanghvi@gmail.com>wrote:

> Peter,
>
>      Do you have an example of an org file in which you use it ?
>
>
> cheers,
>
>        mehul
>
>
>
> On Wed, Jan 22, 2014 at 3:41 PM, Peter Salazar <cycleofsong@gmail.com>wrote:
>
>> I've had success exporting org to HTML and using it with
>> http://gregfranko.com/jquery.tocify.js/ - which automatically generates
>> a dynamically updating table of contents based on HTML headings and uses a
>> Bootstrap theme and Bootstrap CSS.
>>
>>
>>
>> On Wed, Jan 22, 2014 at 3:35 PM, Mehul Sanghvi <mehul.sanghvi@gmail.com>wrote:
>>
>>> On Sat, Apr 6, 2013 at 5:37 AM, Marc Seibert <org@foogu.de> wrote:
>>>
>>>> Hi,
>>>>
>>>> After using jekyll and o-blog a while I just fiddled around more in
>>>> depth with org-publishing.
>>>> I must say it is starting to convince me to stop using to wrapp my org
>>>> generated html files with a wrapper like jekyll etc.
>>>> Org-publishing seems to have all I need to do it directly.
>>>>
>>>> But I need an advice how to get better integration with twitter
>>>> bootstrap css which I realy like.
>>>> I know there is HTML_CONTAINER_CLASS etc. but I don't want to define
>>>> the class and the id once for every heading, table  etc.
>>>> What would be the best option for setting this globally?
>>>> Should I edit org-htmlize.el or something like this or is there a way
>>>> of defining the different class names with an easier way?
>>>>
>>>> Regards
>>>> Marc Seibert
>>>>
>>>>
>>>
>>> I find myself in the same situation, having gone through both o-blog and
>>> jekyll previously.  Were you able to find a solution ?
>>> What was it ?  Is there anyone using anything else than the CSS that
>>> ogr-mode uses ?
>>>
>>>
>>>
>>> --
>>> Mehul N. Sanghvi
>>> email: mehul.sanghvi@gmail.com
>>>
>>
>>
>
>
> --
> Mehul N. Sanghvi
> email: mehul.sanghvi@gmail.com
>

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

^ permalink raw reply	[flat|nested] 7+ messages in thread

* Re: best way of customizing generated css to match bootstrap css
  2014-01-24  5:00         ` Peter Salazar
@ 2014-01-24 19:46           ` Mehul Sanghvi
  2014-01-24 20:56             ` Peter Salazar
  0 siblings, 1 reply; 7+ messages in thread
From: Mehul Sanghvi @ 2014-01-24 19:46 UTC (permalink / raw)
  To: Peter Salazar; +Cc: ML Emacs-orgmode, Marc Seibert

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

Thanks.  That helps a lot and gives me some other ideas as well.


cheers,

      mehul



On Fri, Jan 24, 2014 at 12:00 AM, Peter Salazar <cycleofsong@gmail.com>wrote:

> Here you go.
> https://github.com/petersalazar/org-tocify
>
> Again, it's not very bootstrapish aside from Toficy, which uses Bootstrap
> colors and fonts.
>
> That said, I have found using Tocify's auto-generated dynamic table of
> contents quite helpful.
>
> Tocify is by Greg Franco and is here:
> http://gregfranko.com/jquery.tocify.js/
>
>
>
>
>
> On Wed, Jan 22, 2014 at 4:17 PM, Mehul Sanghvi <mehul.sanghvi@gmail.com>wrote:
>
>> Peter,
>>
>>      Do you have an example of an org file in which you use it ?
>>
>>
>> cheers,
>>
>>        mehul
>>
>>
>>
>> On Wed, Jan 22, 2014 at 3:41 PM, Peter Salazar <cycleofsong@gmail.com>wrote:
>>
>>> I've had success exporting org to HTML and using it with
>>> http://gregfranko.com/jquery.tocify.js/ - which automatically generates
>>> a dynamically updating table of contents based on HTML headings and uses a
>>> Bootstrap theme and Bootstrap CSS.
>>>
>>>
>>>
>>> On Wed, Jan 22, 2014 at 3:35 PM, Mehul Sanghvi <mehul.sanghvi@gmail.com>wrote:
>>>
>>>> On Sat, Apr 6, 2013 at 5:37 AM, Marc Seibert <org@foogu.de> wrote:
>>>>
>>>>> Hi,
>>>>>
>>>>> After using jekyll and o-blog a while I just fiddled around more in
>>>>> depth with org-publishing.
>>>>> I must say it is starting to convince me to stop using to wrapp my org
>>>>> generated html files with a wrapper like jekyll etc.
>>>>> Org-publishing seems to have all I need to do it directly.
>>>>>
>>>>> But I need an advice how to get better integration with twitter
>>>>> bootstrap css which I realy like.
>>>>> I know there is HTML_CONTAINER_CLASS etc. but I don't want to define
>>>>> the class and the id once for every heading, table  etc.
>>>>> What would be the best option for setting this globally?
>>>>> Should I edit org-htmlize.el or something like this or is there a way
>>>>> of defining the different class names with an easier way?
>>>>>
>>>>> Regards
>>>>> Marc Seibert
>>>>>
>>>>>
>>>>
>>>> I find myself in the same situation, having gone through both o-blog
>>>> and jekyll previously.  Were you able to find a solution ?
>>>> What was it ?  Is there anyone using anything else than the CSS that
>>>> ogr-mode uses ?
>>>>
>>>>
>>>>
>>>> --
>>>> Mehul N. Sanghvi
>>>> email: mehul.sanghvi@gmail.com
>>>>
>>>
>>>
>>
>>
>> --
>> Mehul N. Sanghvi
>> email: mehul.sanghvi@gmail.com
>>
>
>


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

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

^ permalink raw reply	[flat|nested] 7+ messages in thread

* Re: best way of customizing generated css to match bootstrap css
  2014-01-24 19:46           ` Mehul Sanghvi
@ 2014-01-24 20:56             ` Peter Salazar
  0 siblings, 0 replies; 7+ messages in thread
From: Peter Salazar @ 2014-01-24 20:56 UTC (permalink / raw)
  To: Mehul Sanghvi; +Cc: ML Emacs-orgmode, Marc Seibert

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

Great, keep me posted! I'm interested in other ways to incorporate
javascript/jQuery plugins into org HTML export (dynamic navigation,
lightbox and image handling, etc). So far I've incorporated Tocify,
lightbox, and inline modal footnotes. Let me know what you come up with!




On Fri, Jan 24, 2014 at 2:46 PM, Mehul Sanghvi <mehul.sanghvi@gmail.com>wrote:

>
> Thanks.  That helps a lot and gives me some other ideas as well.
>
>
> cheers,
>
>       mehul
>
>
>
> On Fri, Jan 24, 2014 at 12:00 AM, Peter Salazar <cycleofsong@gmail.com>wrote:
>
>> Here you go.
>> https://github.com/petersalazar/org-tocify
>>
>> Again, it's not very bootstrapish aside from Toficy, which uses Bootstrap
>> colors and fonts.
>>
>> That said, I have found using Tocify's auto-generated dynamic table of
>> contents quite helpful.
>>
>> Tocify is by Greg Franco and is here:
>> http://gregfranko.com/jquery.tocify.js/
>>
>>
>>
>>
>>
>> On Wed, Jan 22, 2014 at 4:17 PM, Mehul Sanghvi <mehul.sanghvi@gmail.com>wrote:
>>
>>> Peter,
>>>
>>>      Do you have an example of an org file in which you use it ?
>>>
>>>
>>> cheers,
>>>
>>>        mehul
>>>
>>>
>>>
>>> On Wed, Jan 22, 2014 at 3:41 PM, Peter Salazar <cycleofsong@gmail.com>wrote:
>>>
>>>> I've had success exporting org to HTML and using it with
>>>> http://gregfranko.com/jquery.tocify.js/ - which automatically
>>>> generates a dynamically updating table of contents based on HTML headings
>>>> and uses a Bootstrap theme and Bootstrap CSS.
>>>>
>>>>
>>>>
>>>> On Wed, Jan 22, 2014 at 3:35 PM, Mehul Sanghvi <mehul.sanghvi@gmail.com
>>>> > wrote:
>>>>
>>>>> On Sat, Apr 6, 2013 at 5:37 AM, Marc Seibert <org@foogu.de> wrote:
>>>>>
>>>>>> Hi,
>>>>>>
>>>>>> After using jekyll and o-blog a while I just fiddled around more in
>>>>>> depth with org-publishing.
>>>>>> I must say it is starting to convince me to stop using to wrapp my
>>>>>> org generated html files with a wrapper like jekyll etc.
>>>>>> Org-publishing seems to have all I need to do it directly.
>>>>>>
>>>>>> But I need an advice how to get better integration with twitter
>>>>>> bootstrap css which I realy like.
>>>>>> I know there is HTML_CONTAINER_CLASS etc. but I don't want to define
>>>>>> the class and the id once for every heading, table  etc.
>>>>>> What would be the best option for setting this globally?
>>>>>> Should I edit org-htmlize.el or something like this or is there a way
>>>>>> of defining the different class names with an easier way?
>>>>>>
>>>>>> Regards
>>>>>> Marc Seibert
>>>>>>
>>>>>>
>>>>>
>>>>> I find myself in the same situation, having gone through both o-blog
>>>>> and jekyll previously.  Were you able to find a solution ?
>>>>> What was it ?  Is there anyone using anything else than the CSS that
>>>>> ogr-mode uses ?
>>>>>
>>>>>
>>>>>
>>>>> --
>>>>> Mehul N. Sanghvi
>>>>> email: mehul.sanghvi@gmail.com
>>>>>
>>>>
>>>>
>>>
>>>
>>> --
>>> Mehul N. Sanghvi
>>> email: mehul.sanghvi@gmail.com
>>>
>>
>>
>
>
> --
> Mehul N. Sanghvi
> email: mehul.sanghvi@gmail.com
>

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

^ permalink raw reply	[flat|nested] 7+ messages in thread

end of thread, other threads:[~2014-01-24 20:56 UTC | newest]

Thread overview: 7+ messages (download: mbox.gz / follow: Atom feed)
-- links below jump to the message on this page --
     [not found] <1582057433.63623.1365240622588.JavaMail.root@foogu.de>
2013-04-06  9:37 ` best way of customizing generated css to match bootstrap css Marc Seibert
2014-01-22 20:35   ` Mehul Sanghvi
2014-01-22 20:41     ` Peter Salazar
2014-01-22 21:17       ` Mehul Sanghvi
2014-01-24  5:00         ` Peter Salazar
2014-01-24 19:46           ` Mehul Sanghvi
2014-01-24 20:56             ` Peter Salazar

Code repositories for project(s) associated with this inbox:

	https://git.savannah.gnu.org/cgit/emacs/org-mode.git

This is a public inbox, see mirroring instructions
for how to clone and mirror all data and code used for this inbox;
as well as URLs for read-only IMAP folder(s) and NNTP newsgroup(s).