<html> 
    <head> 
        <title><?php echo $RAML->title; ?>: <?php echo $RAML->getCurrentPath(); ?></title> 
         
        <style type="text/css"> 
         
            *, *:before, *:after { 
              -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; 
            } 
             
            body { margin: 0; } 
             
            body, table { 
                margin: 0; 
                font-family: arial; 
                font-size: 12px; 
            } 
             
            a {  
                text-decoration: none; 
            } 
             
            h3 { 
                margin-top: 40px; 
            } 
             
            header { 
                padding: 10px 20px; 
                background: #333; 
                color: #fff; 
                border-bottom: 2px solid #999; 
            } 
             
            header a { 
                color: #fff; 
            } 
             
            #container { position: relative; } 
             
            article { 
                margin: 0 20px; 
            } 
             
            nav { 
                border-left: 1px dashed #999; 
                padding: 0 15px; 
            } 
             
            footer { 
                clear: both; 
                margin-top: 30px; 
                padding: 10px 20px; 
                text-align: center; 
                font-size: 10px; 
                background: #333; 
                color: #999; 
                border-top: 2px solid #999; 
            } 
             
            footer a { 
                color: #ccc; 
            } 
             
            table { 
                width: 96%; 
                border: 1px solid #333; 
            } 
             
            table thead tr td { 
                background: #666; 
                color: #fff; 
                font-weight: bold; 
            } 
             
            table tr { 
                padding: 15px 0; 
            } 
             
            tr:nth-child(odd) { 
                background-color: #f3f3f3; 
            } 
             
            table td { 
                vertical-align: top; 
                padding: 5px; 
            } 
             
            .badge { 
                display: inline-block; 
                font-size: 14px; 
                padding: 5px; 
                margin-right: 20px; 
                border-radius: 0; 
                text-transform: uppercase; 
                width: 70px; 
                font-weight: normal; 
                color: #f3f3f6; 
                line-height: normal; 
                background-color: #999; 
                text-align: center; 
            } 
            .block.collapsed .badge { 
                visibility: visible; 
            } 
            .badge_get { 
                background-color: #63a8e2; 
            } 
            .badge_post { 
                background-color: #6cbd7d; 
            } 
            .badge_put { 
                background-color: #22bac4; 
            } 
            .badge_patch { 
                background-color: #02b0e2; 
            } 
            .badge_delete { 
                background-color: #d26460; 
            } 
            .badge_connect { 
                background-color: #e48f0a; 
            } 
            .badge_trace { 
                background-color: #98b805; 
            } 
             
            .text_get { 
                color: #0b88b9; 
            } 
            .text_post { 
                color: #6cbd7d; 
            } 
            .text_put { 
                color: #22bac4; 
            } 
            .text_patch { 
                color: #02b0e2; 
            } 
            .text_delete { 
                color: #d26460; 
            } 
            .text_connect { 
                color: #e48f0a; 
            } 
            .text_trace { 
                color: #98b805; 
            } 
             
            .online { 
                color: #090; 
            } 
             
            .offline { 
                color: #F00; 
            } 
             
             
            ul.verbs, ul.resources, nav ul { 
                margin: 0; 
                padding: 0; 
                list-style-type: none; 
            } 
             
            ul.verbs li, ul.resources li { 
                padding: 0 0 10px 0; 
                margin: 0 0 10px 0; 
                border-bottom: 1px dotted #ccc; 
            } 
             
            ul.resources li a { 
                font-weight: bold; 
                font-size: 16px; 
                color: #666; 
            } 
             
            ul.resources li a:hover { 
                color: #63a8e2; 
            } 
             
            nav ul li a { 
                display: block; 
                padding: 0 0 10px 0; 
                margin: 0 0 10px 0; 
                border-bottom: 1px dotted #ccc; 
                font-size: 14px; 
                color: #666; 
            } 
             
            nav ul li a:hover { 
                font-weight: bold; 
            } 
             
            div.apiresponse { 
                width: 96%; 
                max-height: 300px; 
                background: #f3f3f3; 
                border: 1px solid #333; 
                padding: 10px; 
                overflow: scroll; 
                font-family: monospace; 
                font-size: 10px; 
            } 
             
            @media screen and (min-width: 60em ) { 
              nav { float: right; top: 0; right: 0; width: 30em; } 
              article { margin-right: 30.75em; } 
             
                    
            } 
         
        </style> 
         
    </head> 
 
    <body> 
        <header> 
            <h1><a href="<?php echo $_SERVER['PHP_SELF']; ?>"><?php echo $RAML->get('title'); ?></a></h1> 
            <p>version <?php echo $RAML->get('version'); ?>           <?php echo $RAML->get('baseUri'); ?></p> 
        </header> 
         
         
        <div id="container"> 
             
            <nav> 
                <?php  
                include('_menu.phtml'); 
                ?> 
            </nav> 
         
            <article>         
                <?php if ($RAML->getCurrentPath() != '/'): ?> 
                    <h2><?php echo $RAML->getCurrentPath(); ?></h2> 
                <?php elseif (!$RAML->path()->description): ?> 
                    <!-- CSS HACK --><img width="1" height="1" /> 
                <?php endif; ?> 
                 
                 
                <?php $validPath = $RAML->isPathValid($RAML->getCurrentPath()); ?> 
                 
                 
                <?php if($validPath && !$RAML->getCurrentAction() && $RAML->path()->description): 
                    echo $RAML->path()->description;  
                endif; ?> 
                 
                 
                <?php 
                if (!$validPath): 
                    include('_404.phtml'); 
                endif; 
                ?> 
                 
                 
                <?php  
                if ($validPath && $RAML->path()->getVerbs() && !$RAML->getCurrentAction()): 
                    include('_verbs.phtml'); 
                endif; 
                ?> 
                 
                 
                 
                <?php  
                if ($validPath && $RAML->getChildPaths($RAML->getCurrentPath()) && !$RAML->getCurrentAction()): 
                    include('_resources.phtml'); 
                endif; 
                ?> 
                 
                 
                <?php 
                if ($RAML->getCurrentAction()): 
                    include('_action.phtml'); 
                endif; 
                ?> 
                 
             
            </article> 
 
            <div style="clear: both;"></div> 
 
        </div> 
 
        <footer> 
            powered by <a href="http://www.raml.org">RAML</a>     |     script by <a href="http://www.mikestowe.com/2014/05/raml-2-html.php" target="_blank">MikeStowe.com</a> 
        </footer> 
    </body> 
</html>
 
 |