252 lines
7.3 KiB
HTML
252 lines
7.3 KiB
HTML
<!doctype html>
|
||
|
||
<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
|
||
<!--[if (IE 7)&!(IEMobile)]><html class="no-js lt-ie9 lt-ie8" lang="en"><![endif]-->
|
||
<!--[if (IE 8)&!(IEMobile)]><html class="no-js lt-ie9" lang="en"><![endif]-->
|
||
|
||
<head>
|
||
|
||
<meta charset="utf-8">
|
||
|
||
<title>Ghost</title>
|
||
|
||
<meta name="description" content="">
|
||
<meta name="author" content="">
|
||
|
||
<meta name="HandheldFriendly" content="True">
|
||
<meta name="MobileOptimized" content="320">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
||
<!-- For all browsers -->
|
||
<link rel="stylesheet" href="../core/admin/assets/css/screen.css">
|
||
|
||
<link rel="shortcut icon" href="/favicon.ico">
|
||
<link rel="logo" type="image/svg" href="assets/images/logo.svg"/>
|
||
<meta http-equiv="cleartype" content="on">
|
||
|
||
</head>
|
||
|
||
<body class="dashboard">
|
||
|
||
<header id="global-header" class="navbar">
|
||
<a id="ghost" class="icon-ghost" href="#"><span class="hidden">Ghost</span></a>
|
||
<nav id="global-nav" role="navigation">
|
||
<ul id="main-menu">
|
||
<li class="active"><a href="#">Dashboard</a></li>
|
||
<li><a href="#">Blog</a></li>
|
||
<li><a href="#">Pages</a></li>
|
||
<li><a href="#">Settings</a></li>
|
||
<li id="user-menu" class="subnav">
|
||
<a href="#" data-toggle="ul">
|
||
<img class="avatar" src="assets/img/user.jpg" alt="Avatar" />
|
||
<span class="name">John O'Nolan</span>
|
||
</a>
|
||
<ul>
|
||
<li><a href="#">Your Profile</a></li>
|
||
<li class="divider"></li>
|
||
<li><a href="#">Help / Support</a></li>
|
||
<li><a href="#">Keyboard Shortcuts</a></li>
|
||
<li class="divider"></li>
|
||
<li><a href="#">Sign Out</a></li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
</header>
|
||
|
||
<main role="main">
|
||
|
||
<section class="dashboard-controls">
|
||
<div class="text left"><strong>Welcome back</strong>, John.</div>
|
||
<nav class="controls-nav">
|
||
<ul class="nav inline">
|
||
<li><a href="#"><span class="icon-new"></span> New Post</a></li>
|
||
<li><a href="#"><span class="icon-users"></span> Authors</a></li>
|
||
<li><a href="#"><span class="icon-analytics"></span> Analytics</a></li>
|
||
</ul>
|
||
</nav>
|
||
<div class="text right"><a href="#"><span class="icon-settings"></span><span class="hidden">Settings</span></a></div>
|
||
<div class="clearfix"></div><!--TODO: replace this later with something less shit-->
|
||
</section>
|
||
|
||
<section class="widget time-date">
|
||
<header>
|
||
London, United Kingdom
|
||
</header>
|
||
<section class="content">
|
||
<div class="time">
|
||
8:55<span>am</span>
|
||
</div>
|
||
<div class="date"><!--TODO: convert to html5 <date>-->
|
||
<span>Wednesday</span>
|
||
13 June 2012
|
||
</div>
|
||
</section>
|
||
<footer>
|
||
Timezone: UTC +1
|
||
</footer>
|
||
</section>
|
||
|
||
<section class="widget">
|
||
<header>
|
||
Top Authors This Month
|
||
</header>
|
||
<section class="content">
|
||
<table class="table">
|
||
<thead>
|
||
<tr>
|
||
<td>Name</td>
|
||
<td>Posts</td>
|
||
<td>Comments</td>
|
||
<td>tweets</td>
|
||
<td>Likes</td>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td><strong class="text-uppercase"><img class="user-img" src="assets/img/user.jpg" width="34px" height="34px" alt=""> John</strong></td>
|
||
<td><strong class="callout">32</strong> <span>Posts</span></td>
|
||
<td><strong>231</strong> <span>Comments</span></td>
|
||
<td><strong>103</strong> <span>tweets</span></td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong class="text-uppercase"><img class="user-img" src="assets/img/user.jpg" width="34px" height="34px" alt=""> James</strong></td>
|
||
<td><strong>32</strong> <span>Posts</span></td>
|
||
<td><strong class="callout">231</strong> <span>Comments</span></td>
|
||
<td><strong>103</strong> <span>tweets</span></td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong class="text-uppercase"><img class="user-img" src="assets/img/user.jpg" width="34px" height="34px" alt=""> Jerry</strong></td>
|
||
<td><strong>32</strong> <span>Posts</span></td>
|
||
<td><strong>231</strong> <span>Comments</span></td>
|
||
<td><strong class="callout">103</strong> <span>tweets</span></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</section>
|
||
<footer>
|
||
Ghost Stats
|
||
</footer>
|
||
</section>
|
||
|
||
<section class="widget post-statuses">
|
||
<header>
|
||
Post Statuses
|
||
</header>
|
||
<section class="content">
|
||
<div class="status-levels left">
|
||
<div class="scheduled" style="height: 30px;">Scheduled</div>
|
||
<div class="pending" style="height: 50px;">Pending</div>
|
||
<div class="draft" style="height: 60px;">Draft</div>
|
||
</div>
|
||
<div class="status-text left">
|
||
<div class="scheduled"><strong>5</strong> Scheduled</div>
|
||
<div class="pending"><strong>12</strong> Pending</div>
|
||
<div class="draft"><strong>32</strong> Draft</div>
|
||
</div>
|
||
</section>
|
||
<footer>
|
||
Ghost Stats
|
||
</footer>
|
||
</section>
|
||
|
||
<section class="widget total-views">
|
||
<header>
|
||
Total Page Views (Last 30 Days)
|
||
</header>
|
||
<section class="content">
|
||
<div class="widget-stats">
|
||
<span>37,921</span>
|
||
<span>
|
||
Previous <strong>32,419</strong> / <strong class="positive-text">+15.4%</strong>
|
||
</span>
|
||
</div>
|
||
</section>
|
||
<footer>
|
||
Google Analytics
|
||
</footer>
|
||
</section>
|
||
|
||
<section class="widget live-visitors">
|
||
<header>
|
||
Live Visitors
|
||
</header>
|
||
<section class="content">
|
||
<div class="widget-stats">
|
||
<span>124</span>
|
||
<span>
|
||
<strong>391</strong> max this month
|
||
</span>
|
||
</div>
|
||
</section>
|
||
<footer>
|
||
Woopra
|
||
</footer>
|
||
</section>
|
||
|
||
<section class="widget">
|
||
<header>
|
||
Twitter Followers
|
||
</header>
|
||
<section class="content">
|
||
<div class="widget-stats">
|
||
<span>12,304</span>
|
||
<span>
|
||
<strong class="positive-text">+123</strong> this month
|
||
</span>
|
||
</div>
|
||
</section>
|
||
<footer>
|
||
@ghost
|
||
</footer>
|
||
</section>
|
||
|
||
<section class="widget todays-traffic">
|
||
<header>
|
||
Today’s Traffic (Actions)
|
||
</header>
|
||
<section class="content">
|
||
<ul class="nav">
|
||
<li>
|
||
<div>Post Title Excerpt Which is Li... <strong class="right">327</strong></div>
|
||
</li>
|
||
<li>
|
||
<div>My homepage <strong class="right">327</strong></div>
|
||
</li>
|
||
<li>
|
||
<div>Another long ass post about som... <strong class="right">327</strong></div>
|
||
</li>
|
||
<li>
|
||
<div>Boracay time! <strong class="right">327</strong></div>
|
||
</li>
|
||
</ul>
|
||
</section>
|
||
<footer>
|
||
Woopra
|
||
</footer>
|
||
</section>
|
||
|
||
<section class="widget">
|
||
<header>
|
||
Total Likes
|
||
</header>
|
||
<section class="content">
|
||
<div class="widget-stats">
|
||
<span>6,931</span>
|
||
<span>
|
||
<strong class="negative-text">-23</strong> this month
|
||
</span>
|
||
</div>
|
||
</section>
|
||
<footer>
|
||
Facebook
|
||
</footer>
|
||
</section>
|
||
|
||
</main>
|
||
|
||
<script type="text/javascript" src="assets/js/jquery.js"></script>
|
||
|
||
|
||
</body>
|
||
</html> |