From mboxrd@z Thu Jan 1 00:00:00 1970 From: Daniel Clemente Subject: Simple tool to do outlining in HTML Date: Mon, 22 Mar 2010 03:15:12 +0100 Message-ID: <87sk7tdrv3.fsf@gmail.com> Mime-Version: 1.0 Content-Type: text/plain; charset=us-ascii Return-path: Received: from mailman by lists.gnu.org with tmda-scanned (Exim 4.43) id 1NtXAc-0006ZV-J9 for emacs-orgmode@gnu.org; Sun, 21 Mar 2010 22:15:10 -0400 Received: from [140.186.70.92] (port=54562 helo=eggs.gnu.org) by lists.gnu.org with esmtp (Exim 4.43) id 1NtXAb-0006Yq-Bo for emacs-orgmode@gnu.org; Sun, 21 Mar 2010 22:15:10 -0400 Received: from Debian-exim by eggs.gnu.org with spam-scanned (Exim 4.69) (envelope-from ) id 1NtXAa-0002fJ-3S for emacs-orgmode@gnu.org; Sun, 21 Mar 2010 22:15:09 -0400 Received: from mail-bw0-f211.google.com ([209.85.218.211]:36918) by eggs.gnu.org with esmtp (Exim 4.69) (envelope-from ) id 1NtXAZ-0002fB-Rw for emacs-orgmode@gnu.org; Sun, 21 Mar 2010 22:15:08 -0400 Received: by bwz3 with SMTP id 3so4617737bwz.9 for ; Sun, 21 Mar 2010 19:15:06 -0700 (PDT) List-Id: "General discussions about Org-mode." List-Unsubscribe: , List-Archive: List-Post: List-Help: List-Subscribe: , Sender: emacs-orgmode-bounces+geo-emacs-orgmode=m.gmane.org@gnu.org Errors-To: emacs-orgmode-bounces+geo-emacs-orgmode=m.gmane.org@gnu.org To: Org-mode Org-Mode Hi, I'd like to present a task list and a visualization tool, esquemadorg. The task list is my published todo list, in Spanish, where I track work on some programs, topics, bugs and ideas. It's at [1]. There's a section for org-mode bugs too, under Emacs, concretely at: [2] The tool is the system which I used in that page. It is a JavaScript code ([3]) which provides outlining in a web browser with a mouse. You just click on a header, and it expands or contracts smoothly. A newly expanded section will contain closed sections which have to be opened too, and so on. There is no cycling; just open/close. There's also a link at the top right of first section which disables outlining completely. The code used ideas from Sebastian Rose's org-info-jq but was newly written using jQuery. You may use it in your pages. Try these two designs: simple [4], nice [5] I also wrote a page explaining what is org-mode, what does it look like for me, how do I export to HTML and why you should prefer org over HTML: [6]. I hope you find it useful. Daniel [1]: http://www.danielclemente.com/hacer/ [2]: http://www.danielclemente.com/hacer/emacs.html#sec-3 [3]: http://www.danielclemente.com/pagina/esquemadorg.js [4]: http://www.danielclemente.com/pagina/esquemadorg.css [5]: http://www.danielclemente.com/hacer/basic.css [6]: http://www.danielclemente.com/hacer/org.html