Re: [O] Online manual
Hello, On Feb 24, 2013 11:48 AM, "Sebastian Wiesner" wrote: > > 2013/2/24 Mike McLean : > > > > On Feb 24, 2013, at 11:03 AM, Sebastian Wiesner wrote: > > > >> Hello, > >> > >> how is the online manual of Org mode [1] rendered? Especially, how is > >> the awesome table of contents on the right sight created? > > > > It is done through CSS and I do something similar with most of my HTML exports. I have a custom CSS that I load by having the following in every Org file. > > So is the Org manual written in Org? I thought it was written in > Texinfo. After all, there is a Texinfo document in the Org sources > [1]. Is this Texinfo document generated from some Org document? > Generally, can Org be exported to Texinfo/Info? > > [1]: http://orgmode.org/cgit.cgi/org-mode.git/tree/doc/org.texi > Currently the manual is in info, however the new exporter has a texinfo exporter and I know that Thomas Dye is working on converting it to org. Regards, Jon
Re: [O] Online manual
Aloha Sebastian, Sebastian Wiesner writes: > So is the Org manual written in Org? I thought it was written in > Texinfo. After all, there is a Texinfo document in the Org sources > [1]. Is this Texinfo document generated from some Org document? The Org manual is written in texinfo. A port to Org is in process (see https://github.com/tsdye/orgmanual.git). > Generally, can Org be exported to Texinfo/Info? The development version of Org includes a new exporter framework, written by Nicolas Goaziou, and a texinfo exporter, written by Jonathan Leech-Pepin. Both of these are under development and the current behavior is expected to change slightly in the weeks ahead. I believe the goal is to have a stable texinfo exporter for version 8.0. hth, Tom -- Thomas S. Dye http://www.tsdye.com
Re: [O] Online manual
2013/2/24 Mike McLean :
>
> On Feb 24, 2013, at 11:03 AM, Sebastian Wiesner wrote:
>
>> Hello,
>>
>> how is the online manual of Org mode [1] rendered? Especially, how is
>> the awesome table of contents on the right sight created?
>
> It is done through CSS and I do something similar with most of my HTML
> exports. I have a custom CSS that I load by having the following in every Org
> file.
So is the Org manual written in Org? I thought it was written in
Texinfo. After all, there is a Texinfo document in the Org sources
[1]. Is this Texinfo document generated from some Org document?
Generally, can Org be exported to Texinfo/Info?
[1]: http://orgmode.org/cgit.cgi/org-mode.git/tree/doc/org.texi
> #+begin_example
> #+HTML_STYLE: href="/Users/mlm/Documents/OrgMaster/org/css/org-html.css" />
> #+end_example
>
> Into my custom CSS I copied the TOC CSS from the Org mode home page (see
> below). I may have altered it slightly from what is on Org for colors and
> such, but I don't recall.
>
> #+begin_example
> @media screen {
>
> /* TOC inspired by http://jashkenas.github.com/coffee-script */
> #table-of-contents {
> font-size: 10pt;
> position: fixed;
> right: 0em;
> top: 0em;
> background-color: #F3F5F7;
> -webkit-box-shadow: 0 0 1em #77;
> -moz-box-shadow: 0 0 1em #77;
> -webkit-border-bottom-left-radius: 5px;
> -moz-border-radius-bottomleft: 5px;
> text-align: right;
> /* ensure doesn't flow off the screen when expanded */
> max-height: 80%;
> overflow: auto;
> }
>
> #table-of-contents h2 {
> font-size: 10pt;
> max-width: 10em;
> text-decoration: underline;
> padding-left: 0.5em;
> padding-left: 0.5em;
> padding-top: 0.05em;
> padding-bottom: 0.05em;
> margin-bottom: 15px;
> border: none;
> }
>
> #table-of-contents ul {
> list-style-type: none;
> }
>
> #table-of-contents #text-table-of-contents {
> display: none;
> text-align: left;
> }
>
> #table-of-contents:hover #text-table-of-contents {
> display: block;
> padding: 0.5em;
> margin-top: -1.5em;
> }
> }
>
> @media print {
> /* TOC inspired by http://jashkenas.github.com/coffee-script */
> #table-of-contents {
> font-size: 10pt;
> background: white;
> }
>
> #table-of-contents h2 {
> font-size: 10pt;
> max-width: 10em;
> text-decoration: underline;
> padding-left: 0.5em;
> padding-left: 0.5em;
> padding-top: 0.05em;
> padding-bottom: 0.05em;
> margin-bottom: 15px;
> border: none;
> }
>
> #table-of-contents ul {
> list-style-type: none;
> }
>
> #table-of-contents #text-table-of-contents {
> text-align: left;
> }
>
> #table-of-contents:hover #text-table-of-contents {
> display: block;
> padding: 0.5em;
> margin-top: -1.5em;
> }
>
> }
> #+end_example
>
Re: [O] Online manual
On Feb 24, 2013, at 11:03 AM, Sebastian Wiesner wrote:
> Hello,
>
> how is the online manual of Org mode [1] rendered? Especially, how is
> the awesome table of contents on the right sight created?
It is done through CSS and I do something similar with most of my HTML exports.
I have a custom CSS that I load by having the following in every Org file.
#+begin_example
#+HTML_STYLE:
#+end_example
Into my custom CSS I copied the TOC CSS from the Org mode home page (see
below). I may have altered it slightly from what is on Org for colors and such,
but I don't recall.
#+begin_example
@media screen {
/* TOC inspired by http://jashkenas.github.com/coffee-script */
#table-of-contents {
font-size: 10pt;
position: fixed;
right: 0em;
top: 0em;
background-color: #F3F5F7;
-webkit-box-shadow: 0 0 1em #77;
-moz-box-shadow: 0 0 1em #77;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
text-align: right;
/* ensure doesn't flow off the screen when expanded */
max-height: 80%;
overflow: auto;
}
#table-of-contents h2 {
font-size: 10pt;
max-width: 10em;
text-decoration: underline;
padding-left: 0.5em;
padding-left: 0.5em;
padding-top: 0.05em;
padding-bottom: 0.05em;
margin-bottom: 15px;
border: none;
}
#table-of-contents ul {
list-style-type: none;
}
#table-of-contents #text-table-of-contents {
display: none;
text-align: left;
}
#table-of-contents:hover #text-table-of-contents {
display: block;
padding: 0.5em;
margin-top: -1.5em;
}
}
@media print {
/* TOC inspired by http://jashkenas.github.com/coffee-script */
#table-of-contents {
font-size: 10pt;
background: white;
}
#table-of-contents h2 {
font-size: 10pt;
max-width: 10em;
text-decoration: underline;
padding-left: 0.5em;
padding-left: 0.5em;
padding-top: 0.05em;
padding-bottom: 0.05em;
margin-bottom: 15px;
border: none;
}
#table-of-contents ul {
list-style-type: none;
}
#table-of-contents #text-table-of-contents {
text-align: left;
}
#table-of-contents:hover #text-table-of-contents {
display: block;
padding: 0.5em;
margin-top: -1.5em;
}
}
#+end_example
