Temporary HTML for the User Management screen & Setup screen

This commit is contained in:
Paul Adam Davis 2014-06-18 14:00:47 +01:00
parent 0a319e48c5
commit 6d4266dd56
2 changed files with 279 additions and 0 deletions

View File

@ -0,0 +1,83 @@
<!doctype html>
<!--[if (IE 8)&!(IEMobile)]><html class="no-js lt-ie9" lang="en"><![endif]-->
<!--[if (gte IE 9)| IEMobile |!(IE)]><!--><html class="no-js" lang="en"><!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>Ghost Admin</title>
<meta name="HandheldFriendly" content="True" />
<meta name="MobileOptimized" content="320" />
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1, minimal-ui" />
<meta http-equiv="cleartype" content="on" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="apple-mobile-web-app-title" content="Ghost" />
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="apple-touch-icon-precomposed" href="/ghost/img/touch-icon-iphone.png?v=f0332a6f54" />
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="/ghost/img/touch-icon-ipad.png?v=f0332a6f54" />
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="/ghost/img/small.png?v=f0332a6f54" />
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="/ghost/img/medium.png?v=f0332a6f54" />
<meta name="application-name" content="Ghost" />
<meta name="msapplication-TileColor" content="#ffffff" />
<meta name="msapplication-square70x70logo" content="/ghost/img/small.png?v=f0332a6f54" />
<meta name="msapplication-square150x150logo" content="/ghost/img/medium.png?v=f0332a6f54" />
<meta name="msapplication-square310x310logo" content="/ghost/img/large.png?v=f0332a6f54" />
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans:400,300,700" />
<link rel="stylesheet" href="/Users/John/Sites/Ghost-UI/dist/css/ghost-ui.css" />
</head>
<body class="ghost-setup">
<main role="main" id="main">
<aside id="notifications" class="notifications">
</aside>
<section class="setup-box js-setup-box">
<div class="vertical">
<form id="setup" class="setup-form" method="post" novalidate="novalidate">
<header>
<h1>Welcome to your new Ghost blog</h1>
<h2>Let's get a few things set up so you can get started.</h2>
</header>
<div class="form-group">
<label for="blog-title">Blog Title</label>
<input id="blog-title" type="text">
<p>What would you like to call your blog?</p>
</div>
<div class="form-group">
<label for="blog-title">Full Name</label>
<input id="blog-title" type="text">
<p>The name that you will sign your posts with</p>
</div>
<div class="form-group">
<label for="blog-title">Email Address</label>
<input id="blog-title" type="email">
<p>Used for important notifications</p>
</div>
<div class="form-group">
<label for="blog-title">Password</label>
<input id="blog-title" type="password">
<p>Must be at least 8 characters</p>
</div>
<footer>
<button class="button-add large">Ok, Let's Do This</button>
</footer>
</form>
</div>
</section>
</main>
<div id="modal-container"></div>
<div class="modal-background fade"></div>
<script src="https://newstartuptest.ghost.io/ghost/scripts/ghost.min.js"></script>
</body>
</html>

View File

@ -0,0 +1,196 @@
<!doctype html>
<!--[if (IE 8)&!(IEMobile)]><html class="no-js lt-ie9" lang="en"><![endif]-->
<!--[if (gte IE 9)| IEMobile |!(IE)]><!--><html class="no-js" lang="en"><!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Ghost Admin</title>
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1, minimal-ui">
<meta http-equiv="cleartype" content="on">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="Ghost">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="apple-touch-icon-precomposed" href="/ghost/ember/img/touch-icon-iphone.png?v=9880d8c214">
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="/ghost/ember/img/touch-icon-ipad.png?v=9880d8c214">
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="/ghost/ember/img/small.png?v=9880d8c214">
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="/ghost/ember/img/medium.png?v=9880d8c214">
<meta name="application-name" content="Ghost">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-square70x70logo" content="/ghost/ember/img/small.png?v=9880d8c214">
<meta name="msapplication-square150x150logo" content="/ghost/ember/img/medium.png?v=9880d8c214">
<meta name="msapplication-square310x310logo" content="/ghost/ember/img/large.png?v=9880d8c214">
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans:400,300,700">
<link rel="stylesheet" href="/ghost/ember/css/ghost-ui.min.css?v=9880d8c214">
<link rel="stylesheet" href="/ghost/ember/css/ember-hacks.css?v=9880d8c214">
</head>
<body class="ember-application settings" data-ember-extension="1">
<script src="/ghost/scripts/vendor-ember.js"></script>
<script src="/ghost/scripts/templates-ember.js"></script>
<script src="/ghost/scripts/ghost-dev-ember.js"></script>
<script>
// redacted JSON user info
</script>
<div id="ember385" class="ember-view"><script id="metamorph-2-start" type="text/x-placeholder"></script>
<header id="global-header" class="navbar">
<a class="ghost-logo" href="/" data-off-canvas="left" title="/">
<span class="hidden">Ghost</span>
</a>
<nav id="global-nav" role="navigation">
<ul id="main-menu">
<li id="ember441" class="ember-view content"><a id="ember445" class="ember-view" href="/ghost/ember/"><script id="metamorph-3-start" type="text/x-placeholder"></script>Content<script id="metamorph-3-end" type="text/x-placeholder"></script></a>
</li>
<li id="ember462" class="ember-view editor"><a id="ember463" class="ember-view" href="/ghost/ember/editor"><script id="metamorph-4-start" type="text/x-placeholder"></script>New post<script id="metamorph-4-end" type="text/x-placeholder"></script></a>
</li>
<li id="ember472" class="ember-view settings active"><a id="ember473" class="ember-view active" href="/ghost/ember/settings"><script id="metamorph-5-start" type="text/x-placeholder"></script>Settings<script id="metamorph-5-end" type="text/x-placeholder"></script></a>
</li>
<li id="usermenu" class="usermenu subnav">
<a id="ember500" class="ember-view dropdown">
<script id="metamorph-6-start" type="text/x-placeholder"></script>
<img class="avatar" src="/content/images/2013/Dec/me_square.jpg" data-bindattr-1="1" alt="Avatar">
<script id="metamorph-6-end" type="text/x-placeholder"></script>
<span class="name"><script id="metamorph-7-start" type="text/x-placeholder"></script>Paul Davis<script id="metamorph-7-end" type="text/x-placeholder"></script></span>
</a>
<ul id="ember511" class="ember-view ghost-popover fade-in overlay">
<li class="usermenu-profile"><a id="ember513" class="ember-view" href="/ghost/ember/settings/user">Your Profile</a></li>
<li class="divider"></li>
<li class="usermenu-help"><a href="http://ghost.org/forum/">Help / Support</a></li>
<li class="divider"></li>
<li class="usermenu-signout"><a href="#">Sign Out</a></li>
</ul>
</li>
</ul>
</nav>
</header>
<script id="metamorph-2-end" type="text/x-placeholder"></script>
<main role="main" id="main">
<aside id="ember522" class="ember-view notifications"><script id="metamorph-8-start" type="text/x-placeholder"></script><script id="metamorph-8-end" type="text/x-placeholder"></script>
</aside>
<script id="metamorph-9-start" type="text/x-placeholder"></script><script id="metamorph-0-start" type="text/x-placeholder"></script><div class="wrapper">
<aside class="settings-sidebar" role="complementary">
<header>
<h1 class="title">Settings</h1>
</header>
<nav class="settings-menu">
<ul>
<li id="ember544" class="ember-view general">
<a id="ember545" class="ember-view" href="/ghost/ember/settings/general">General</a>
</li>
<li id="ember558" class="ember-view users">
<a id="ember559" class="ember-view" href="/ghost/ember/settings/user">User</a>
</li>
<li id="ember560" class="ember-view users active">
<a id="ember561" class="ember-view active" href="/ghost/ember/settings/users">Users</a>
</li>
<li id="ember569" class="ember-view apps">
<a id="ember570" class="ember-view" href="/ghost/ember/settings/apps">Apps</a>
</li>
</ul>
</nav>
</aside>
<section class="settings-content active">
<script id="metamorph-10-start" type="text/x-placeholder"></script><script id="metamorph-14-start" type="text/x-placeholder"></script><header class="fade-in">
<button class="button-back">Back</button>
<h2 class="title">Users</h2>
<section class="page-actions">
<a class="button-add">New User</a>
</section>
</header>
<section class="content fade-in">
<!-- BEGINS HERE -->
<section class="object-list">
<h4 class="object-list-title">Invited users</h4>
<div class="object-list-item">
<span class="object-list-item-icon icon-mail">ic</span>
<div class="object-list-item-body">
<span class="name">example@email.com</span><br>
<span class="description">Invitation sent: 7 hours ago</span>
</div>
<aside class="object-list-item-aside">
<a class="object-list-action" href="#">Revoke</a>
<a class="object-list-action" href="#">Resend</a>
</aside>
</div>
</section>
<section class="object-list">
<h4 class="object-list-title">Active users</h4>
<div class="object-list-item">
<img class="object-list-item-figure" src="http://www.gravatar.com/avatar/f95828f4e92f1befebabfb7f65cdc8f2" alt="Photo of John O'Nolan">
<div class="object-list-item-body">
<a id="ember612" class="ember-view name" href="/ghost/ember/settings/user">John O'Nolan</a><br>
<a href="#" class="description">Last seen: 3 minutes ago</a>
</div>
<aside class="object-list-item-aside">
<span class="role-label editor">Editor</span>
<span class="role-label owner">Owner</span>
</aside>
</div>
<div class="object-list-item">
<img class="object-list-item-figure" src="http://www.gravatar.com/avatar/49ebcbbe9bb3ed1f5d5de91483de383c" alt="Photo of Hannah Wolfe">
<div class="object-list-item-body">
<a id="ember613" class="ember-view name" href="/ghost/ember/settings/user">Hannah Wolfe</a><br>
<span class="description">Last seen: 2 days ago</span>
</div>
<aside class="object-list-item-aside">
<span class="role-label admin">Admin</span>
</aside>
</div>
<div class="object-list-item">
<img class="object-list-item-figure" src="https://s3-us-west-2.amazonaws.com/slack-files2/avatars/2014-02-14/2175283856_192.jpg" alt="Photo of Sebastian Gierlinger">
<div class="object-list-item-body">
<a id="ember614" class="ember-view name" href="/ghost/ember/settings/user">Sebastian Gierlinger</a><br>
<span class="description">Last seen: 3 days ago</span>
</div>
</div>
<div class="object-list-item">
<img class="object-list-item-figure" src="https://s.gravatar.com/avatar/73bc36ee2c308a29afbcffde2535a362" alt="Photo of Paul Davis">
<div class="object-list-item-body">
<a id="ember615" class="ember-view name" href="/ghost/ember/settings/user">Paul Davis</a><br>
<span class="description">Last seen: 4 days ago</span>
</div>
</div>
</section>
<!-- ENDS HERE -->
</section><script id="metamorph-14-end" type="text/x-placeholder"></script><script id="metamorph-10-end" type="text/x-placeholder"></script>
</section>
</div>
<script id="metamorph-0-end" type="text/x-placeholder"></script><script id="metamorph-9-end" type="text/x-placeholder"></script>
</main>
<script id="metamorph-13-start" type="text/x-placeholder"></script><script id="metamorph-13-end" type="text/x-placeholder"></script>
</div><script type="text/javascript" src="chrome-extension://bmdblncegkenkacieihfhpjfppoconhi/in-page-script.js"></script></body></html>