doubleshow

In-class Learning Challenge

Name

fill-in-your-name

##Email fill-in-your-email-address

Checkpoint 1

doubleshow

<craft name="zigzag-layout">
    
    <info>
        <title> Zigzag Layout </title>
    </info>
    
    <param name="offset" default="5" type="int"/>
    <param name="axis" default="x" type="text"/>
    <content>
        

doubleshow

<craft>
    <info>
        <title>Untitled</title>
    </info>

    <param name="h" type="int" default="20"
           label="height of the cylinder"/>

    <param name="n" type="int" default="3"
           label="number of spheres"/>

doubleshow

<craft>
    <info>
        <title>Untitled</title>
    </info>

    <param name="h" type="int" default="20"
           label="height of the cylinder"/>

    <param name="n" type="int" default="3"
           label="number of spheres"/>

doubleshow

<craft>
    <info>
        <title>New Language Features</title>
    </info>
    
    <params a="3" b="4" c="5" h="10"/>
    
    <!-- equivalent to -->
    <!--<param name="a" default="3" type="int"/>-->
    <!--<param name="b" default="4" type="int"/>-->

doubleshow

<craft>
    <info>
        <title>Untitled</title>
    </info>

    <stack>
        <div>Ray</div>
        <cube></cube>
    </stack>
    

doubleshow

<craft>
    <info>
        <title>Untitled</title>
    </info>

    <script>
        $params.hs = [10,11,8,1,10,12,3]
    </script>
    
    <row>

doubleshow

<craft>
    <info>
        <title>Untitled</title>
    </info>

    <param name="h" type="int" default="20"
           label="height of the cylinder"/>

    <param name="n" type="int" default="3"
           label="number of spheres"/>

doubleshow

<craft>
    <info>
        <title>Untitled</title>
    </info>

    <param name="h" type="int" default="20"
           label="height of the cylinder"/>

    <param name="n" type="int" default="3"
           label="number of spheres"/>

doubleshow

<craft>
    <info>
        <title>c-repeat n tests</title>
    </info>


    <stack spacing="2">
        <col spacing="2"  c-repeat="3">
            <row spacing="2" c-repeat="3">
                <cube c-repeat="5"></cube>