base3.pt 3.88 KB
<!DOCTYPE html>
<html lang="${request.locale_name}"
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:metal="http://xml.zope.org/namespaces/metal"
    xmlns:tal="http://xml.zope.org/namespaces/tal"
    metal:define-macro="layout">
    <head>
        <meta charset="utf-8">
        <title>openSIPKD</title>
        <link rel="shortcut icon" href="/static/pyramid-16x16.png')}">
        
        <!-- Load JQuery Libraries -->
        <script src="/static/jquery/jquery-1.10.2.js')}"></script>
        <script src="/static/jquery/jquery.widget.min.js')}"></script>
        <script src="/static/jquery/jquery.mousewheel.js')}"></script>
        
        <!-- Load JQuery UI Libraries -->
        <script src="/static/jquery/jquery-ui-1.10.4.custom.min.js')}"></script>
        
        <!-- Load Bootstrap Libraries -->
        <script src="/static/bootstrap/js/bootstrap.min.js')}"></script>
        
        <!-- Load JavaScript Libraries -->
        <!--link href="/static/datatables/media/css/jquery.dataTables.css')}" rel="stylesheet"-->
        <script src="/static/datatables/media/js/jquery.dataTables.min.js')}"></script>
        <!--script src="/static/datatables/media/js/jquery.jeditable.js')}"></script-->
        <script src="/static/datatables/media/js/jquery.dataTables.ext.js')}"></script>
        <script src="/static/datatables/extensions/TableTools/media/js/ZeroClipboard.js"></script>
        
        <link href="/static/jquery/css/smoothness/jquery-ui-1.10.4.custom.min.css" rel="stylesheet">
        <link href="/static/bootstrap/css/bootstrap.css" rel="stylesheet">
        <link href="/static/datatables/extensions/TableTools/css/dataTables.tableTools.min.css" rel="stylesheet">
        <link href="/static/datatables/media/css/dataTables.bootstrap.css" rel="stylesheet">
        <link href="/static/osipkd.css" rel="stylesheet">
        
        <script src="/static/datatables/media/js/dataTables.bootstrap.js"></script>
        
        
        <style>
            .container{
                width: 970px !important;
            }
        </style>
        <script>
            $(document).ready(function(){
               $('#errors').delay(5000).fadeOut("slow");
            });
        </script>
    </head>

    <body>
    
        <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href=""><span class="glyphicon glyphicon-home"></span> oSIPKD</a>
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse">
                <div metal:define-slot="nav"></div>
                <ul class="nav navbar-nav navbar-right">
                    <li class="dropdown">
                        <ul class="dropdown-menu">
                            <li><a href="#">Ubah Password</a></li>
                            <li><a href="/logout">Logout</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        
        <div metal:define-slot="content"></div>
        
        <summary>
        </summary>
        
        <footer>
            <div class="container" style="position:fixed; bottom:0;">
                <p class="muted credit" id="errors"></p>
                <p class="muted credit"><strong><a href="http://opensipkd.com">&copy; OpenSIPKD 2014 </a></strong></p>
            </div>
        </footer>
    </body>
</html>