{curl 1.7 applet}
{applet license = "development"}

|# NOTICE - NOTICE... If you are seeing code, then you 
   HAVE NOT downloaded and INSTALLED the Surge plug-in. 
   Please, press the "Back" button and click on the
   "Surge Plug-in" button. Then download Surge plug-in
   and install it. After that, you will be able to
   proceed past here. #|

{document-style PlainDocument}

|| outermost box, contained directly in the document
{VBox
    background = "silver",
    margin = 6pt,
    spacing = 12pt,
    {text
        This is an example of simple and easy
        boxes done with Curl. An outer {monospace VBox} will hold everything.
    },

    || upper box to hold the header
    {HBox
        background = "#feb286",
        height = 1in,
        width = {make-elastic},
        margin = 6pt,
        spacing = 12pt,
        {text
            An upper {monospace HBox} will hold the page header.
        }
    },

    || main lower box, to hold everything but the header
    {VBox
        background = "beige",
        margin = 6pt,
        spacing = 12pt,
        {text
            An inner {monospace VBox} will hold links plus an
            {monospace HBox} containing two inner boxes.
        },

        || lower HBox to hold two other boxes containing the graph and the text
        {HBox
            background = "#09d0d7",
            margin = 6pt,
            spacing = 12pt,
            border-color = "green",
            border-width = 2pt,

            || box to hold the graph
            {HBox
                background = "#c299c2",
                height = 2.5in,
                width = 3in,
                margin = 12pt,
                {text
                    A lower {monospace HBox} will hold the graph or icon.
                }
            },

            || box to hold text
            {TextFlowBox
                background = "#80b4b3",
                height = 3in,
                width = 3in,
                margin = 12pt,
                {text
                    A {monospace TextFlowBox} will hold the text display.
                    
                    {text color="yellow", font-weight="bold", Press the Curl
                        Demos button to proceed.}
                }
            },
            {link href
                = {url
                      "./start.curl"},
                {image
                    source = {url "./images/up_curldemos_138x25.gif"}
                }
            }
        }
    }
}