@webqit/webqit.dev/views/tooling/index.html

webqit.dev Site

<!-- Main Home View -->
<div class="snap-mandatory-container">
    
    <link rel="stylesheet" type="text/css" href="/css/github-markdown.css" />
    <link rel="stylesheet" type="text/css" href="/css/tooling.css" />
    
    <div class="flex-y-stretch flex-wrap">
            
        <div class="col-3 lg--col-12" style="background-color: lavender;">

            <!-- ::::::::::::::::: -->

            <div class="pd-10 pd-x3 overflow-x-hidden">
                <div class="app-bar flex-x-separate">
                    <a href="/" class="brand-container flex-y-center">
                        <img alt="@web-native-js/chtml logo" scoped:id="logo" src="http://unpkg2.com:9000/@web-native-js/oohtml/docs/logo.png" style="display: block; width: 65px; color: transparent; background: none;" />
                        <div class="pd-10">
                            <div class="txt-lg b">Web-Native</div>
                            <div class="i">...tag tagline</div>
                        </div>
                    </a>
                    <div class="menu-control pos-rel wt-60 ht-60 flex-center cursor-pointer" play-icon-type="bootstrap">
                        <play-icon name="filter-right" class="pos-rel"></play-icon>
                    </div>
                </div>
            </div>

            <!-- ::::::::::::::::: -->

            <div class="pd-10 pd-x3">
                <ul is="play-seq-ul" scoped:id="outline_menu" template="main/outline" class="outline list-style-none"></ul>
            </div>

        </div>
        

        <main class="col-grows lg--col-12 flex-y-start flex-wrap markdown-body">

            <div class="readme-container col-grows lg--col-12">

                <div style="min-height: 100vh;">
                    <partials-slot name="readme" scoped:id="main">DOCS not found!</partials-slot>
                </div>
                
                <br /><br />

                <footer style="position: sticky; bottom: 0px;">
                    <br />
                    <ul scoped:id="nav" class="footer-nav flex-x-separate flex-y-center">
                        <li><a href="" scoped:id="prev">prev &leftarrow;</a></li>
                        <li scoped:id="index"></li>
                        <li><a href="" scoped:id="next">&rightarrow; next</a></li>
                    </ul>
                </footer>
                
            </div>

            <div class="col-2 lg--col-12"></div>

        </main>

    </div>

    <!-- CODE HIGHLIGHTING -->
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.1.2/styles/github.min.css">

</div>