
<topic>
    <title>Document Showcase</title>
    <body>
        <p/>
        <section>
            <title>Sample DITA Documents</title>
            <p>DITA Storm is a full-featured structured XML editor. Provided below is a list of sample documents.</p>
            <ul compact='no'>
                <li>
                     <b>Body Elements I</b> 
                    <p>Shows misc. body element editing</p>
                     <xref href='_elementDemo.xml'>editor</xref> | <xref href='elementDemo.xml' outputclass='javascript'>staic xsl</xref> 
                </li>
                <li>
                     <b>Body Elements II</b> 
                    <p>More body elements (notes, lists)</p>
                     <xref href='_bodyElements2.xml' outputclass='javascript'>editor</xref> | <xref href='bodyElements2.xml' outputclass='javascript'>static xsl</xref> 
                </li>
                <li>
                     <b>Prolog and Related Links </b> 
                    <p>Sample topic containing prolog and related links editing</p>
                     <xref href='_prologAndRelatedLinksDemo.xml' outputclass='javascript'>editor</xref> | <xref href='prologAndRelatedLinksDemo.xml' outputclass='javascript'>static xsl</xref> 
                </li>
                <li>
                     <b>Sample Task I</b> 
                    <p>Shows simple task document with ordered steps</p>
                     <xref href='_taskDemo.xml' outputclass='javascript'>editor</xref> | <xref href='taskDemo.xml' outputclass='javascript'>static xsl</xref> 
                </li>
                <li>
                     <b>Sample Task II</b> 
                    <p>Shows simple task document with un-ordered steps</p>
                     <xref href='_taskDemo2.xml' outputclass='javascript'>editor</xref> | <xref href='taskDemo2.xml' outputclass='javascript'>static xsl</xref> 
                </li>
                <li>
                     <b>Sample Map</b> 
                    <p>Simple map editing example</p>
                     <xref href='_mapDemo.xml' outputclass='javascript'>editor</xref> | <xref href='mapDemo.xml' outputclass='javascript'>static xsl</xref> 
                </li>
                <li>
                     <b>Sample Concept</b> 
                    <p>Concept editing example</p>
                     <xref href='_conceptDemo.xml' outputclass='javascript'>editor</xref> | <xref href='conceptDemo.xml' outputclass='javascript'>static xsl</xref> 
                </li>
                <li>
                     <b>Sample Reference</b> 
                    <p>Reference editing example</p>
                     <xref href='_referenceDemo.xml' outputclass='javascript'>editor</xref> | <xref href='referenceDemo.xml' outputclass='javascript'>static xsl</xref> 
                </li>
                <li>
                    <p><b>Nested Topics</b></p>
                    <p>Displays ability to create nested topics</p>
                     <xref href='_innerDemo.xml' outputclass='javascript'>editor</xref> | <xref href='innerDemo.xml' outputclass='javascript'>static xsl</xref> 
                </li>
            </ul>
        </section>
        <section outputclass='javascript'>
            <title>Other Features </title>
              DITA Storm not only allows to edit DITA documents. It can be configured to manage virtually any XML document with specified structure. 
            <ul compact='no'>
                <li>
                     <b>Custom XML Structure <sup outputclass='highlighted'>new</sup> </b> 
                    <p>Demonstrates editor's capability to work with XML structure different than DITA </p>
                     <xref href='_invoiceDemo.xml' outputclass='javascript'>editor</xref> | <xref href='DITAStorm/config/invoice_model.xml' outputclass='direct'>model.xml</xref> | <xref href='DITAStorm/config/invoice.xsl' outputclass='direct'>invoice.xsl </xref> 
                </li>
                <li>
                     <b>Read-Only Elements <sup outputclass='highlighted'>new</sup></b> 
                    <p>Shows use of read-only elements</p>
                     <xref href='_lockDemo.xml' outputclass='javascript'>editor</xref> 
                </li>
            </ul>
        </section>
        <section>
            <title>Edit Any Page On This Website </title>
            <p>
                <image href='images/editinplacebutton.png' align='left'/>This website is entirely DITA-sourced and created with DITA Storm editor integrated into a simple content management system. Every page on the website is editable. By clicking on the 'Edit' button on top of the page you can enable the page editing mode. 
            </p>
        </section>
    </body>
</topic>
