<!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>