Return to Snippet

Revision: 27523
at June 13, 2010 10:08 by minky


Initial Code
<!DOCTYPE html>
<html>
    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta http-equiv="keywords" content="" />
        <meta http-equiv="description" content="" />
        
        <meta name="viewport" content="width=device-width" />

        <title>Calibre Remote WebApp - by pixaweb.co.uk</title>
        
        <link rel="shortcut icon" href="favicon.png" />

        <link rel="stylesheet" href="css/calibre.css" type="text/css" media="screen,print,projection,mobile" />

        <script type="text/javascript" src="js/jquery.js"></script>

    </head>

    <body>

        <div id="wrapper">
        
            <header id="header">
            
                <hgroup>
                    <h1>Calibre Remote Web App</h1>
                    <p>by <a href="http://www.pixaweb.co.uk" target="_blank">Pixaweb.co.uk <img src="favicon.png" alt="Pixaweb - London Web Development" /></a></p>
                </hgroup>

                <section id="server" class="server panel hidden float-left">
                    <section>
                        <div id="host" class="hidden"></div>
                        <div id="port" class="hidden"></div>
                        <div id="username" class="hidden"></div>
                        <div id="password" class="hidden"></div>
                    </section>
                </section>

                <section id="search" class="search panel float-left">
                    <header>
                        <h1>Search</h1>
                    </header>
                    <section>
                        <input type="text" name="search" value="" class="search" />
                        <a href="#search" class="search button">Search</a>
                    </section>
                </section>

                <section id="order" class="order panel float-left">
                    <header>
                        <h1>Order</h1>
                    </header>
                    <section>
                        <ul>
                            <li>
                                <a href="order/ascending" class="active qs-link button">Ascending</a>
                            </li>
                            <li>
                                <a href="order/descending" class="qs-link button">Descending</a>
                            </li>
                        </ul>
                    </section>
                </section>
                
                <section id="sort" class="sort panel float-left">
                    <header>
                        <h1>Sort</h1>
                    </header>
                    <section>
                        <ul>
                            <li class="float-left">
                                <a href="sort/title" class="active qs-link button">Title</a>
                            </li>
                            <li class="float-right">
                                <a href="sort/author" class="qs-link button">Author</a>
                            </li>
                            <li class="float-left float-left-clear">
                                <a href="sort/date" class="qs-link button">Date</a>
                            </li>
                            <li class="float-right float-right-clear">
                                <a href="sort/series" class="qs-link button">Series</a>
                            </li>
                        </ul>
                    </section>
                </section>

                <div class="float-clear"></div>

            </header>

            <section id="content">

                <article class="server config">

                    <header>
                        <h1>Server Config</h1>
                    </header>

                    <section>

                        <dl>

                            <dt>Host</dt>
                            <dd><input type="text" name="host" /></dd>

                            <dt>Port</dt>
                            <dd><input type="text" name="port" value="8080" /></dd>

                            <dt>Username</dt>
                            <dd><input type="text" name="username" /></dd>

                            <dt>Password</dt>
                            <dd><input type="password" name="password" /></dd>

                            <dt></dt>
                            <dd><a class="button save server" href="#connect">Connect</a></dd>

                        </dl>

                    </section>

                </article>

            </section>

        </div>

        <footer id="footer">
            
            <div class="logo">
                <a href="http://www.pixaweb.co.uk" target="_blank">Pixaweb - London Web Development</a>
            </div>
            
            <div class="copyright">
                <p>Copyright &copy; 2010 Pixaweb.co.uk</p>
            </div>

            <div class="privacy">
                <p>Server details are stored temporarily inside page elements; refreshing the page will mean they are reset to defaults. Please see <a href="http://www.pixaweb.co.uk/projects/Calibre" target="_blank">http://www.pixaweb.co.uk/projects/Calibre</a> for the Source Code.</p>
            </div>
            
        </footer>

    </body>
    
    <script type="text/javascript" src="js/calibre.js"></script>

</html>

Initial URL
http://www.pixaweb.co.uk/calibre/

Initial Description
forms part of our Calibre Remote. an alternate gui for calibre ebooks content-server. this is the html files that contains the basic layout and brings it all together.

Initial Title
Calibre Remote - HTML

Initial Tags
html, html5

Initial Language
HTML