workflowy demo

<div class="project open selected" projectid="d662a2f0-88b6-7464-fc02-2b35585934c5">
    <div class="highlight"></div>
    <div class="name ">
        <a class="bullet" href="/#/d662a2f0-88b6-7464-fc02-2b35585934c5">•</a>
        <div class="content" contenteditable="">SOP 1</div>
        <span class="parentArrow"></span>
    </div>
    <div class="notes ">
        <div class="content" contenteditable=""></div>
    </div>
    <div class="children">
        <div class="project open" projectid="e99d1adc-727f-a29c-0108-c95fa648316d">
            <div class="highlight"></div>
            <div class="name ">
                <a class="bullet" href="/#/e99d1adc-727f-a29c-0108-c95fa648316d">•</a>
                <div class="content" contenteditable="">Procedure 1</div>
                <span class="parentArrow"></span>
            </div>
            <div class="notes ">
                <div class="content" contenteditable=""></div>
            </div>
            <div class="children">
                <div class="project task  " projectid="0a637766-8a8b-2cf5-2276-d53f4f7a2eaf">
                    <div class="highlight"></div>
                    <div class="name ">
                        <a class="bullet" href="/#/0a637766-8a8b-2cf5-2276-d53f4f7a2eaf">•</a>
                        <div class="content" contenteditable="">Sub Procedure 1</div>
                        <span class="parentArrow"></span>
                    </div>
                    <div class="notes ">
                        <div class="content" contenteditable=""></div>
                    </div>
                    <div class="children">
                        <div class="childrenEnd"></div>
                    </div>
                </div>
                <div class="project task" projectid="aaf5be72-f6dc-c275-6629-4ac1f69d1154">
                    <div class="highlight"></div>
                    <div class="name ">
                        <a class="bullet" href="/#/aaf5be72-f6dc-c275-6629-4ac1f69d1154" title="Last changed: May 6, 2014 @ 3:37 PM">•</a>
                        <div class="content" contenteditable=""></div>
                        <span class="parentArrow"></span>
                    </div>
                    <div class="notes ">
                        <div class="content" contenteditable=""></div>
                    </div>
                    <div class="children">
                        <div class="childrenEnd"></div>
                    </div>
                </div>
                <div class="childrenEnd"></div>
            </div>
        </div>
        <div class="project task  " projectid="23aab732-51e3-2f17-4f8c-052d873b9bcc">
            <div class="highlight"></div>
            <div class="name ">
                <a class="bullet" href="/#/23aab732-51e3-2f17-4f8c-052d873b9bcc">•</a>
                <div class="content" contenteditable="">Procedure1</div>
                <span class="parentArrow"></span>
            </div>
            <div class="notes ">
                <div class="content" contenteditable=""></div>
            </div>
            <div class="children">
                <div class="childrenEnd"></div>
            </div>
        </div>
        <div class="project task  " projectid="b5225458-8fd9-c7bd-41b8-2669bf1c3851">
            <div class="highlight"></div>
            <div class="name ">
                <a class="bullet" href="/#/b5225458-8fd9-c7bd-41b8-2669bf1c3851">•</a>
                <div class="content" contenteditable="">Procedure2</div>
                <span class="parentArrow"></span>
            </div>
            <div class="notes ">
                <div class="content" contenteditable=""></div>
            </div>
            <div class="children">
                <div class="childrenEnd"></div>
            </div>
        </div>
        <div class="project open" projectid="02fa866e-7282-96bd-a88a-4c5190af7096">
            <div class="highlight"></div>
            <div class="name ">
                <a class="bullet" href="/#/02fa866e-7282-96bd-a88a-4c5190af7096" title="Last changed: May 6, 2014 @ 3:37 PM">•</a>
                <div class="content" contenteditable="">3</div>
                <span class="parentArrow"></span>
            </div>
            <div class="notes ">
                <div class="content" contenteditable=""></div>
            </div>
            <div class="children">
                <div class="project task" projectid="2197a00c-01e9-84e9-fbd1-863f9d157d63">
                    <div class="highlight"></div>
                    <div class="name ">
                        <a class="bullet" href="/#/2197a00c-01e9-84e9-fbd1-863f9d157d63" title="Last changed: May 6, 2014 @ 3:38 PM">•</a>
                        <div class="content" contenteditable="">Task 6-1A</div>
                        <span class="parentArrow"></span>
                    </div>
                    <div class="notes ">
                        <div class="content" contenteditable=""></div>
                    </div>
                    <div class="children">
                        <div class="childrenEnd"></div>
                    </div>
                </div>
                <div class="childrenEnd"></div>
            </div>
        </div>
        <div class="project task  " projectid="6b2d3671-15b3-ed01-1a6d-8062da806e4b">
            <div class="highlight"></div>
            <div class="name ">
                <a class="bullet" href="/#/6b2d3671-15b3-ed01-1a6d-8062da806e4b">•</a>
                <div class="content" contenteditable="">4</div>
                <span class="parentArrow"></span>
            </div>
            <div class="notes ">
                <div class="content" contenteditable=""></div>
            </div>
            <div class="children">
                <div class="childrenEnd"></div>
            </div>
        </div>
        <div class="project task  " projectid="d457b4b7-758b-490e-b114-b8f263117402">
            <div class="highlight"></div>
            <div class="name ">
                <a class="bullet" href="/#/d457b4b7-758b-490e-b114-b8f263117402">•</a>
                <div class="content" contenteditable="">5</div>
                <span class="parentArrow"></span>
            </div>
            <div class="notes ">
                <div class="content" contenteditable=""></div>
            </div>
            <div class="children">
                <div class="childrenEnd"></div>
            </div>
        </div>
        <div class="childrenEnd"></div>
    </div>
</div>