Re-write of base template using bootstrap 2
Michael Jett
parent
b38c8c18d6
commit
2573c98c2d
|
|
@ -10,47 +10,42 @@
|
|||
|
||||
<meta charset="utf-8">
|
||||
<title>OpenID Connect - ${title}</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
|
||||
<!-- Le javascript -->
|
||||
<script src="http://code.jquery.com/jquery-1.7.min.js"></script>
|
||||
<script src="resources/js/app.js"></script>
|
||||
<script src="resources/js/tmpl.js"></script>
|
||||
<!-- Le styles -->
|
||||
<link href="resources/boostrap2/css/bootstrap.css" rel="stylesheet">
|
||||
<link href="resources/boostrap2/css/bootstrap-responsive.css" rel="stylesheet">
|
||||
|
||||
<script src="resources/bootstrap/js/bootstrap-modal.js"></script>
|
||||
<script src="resources/bootstrap/js/bootstrap-alerts.js"></script>
|
||||
<script src="resources/bootstrap/js/bootstrap-twipsy.js"></script>
|
||||
<script src="resources/bootstrap/js/bootstrap-popover.js"></script>
|
||||
<script src="resources/bootstrap/js/bootstrap-dropdown.js"></script>
|
||||
<script src="resources/bootstrap/js/bootstrap-scrollspy.js"></script>
|
||||
<script src="resources/bootstrap/js/bootstrap-tabs.js"></script>
|
||||
<script src="resources/bootstrap/js/bootstrap-buttons.js"></script>
|
||||
<style type="text/css">
|
||||
body {
|
||||
padding-top: 60px;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
.sidebar-nav {
|
||||
padding: 9px 0;
|
||||
}
|
||||
|
||||
h1,label {
|
||||
text-shadow: 1px 1px 1px #FFFFFF;
|
||||
}
|
||||
|
||||
<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
|
||||
.brand {
|
||||
background: url("resources/images/openid_small.png") no-repeat scroll 7px 7px transparent;
|
||||
}
|
||||
</style>
|
||||
|
||||
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!-- Le styles -->
|
||||
<link href="resources/bootstrap/bootstrap.css" rel="stylesheet">
|
||||
<style type="text/css">
|
||||
body {
|
||||
padding-top: 60px;
|
||||
}
|
||||
|
||||
.logo {
|
||||
background: url("resources/images/openid_small.png") no-repeat left center;
|
||||
padding-left: 30px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<!-- Le fav and touch icons -->
|
||||
<link rel="shortcut icon" href="images/favicon.ico">
|
||||
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
|
||||
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
|
||||
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
|
||||
<link rel="shortcut icon" href="../boostrap2/ico/favicon.ico">
|
||||
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../boostrap2/ico/apple-touch-icon-114-precomposed.png">
|
||||
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../boostrap2/ico/apple-touch-icon-72-precomposed.png">
|
||||
<link rel="apple-touch-icon-precomposed" href="../boostrap2/ico/apple-touch-icon-57-precomposed.png">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
|
@ -1,16 +1,14 @@
|
|||
<div class="sidebar">
|
||||
<div class="well">
|
||||
<h5>Administrative</h5>
|
||||
<ul>
|
||||
<li><a href="admin/manage/clients">Manage Clients</a></li>
|
||||
<li><a href="#">White Lists</a></li>
|
||||
<li><a href="#">Black Lists</a></li>
|
||||
</ul>
|
||||
<h5>Personal</h5>
|
||||
<ul>
|
||||
<li><a href="#">Manage Sites</a></li>
|
||||
<li><a href="#">Manage Active Tokens</a></li>
|
||||
<li><a href="#">Profile</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="span2">
|
||||
<div class="well sidebar-nav">
|
||||
<ul class="nav nav-list">
|
||||
<li class="nav-header">Administrative</li>
|
||||
<li><a href="admin/manage/clients">Manage Clients</a></li>
|
||||
<li><a href="#">White Lists</a></li>
|
||||
<li><a href="#">Black Lists</a></li>
|
||||
<li class="nav-header">Personal</li>
|
||||
<li><a href="#">Manage Sites</a></li>
|
||||
<li><a href="#">Manage Active Tokens</a></li>
|
||||
<li><a href="#">Manage Profiles</a></li>
|
||||
</ul>
|
||||
</div><!--/.well -->
|
||||
</div><!--/span-->
|
||||
|
|
@ -1,14 +1,21 @@
|
|||
<div class="topbar">
|
||||
<div class="topbar-inner">
|
||||
<div class="navbar navbar-fixed-top">
|
||||
<div class="navbar-inner">
|
||||
<div class="container-fluid">
|
||||
<a class="brand" href="#"><span class="logo">OpenID Connect Server</span></a>
|
||||
<ul class="nav">
|
||||
<li class="active"><a href="#">Home</a></li>
|
||||
<li><a href="#about">About</a></li>
|
||||
<li><a href="#about">Statistics</a></li>
|
||||
<li><a href="#contact">Contact</a></li>
|
||||
</ul>
|
||||
<p class="pull-right">Logged in as <a href="#">username</a></p>
|
||||
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</a>
|
||||
<a class="brand" style="padding-left: 35px" href="#">OpenID Connect Server</a>
|
||||
<div class="nav-collapse">
|
||||
<ul class="nav">
|
||||
<li class="active"><a href="#">Home</a></li>
|
||||
<li><a href="#about">About</a></li>
|
||||
<li><a href="#contact">Statistics</a></li>
|
||||
<li><a href="#contact">Contact</a></li>
|
||||
</ul>
|
||||
<p class="navbar-text pull-right">Logged in as <a href="#">username</a></p>
|
||||
</div><!--/.nav-collapse -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -1,61 +1,64 @@
|
|||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||||
<%@ taglib prefix="o" tagdir="/WEB-INF/tags" %>
|
||||
|
||||
<o:header title="welcome" />
|
||||
<o:header title="welcome"/>
|
||||
<o:topbar/>
|
||||
<div class="container-fluid">
|
||||
<o:sidebar/>
|
||||
<div class="content">
|
||||
<!-- Main hero unit for a primary marketing message or call to action -->
|
||||
<div class="hero-unit">
|
||||
<h1>Welcome, User Name!</h1>
|
||||
<div class="row-fluid">
|
||||
<o:sidebar/>
|
||||
<div class="span10">
|
||||
<!-- Main hero unit for a primary marketing message or call to action -->
|
||||
<div class="hero-unit">
|
||||
<h1>Welcome, User Name!</h1>
|
||||
|
||||
<p>Can't remember your passwords? Tired of filling out registration forms?
|
||||
OpenID is a <strong>safe</strong>, <strong>faster</strong>, and <strong>easier</strong> way to log in to
|
||||
web sites.</p>
|
||||
<p>Can't remember your passwords? Tired of filling out registration forms?
|
||||
OpenID is a <strong>safe</strong>, <strong>faster</strong>, and <strong>easier</strong> way to log
|
||||
in to
|
||||
web sites.</p>
|
||||
|
||||
<p><a class="btn primary large" href="http://openid.net/connect/">Learn more »</a></p>
|
||||
</div>
|
||||
<!-- Example row of columns -->
|
||||
<div class="row">
|
||||
<div class="span8">
|
||||
<h2>About</h2>
|
||||
|
||||
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo,
|
||||
tortor
|
||||
mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada
|
||||
magna
|
||||
mollis euismod. Donec sed odio dui. </p>
|
||||
|
||||
<p><a class="btn" href="#">More »</a></p>
|
||||
<p><a class="btn btn-primary btn-large" href="http://openid.net/connect/">Learn more »</a></p>
|
||||
</div>
|
||||
<div class="span8">
|
||||
<h2>Contact</h2>
|
||||
<!-- Example row of columns -->
|
||||
<div class="row">
|
||||
<div class="span6">
|
||||
<h2>About</h2>
|
||||
|
||||
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo,
|
||||
tortor
|
||||
mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada
|
||||
magna
|
||||
mollis euismod. Donec sed odio dui. </p>
|
||||
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo,
|
||||
tortor
|
||||
mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada
|
||||
magna
|
||||
mollis euismod. Donec sed odio dui. </p>
|
||||
|
||||
<p><a class="btn" href="#">Email »</a></p>
|
||||
<p><a class="btn" href="#">More »</a></p>
|
||||
</div>
|
||||
<div class="span6">
|
||||
<h2>Contact</h2>
|
||||
|
||||
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo,
|
||||
tortor
|
||||
mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada
|
||||
magna
|
||||
mollis euismod. Donec sed odio dui. </p>
|
||||
|
||||
<p><a class="btn" href="#">Email »</a></p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<hr>
|
||||
<!-- Example row of columns -->
|
||||
<div class="row">
|
||||
<div class="span12">
|
||||
<h2>Current Statistics</h2>
|
||||
|
||||
<p>You'll be keen to know that there have been <span class="label label-info">4720</span> users of this
|
||||
system who have logged in to
|
||||
<span class="label label-info">203</span>
|
||||
total sites, for a total of <span class="label label-info">6224</span> site approvals.</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<hr>
|
||||
<!-- Example row of columns -->
|
||||
<div class="row">
|
||||
<div class="span16">
|
||||
<h2>Current Statistics</h2>
|
||||
|
||||
<p>You'll be keen to know that there have been <span class="label notice">4720</span> users of this
|
||||
system who have logged in to
|
||||
<span class="label notice">203</span>
|
||||
total sites, for a total of <span class="label notice">6224</span> site approvals.</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<o:copyright/>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue