# Outlining

Leo
Basics
Tutorial
How to create an outline with Leo, the Outlining Edtior for Literate Programming.
Leo outline programming editor
8/4/2002
draft
C:\testtt\Leo\Basics\Tutorials\C4 Outlining\
<p>Here we have opened a new file in Leo.</p>

pic01.png

# New file

Joe Orr
[Empty]
Copyright 2002 All Rights Reserved
orrj@jserv.com
<p>Let's add a node. Choose <strong>Outline - Insert Node</strong> or key in <strong>[CTRL-I].</strong></p>

pic02.png

# Add a node

Joe Orr
[Empty]
Copyright 2002 All Rights Reserved
orrj@jserv.com
<p>A new node has been created.</p>

pic03.png

# A new node has been created.

Joe Orr
[Empty]
Copyright 2002 All Rights Reserved
orrj@jserv.com
<p>Click on the headline to edit the headline text.</p>

pic04.png

# Click on the headline to edit the headline text.

Joe Orr
[Empty]
Copyright 2002 All Rights Reserved
orrj@jserv.com
<p>Here we have also changed the text for the first (untitled) node.</p>

pic05.png

# Change text for first node

Joe Orr
[Empty]
Copyright 2002 All Rights Reserved
orrj@jserv.com
<p>Now let's make the second node the child of the first. Click on the node, then enter <strong>[CTRL-R].</strong> This will move the node to the right. (You can also perform this operation with the <strong>Outline</strong> menu.</p>

pic06.png

# Move node right

Joe Orr
[Empty]
Copyright 2002 All Rights Reserved
orrj@jserv.com
<p>Here we have entered <strong>[CTRL-I]</strong> and created another new node.</p>

pic07.png

# Another new node

Joe Orr
[Empty]
Copyright 2002 All Rights Reserved
orrj@jserv.com
<p>Here we've edited the name of the third node and moved it to the&#160;right with <strong>[CTRL-R].</strong> </p>

pic08.png

# Change the name, move right

Joe Orr
[Empty]
Copyright 2002 All Rights Reserved
orrj@jserv.com
<p>We've added another node...</p>

pic09.png

# To move a node left, use [CTRL-L].

Joe Orr
[Empty]
Copyright 2002 All Rights Reserved
orrj@jserv.com
<p> Changed the name..</p>

pic10.png

# Text

Joe Orr
[Empty]
Copyright 2002 All Rights Reserved
orrj@jserv.com
<p>To move it left, enter <strong>[CTRL-L].</strong></p>

pic11.png

# To move it left, enter [CTRL-L].

Joe Orr
[Empty]
Copyright 2002 All Rights Reserved
orrj@jserv.com
<p>Now we'll add another child node with <strong>[CTRL-I]</strong> and <strong>[CTRL-R]</strong> </p>

pic12.png

# Now we'll add another child node...

Joe Orr
[Empty]
Copyright 2002 All Rights Reserved
orrj@jserv.com
<p>To move a node up, click on the node and enter <strong>[CTRL-U]</strong> as many times as necessary.</p>

pic13.png

# To move a node up...

Joe Orr
[Empty]
Copyright 2002 All Rights Reserved
orrj@jserv.com
<p>Here we've moved "Bob" down by entering <strong>[CTRL-D]</strong> and then right by entering <strong>[CTRL-R].</strong> </p>

pic14.png

# Move a node down...

Joe Orr
[Empty]
Copyright 2002 All Rights Reserved
orrj@jserv.com
<p> To enter text for node, click on the text pane and type.</p>

pic15.png

# To enter text for node...

Joe Orr
[Empty]
Copyright 2002 All Rights Reserved
orrj@jserv.com
<p>To summarize:</p><ul> <li/><strong>[CTRL-I]</strong> = insert a new node <li/><strong>[CTRL-R]</strong> = move node right <li/><strong>[CTRL-L]</strong> = move node left <li/><strong>[CTRL-U]</strong> = move node up <li/><strong>[CTRL-D]</strong> = move node down </ul><p>You can also delete a node with:</p><p><strong>[CTRL-SHIFT-BACKSPACE].</strong></p><p>You can also <strong>drag</strong> nodes from one point to another.</p>

[Empty]

# Node Command Summary

Joe Orr
[Empty]
Copyright 2002 All Rights Reserved
orrj@jserv.com
<p>That is all that you really need to create an outline, but there is one more powerful feature: <strong>clones</strong> . To demonstrate this feature, first I've added more nodes...</p>

pic17.png

# Clones

Joe Orr
[Empty]
Copyright 2002 All Rights Reserved
orrj@jserv.com
<p>Now I've closed up the nodes and added a new node at the level of the first. (So, another top level node).</p>

pic18.png

# Make a second top-level node

Joe Orr
[Empty]
Copyright 2002 All Rights Reserved
orrj@jserv.com
<p>I want to add a list of people who owe me money. So, I open a node and select a person.</p>

pic19.png

# Select a person

Joe Orr
[Empty]
Copyright 2002 All Rights Reserved
orrj@jserv.com
<p>Next I enter [CTRL-`] to create a <strong>clone node</strong>. You can see that a new node is created with the same name as the selected node, but now both nodes have a small red arrow.</p>

pic20.png

# [CTRL-`] to create a clone node.

Joe Orr
[Empty]
Copyright 2002 All Rights Reserved
orrj@jserv.com
<p>Now I've moved one of the cloned nodes down to a new location under the "People who owe me money" node.</p>

pic21.png

# Move a cloned node down

Joe Orr
[Empty]
Copyright 2002 All Rights Reserved
orrj@jserv.com
<p>Cloned nodes are basically the same node. You just have another "view copy". Let's demonstrate this. Here we've entered some text for the second clone.</p>

pic22.png

# Cloned nodes are basically the same node.

Joe Orr
[Empty]
Copyright 2002 All Rights Reserved
orrj@jserv.com
<p>Now we've selected the first cloned node. You can see that the text is the same, although we did not enter any text with this node selected.</p>

pic23.png

# Select first clone

Joe Orr
[Empty]
Copyright 2002 All Rights Reserved
orrj@jserv.com
<p>However, clones are not linked when deleting. We've just deleted the first clone, and the second remains, except that now it is just a regular node.</p>

pic24.png

# Clones are not linked when deleting

Joe Orr
[Empty]
Copyright 2002 All Rights Reserved
orrj@jserv.com
<p> A cloned node can have child nodes, so you can clone entire subtrees. In effect, cloning allows you to make multiple trees for one set of "leaves".</p><p>There are more outline commands available from the <strong>Outline</strong> menu. But with just what you've learned in this tutorial you are ready to create outlines of any level of complexity. </p><p>In the next tutorial we'll see how to create separate text files derived from an outline and how these derived files can be read back into an outline.</p>

[Empty]

# Summary

Joe Orr
[Empty]
Copyright 2002 All Rights Reserved
orrj@jserv.com