mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-01 13:54:35 +03:00
Merge pull request #4118 from JohnONolan/053-fixes
This commit is contained in:
commit
f4beed6120
@ -34,6 +34,16 @@
|
||||
// App Details
|
||||
// --------------------------------------------------
|
||||
|
||||
// Special case to hide the desktop page header, because
|
||||
// in this instance the Ghost logo replaces it.
|
||||
.settings-view-about {
|
||||
@media (min-width: 901px) {
|
||||
.settings-view-header {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.about-ghost-intro {
|
||||
h1 {
|
||||
margin-top: -6px;
|
||||
@ -92,7 +102,7 @@
|
||||
.btn {
|
||||
width: 100%;
|
||||
display: block;
|
||||
font-size: 0.9rem;
|
||||
font-size: 1rem;
|
||||
padding-top: 9px;
|
||||
padding-bottom: 9px;
|
||||
min-height: 32px;
|
||||
@ -243,4 +253,4 @@
|
||||
}
|
||||
}
|
||||
|
||||
} // .about-copyright
|
||||
} // .about-copyright
|
||||
|
@ -205,10 +205,14 @@
|
||||
}
|
||||
|
||||
.content-preview-content {
|
||||
padding: 80px 40px;
|
||||
padding: 5%;
|
||||
word-break: break-word;
|
||||
hyphens: auto;
|
||||
|
||||
@media (max-width:400px) {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
max-width: 700px;
|
||||
margin:0 auto;
|
||||
|
@ -433,6 +433,14 @@ body.zen {
|
||||
}
|
||||
|
||||
.post-settings {
|
||||
@include icon($i-settings, 14px);
|
||||
display: inline-block;
|
||||
padding: 0 10px;
|
||||
color: $midgrey;
|
||||
transition: all 0.15s ease-out 0s;
|
||||
position: relative;
|
||||
top: 1px;
|
||||
|
||||
&:hover,
|
||||
&.active {
|
||||
color: $lightgrey;
|
||||
@ -644,19 +652,23 @@ body.zen {
|
||||
}
|
||||
|
||||
#entry-actions {
|
||||
margin-right: 6px;
|
||||
position: relative;
|
||||
margin-right: 6px;
|
||||
|
||||
.dropdown {
|
||||
position: absolute;
|
||||
bottom: 49px;
|
||||
right: 0;
|
||||
bottom: 49px;
|
||||
|
||||
.dropdown-menu {
|
||||
top: auto;
|
||||
left: auto;
|
||||
right: 100%;
|
||||
bottom: 100%;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
#entry-actions-menu {
|
||||
@ -671,6 +683,11 @@ body.zen {
|
||||
|
||||
body.right-outlet-expanded {
|
||||
|
||||
// Keep settings cog highlighted when menu is open
|
||||
.post-settings:before {
|
||||
color: $lightgrey;
|
||||
}
|
||||
|
||||
.editor-cover {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
@ -680,166 +697,14 @@ body.zen {
|
||||
z-index: 600;
|
||||
transition: transform $side-outlet-transition-duration cubic-bezier(0.1, 0.7, 0.1, 1);
|
||||
transform: translate3d(-350px, 0px, 0px); // Not off the screen, to give a parallax effect
|
||||
}//.editor-cover
|
||||
}//body.right-outlet-expanded
|
||||
|
||||
.post-settings {
|
||||
@include icon($i-settings, 14px);
|
||||
display: inline-block;
|
||||
padding: 0 10px;
|
||||
color: $midgrey;
|
||||
transition: all 0.15s ease-out 0s;
|
||||
position: relative;
|
||||
top: 1px;
|
||||
|
||||
&:hover,
|
||||
&.active {
|
||||
color: $darkgrey;
|
||||
}
|
||||
} // .post-settings
|
||||
|
||||
.post-settings-menu {
|
||||
|
||||
.dropdown-menu {
|
||||
top: auto;
|
||||
bottom: 100%;
|
||||
left: auto;
|
||||
right: 100%;
|
||||
}
|
||||
|
||||
/*
|
||||
padding-top: 0;
|
||||
text-transform: none;
|
||||
|
||||
table {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
td {
|
||||
padding: 0;
|
||||
border-top: none;
|
||||
border-bottom: lighten($grey, 5%) 1px solid;
|
||||
}
|
||||
|
||||
.post-setting-label {
|
||||
padding: 8px 10px 8px 15px;
|
||||
border-right: lighten($grey, 5%) 1px solid;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
label {
|
||||
position: static;
|
||||
width: auto;
|
||||
font-weight: normal;
|
||||
color: $midgrey;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
input {
|
||||
width: 200px;
|
||||
margin: 0;
|
||||
|
||||
@media (max-width: 550px) {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
&[type="text"] {
|
||||
border: none;
|
||||
padding: 8px 0 8px 10px;
|
||||
color: $lightgrey;
|
||||
border-radius: 0;
|
||||
background: transparent;
|
||||
|
||||
&:focus {
|
||||
background: $grey;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
} // input
|
||||
|
||||
.post-setting-item {
|
||||
padding: 5px 0 0 10px;
|
||||
&.no-padding {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.gh-select {
|
||||
height: 36px;
|
||||
&:after {
|
||||
color: $lightgrey;
|
||||
margin-top: -(0.85em / 2);
|
||||
}
|
||||
select {
|
||||
border: 0;
|
||||
background: transparent;
|
||||
border-radius: 0;
|
||||
color: $lightgrey;
|
||||
height: 36px;
|
||||
&:focus {
|
||||
background: $grey;
|
||||
}
|
||||
}
|
||||
@media (max-width: 550px) {
|
||||
&,
|
||||
select {
|
||||
height: 41px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.checkbox {
|
||||
position: relative;
|
||||
margin-top: 0;
|
||||
top: 0; // Resets a global `form label` style
|
||||
border: 0;
|
||||
&:after {
|
||||
border-color: lighten($grey, 10%);
|
||||
background: $grey;
|
||||
}
|
||||
} // .checkbox
|
||||
|
||||
// Colour the checkbox border correctly for a dark background
|
||||
input[type='checkbox'] {
|
||||
&:focus {
|
||||
& + .checkbox {
|
||||
&:after {
|
||||
border-color: lighten($grey, 10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
} // input[type='checkbox']
|
||||
|
||||
// .select-wrapper {
|
||||
// width: calc(100% - 10px);
|
||||
// }
|
||||
|
||||
.delete {
|
||||
display: block;
|
||||
padding: 10px 15px;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
@include icon($i-trash) {
|
||||
position: relative;
|
||||
top: -1px;
|
||||
margin-right: 10px
|
||||
};
|
||||
|
||||
&:hover {
|
||||
background: $red;
|
||||
color: #fff;
|
||||
}
|
||||
} // .delete
|
||||
|
||||
*/
|
||||
|
||||
} // .post-settings-menu
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Markdown Help Modal
|
||||
// --------------------------------------------------
|
||||
// TODO: This is shit.
|
||||
|
||||
.markdown-help-container{
|
||||
padding-bottom: 20px;
|
||||
|
@ -93,21 +93,35 @@
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Meta Data
|
||||
// --------------------------------------------------
|
||||
|
||||
// These styles are copied from Google.com
|
||||
.seo-preview {
|
||||
font-family: Arial, sans-serif;
|
||||
line-height: 1.46;
|
||||
}
|
||||
|
||||
.seo-preview-title {
|
||||
font-size: 1.6rem;
|
||||
text-decoration: underline;
|
||||
font-size: 1.8rem;
|
||||
line-height: 2.16rem;
|
||||
color: #1E0FBE;
|
||||
text-overflow: ellipses;
|
||||
-webkit-text-overflow: ellipsis;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.seo-preview-link {
|
||||
margin: 1px 0 2px 0;
|
||||
font-size: 1.3rem;
|
||||
line-height: 1.6rem;
|
||||
color: #006621;
|
||||
margin: 2px 0;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.seo-preview-description {
|
||||
font-size: 1.3rem;
|
||||
line-height: 1.4;
|
||||
color: #545454;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
@ -15,17 +15,17 @@
|
||||
font-weight: normal;
|
||||
color: $midbrown;
|
||||
margin-bottom: 14px;
|
||||
} // .object-list-title
|
||||
}
|
||||
|
||||
.object-list-item {
|
||||
|
||||
@media (max-width: 600px) {
|
||||
@media (max-width: 500px) {
|
||||
display: block;
|
||||
padding: 15px 0;
|
||||
@include clearfix;
|
||||
}
|
||||
|
||||
@media (min-width: 601px) {
|
||||
@media (min-width: 501px) {
|
||||
display: flex;
|
||||
justify-content: start;
|
||||
align-items: center;
|
||||
@ -35,15 +35,15 @@
|
||||
|
||||
border-top: 1px solid $lightbrown;
|
||||
|
||||
} // .object-list-item
|
||||
}
|
||||
|
||||
a.object-list-item {
|
||||
text-decoration: none;
|
||||
&:hover {
|
||||
background: lighten($lightbrown, 5%);
|
||||
}
|
||||
&:last-of-type:hover {
|
||||
box-shadow: inset 0px -1px 0px $lightbrown;
|
||||
|
||||
// Hover states only for large viewports
|
||||
@media (min-width: 601px) {
|
||||
&:hover { background: lighten($lightbrown, 5%); }
|
||||
&:last-of-type:hover { box-shadow: inset 0px -1px 0px $lightbrown; }
|
||||
}
|
||||
}
|
||||
|
||||
@ -57,6 +57,7 @@ a.object-list-item {
|
||||
color: transparent;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
|
||||
&:before {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
@ -67,7 +68,7 @@ a.object-list-item {
|
||||
color: $brown;
|
||||
font-size: 14px;
|
||||
}
|
||||
} // .object-list-item-icon
|
||||
}
|
||||
|
||||
.object-list-item-figure {
|
||||
width: 35px;
|
||||
@ -77,7 +78,7 @@ a.object-list-item {
|
||||
border-radius: 100%;
|
||||
background-size: 105%;
|
||||
background-position: center center;
|
||||
} // .object-list-item-figure
|
||||
}
|
||||
|
||||
.object-list-item-icon,
|
||||
.object-list-item-figure {
|
||||
@ -88,10 +89,8 @@ a.object-list-item {
|
||||
}
|
||||
|
||||
.object-list-item-body {
|
||||
|
||||
flex: 1 1 auto;
|
||||
align-items: stretch;
|
||||
|
||||
padding-left: 15px;
|
||||
line-height: 1;
|
||||
|
||||
@ -113,24 +112,27 @@ a.object-list-item {
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
} // .object-list-item-body
|
||||
} //.object-list-item-body
|
||||
|
||||
.object-list-item-aside {
|
||||
@media (max-width: 500px) {
|
||||
float: left;
|
||||
width: 100%;
|
||||
margin-top: 15px;
|
||||
margin: 12px 0 0 50px;
|
||||
}
|
||||
|
||||
.object-list-action:not(:first-of-type) {
|
||||
margin-left: 20px;
|
||||
@media (min-width: 501px) {
|
||||
margin-left: 50px;
|
||||
}
|
||||
}
|
||||
|
||||
.role-label {
|
||||
float: left;
|
||||
margin-top: -1px;
|
||||
}
|
||||
|
||||
.role-label + .role-label {
|
||||
margin-left: 5px;
|
||||
}
|
||||
@ -143,7 +145,7 @@ a.object-list-item {
|
||||
&:hover {
|
||||
|
||||
}
|
||||
} // .object-list-action
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
@ -194,12 +196,15 @@ a.object-list-item {
|
||||
// --------------------------------------------------
|
||||
|
||||
.invite-new-user {
|
||||
|
||||
.modal-body {
|
||||
@include clearfix;
|
||||
|
||||
fieldset {
|
||||
margin: 1em 0 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
.form-group {
|
||||
|
||||
margin-bottom: 0;
|
||||
@ -215,6 +220,7 @@ a.object-list-item {
|
||||
float: left;
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
&:nth-of-type(2) {
|
||||
float: left;
|
||||
width: 35%;
|
||||
@ -225,7 +231,7 @@ a.object-list-item {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
} // .form-group
|
||||
} //.form-group
|
||||
|
||||
.button-add {
|
||||
width: 100%;
|
||||
@ -234,4 +240,4 @@ a.object-list-item {
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
} // .invite-new-user
|
||||
} //.invite-new-user
|
||||
|
@ -1,17 +1,34 @@
|
||||
//
|
||||
// Navigation Lists
|
||||
// --------------------------------------------------
|
||||
// Mobile style groups of list of links with chevrons
|
||||
|
||||
.nav-list {
|
||||
background: #FFF;
|
||||
border: 1px solid #E0DFD7;
|
||||
border-radius: $rounded;
|
||||
max-width: 500px;
|
||||
padding: 0;
|
||||
border: 1px solid #E0DFD7;
|
||||
max-width: 500px;
|
||||
border-radius: $rounded;
|
||||
background: #FFF;
|
||||
|
||||
&.nav-list-block {
|
||||
max-width: none;
|
||||
}
|
||||
}
|
||||
.nav-list-item {
|
||||
@include icon($i-chevron, 1.4rem, $midbrown) {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 10px;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 8px 40px 8px 12px;
|
||||
position: relative;
|
||||
color: $darkgrey;
|
||||
|
||||
&:hover {
|
||||
background: lighten($lightbrown, 5%);
|
||||
}
|
||||
|
||||
&:first-of-type {
|
||||
border-top-left-radius: $rounded;
|
||||
@ -26,22 +43,8 @@
|
||||
border-bottom: 1px solid #E0DFD7;
|
||||
}
|
||||
|
||||
@include icon($i-chevron, 1.4rem, $midbrown) {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 10px;
|
||||
transform: translateY(-50%);
|
||||
};
|
||||
|
||||
color: $darkgrey;
|
||||
a {
|
||||
&:link, &:visited {
|
||||
color: $darkgrey;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background: lighten($lightbrown, 5%);
|
||||
color: $darkgrey;
|
||||
}
|
||||
|
||||
b {
|
||||
@ -50,10 +53,12 @@
|
||||
font-size: 1.6rem;
|
||||
line-height: 1.375;
|
||||
}
|
||||
|
||||
span {
|
||||
display: block;
|
||||
font-size: 1.1rem;
|
||||
color: $midgrey;
|
||||
line-height: 1.375;
|
||||
}
|
||||
}
|
||||
|
||||
}//.nav-list-item
|
||||
|
@ -1,171 +0,0 @@
|
||||
<!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">
|
||||
|
||||
<meta name="application-name" content="Ghost">
|
||||
<meta name="msapplication-TileColor" content="#ffffff">
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans:400,300,700">
|
||||
<link rel="stylesheet" href="http://127.0.0.1:2368/ghost/ember/css/ghost-ui.min.css?v=7337a9283c" />
|
||||
</head>
|
||||
<body class="ember-application settings" data-ember-extension="1">
|
||||
|
||||
<div id="ember411" class="ember-view">
|
||||
<header id="global-header" class="navbar">
|
||||
<a class="ghost-logo" href="/" title="/" data-bindattr-1="1" data-off-canvas="left">
|
||||
<span class="hidden">Ghost</span>
|
||||
</a>
|
||||
<nav id="global-nav" role="navigation">
|
||||
<ul id="main-menu">
|
||||
<li id="ember475" class="ember-view content"><a id="ember479" class="ember-view" href="/ghost/ember/">Content</a></li>
|
||||
<li id="ember496" class="ember-view editor"><a id="ember497" class="ember-view" href="/ghost/ember/editor/">New Post</a></li>
|
||||
<li id="ember515" class="ember-view settings active"><a id="ember516" class="ember-view active" href="/ghost/ember/settings/">Settings</a></li>
|
||||
|
||||
<li id="usermenu" class="usermenu subnav">
|
||||
<a id="ember535" class="ember-view dropdown">
|
||||
<img class="avatar" src="/content/images/2014/Jun/me-bike-1.jpg" data-bindattr-2="2" alt="Avatar">
|
||||
<span class="name">Paul Davis</span>
|
||||
</a>
|
||||
<ul id="ember546" class="ember-view ghost-popover fade-in overlay">
|
||||
<li class="usermenu-profile"><a id="ember548" class="ember-view" href="/ghost/ember/settings/user/">Your Profile</a></li>
|
||||
<li class="divider"></li>
|
||||
<li class="usermenu-help"><a href="http://support.ghost.org/" target="_blank">Help / Support</a></li>
|
||||
<li class="divider"></li>
|
||||
<li class="usermenu-signout"><a id="ember556" class="ember-view" href="/ghost/ember/signout/">Sign Out</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<main role="main" id="main">
|
||||
<aside id="ember573" class="ember-view notifications">
|
||||
</aside>
|
||||
|
||||
<div id="ember428" class="ember-view wrapper">
|
||||
<aside class="settings-sidebar" role="complementary">
|
||||
<header>
|
||||
<h1 class="title">Settings</h1>
|
||||
</header>
|
||||
<nav class="settings-menu">
|
||||
<ul>
|
||||
<li id="ember595" class="ember-view about active">
|
||||
<a id="ember596" class="ember-view active" href="/ghost/ember/settings/about/">About Ghost</a>
|
||||
</li>
|
||||
|
||||
<li id="ember597" class="ember-view general">
|
||||
<a id="ember598" class="ember-view" href="/ghost/ember/settings/general/">General</a>
|
||||
</li>
|
||||
|
||||
<li id="ember607" class="ember-view users">
|
||||
<a id="ember608" class="ember-view" href="/ghost/ember/settings/user/">User</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</aside>
|
||||
|
||||
<section class="settings-content active">
|
||||
<header class="fade-in">
|
||||
<button class="btn btn-default">Back</button>
|
||||
<h2 class="title">About</h2>
|
||||
</header>
|
||||
|
||||
<section class="content settings-about fade-in">
|
||||
|
||||
<section class="about-ghost-intro">
|
||||
<h1>
|
||||
<span class="ghost_logo">
|
||||
<span class="hidden">Ghost</span>
|
||||
</span>
|
||||
<!-- Get the version number from the currently running install -->
|
||||
<span class="version blue">v0.4.2</span>
|
||||
</h1>
|
||||
<p>A free, open, simple publishing platform</p>
|
||||
|
||||
<div class="about-environment-help clearfix">
|
||||
<div class="about-environment">
|
||||
<p>
|
||||
<!-- Get the latest version number (and then compare) -->
|
||||
<b>Version:</b> 0.4.2 (That latest version!)<br>
|
||||
<!-- Get details like environment, database & mail -->
|
||||
<b>Environment:</b> Production<br>
|
||||
<b>Database:</b> SQLite3 <br>
|
||||
<b>Mail:</b> Native
|
||||
</p>
|
||||
</div>
|
||||
<div class="about-help">
|
||||
<a href="http://docs.ghost.org" class="btn btn-alt">User Documentation</a>
|
||||
<a href="https://ghost.org/forum/" class="btn btn-alt">Get Help With Ghost</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="about-credits">
|
||||
<h1>The People Who Made it Possible</h1>
|
||||
|
||||
<!--
|
||||
List the top 20 contributors from the release currently installed & running,
|
||||
looking at both the Ghost & Ghost-UI repos
|
||||
|
||||
This should be able to be hard-coded into each release
|
||||
-->
|
||||
<ul class="top-contributors clearfix">
|
||||
<li><a href="https://github.com/ErisDS"><img src="https://avatars.githubusercontent.com/u/101513?" title="ErisDS" alt="ErisDS"></a></li>
|
||||
<li><a href="https://github.com/JohnONolan"><img src="https://avatars.githubusercontent.com/u/120485?" title="JohnONolan" alt="JohnONolan"></a></li>
|
||||
<li><a href="https://github.com/matthojo"><img src="https://avatars.githubusercontent.com/u/367517?" title="matthojo" alt="matthojo"></a></li>
|
||||
<li><a href="https://github.com/jgable"><img src="https://avatars.githubusercontent.com/u/164497?" title="jgable" alt="jgable"></a></li>
|
||||
<li><a href="https://github.com/sebgie"><img src="https://avatars.githubusercontent.com/u/539213?" title="sebgie" alt="sebgie"></a></li>
|
||||
<li><a href="https://github.com/halfdan"><img src="https://avatars.githubusercontent.com/u/176576?" title="halfdan" alt="halfdan"></a></li>
|
||||
<li><a href="https://github.com/javorszky"><img src="https://avatars.githubusercontent.com/u/1196299?" title="javorszky" alt="javorszky"></a></li>
|
||||
<li><a href="https://github.com/jaswilli"><img src="https://avatars.githubusercontent.com/u/214142?" title="jaswilli" alt="jaswilli"></a></li>
|
||||
<li><a href="https://github.com/hswolff"><img src="https://avatars.githubusercontent.com/u/322576?" title="hswolff" alt="hswolff"></a></li>
|
||||
<li><a href="https://github.com/cobbspur"><img src="https://avatars.githubusercontent.com/u/4405395?" title="cobbspur" alt="cobbspur"></a></li>
|
||||
<li><a href="https://github.com/tgriesser"><img src="https://avatars.githubusercontent.com/u/154748?" title="tgriesser" alt="tgriesser"></a></li>
|
||||
<li><a href="https://github.com/gotdibbs"><img src="https://avatars.githubusercontent.com/u/1540648?" title="gotdibbs" alt="gotdibbs"></a></li>
|
||||
<li><a href="https://github.com/novaugust"><img src="https://avatars.githubusercontent.com/u/1207005?" title="novaugust" alt="novaugust"></a></li>
|
||||
<li><a href="https://github.com/darvelo"><img src="https://avatars.githubusercontent.com/u/523169?" title="darvelo" alt="darvelo"></a></li>
|
||||
<li><a href="https://github.com/ricardobeat"><img src="https://avatars.githubusercontent.com/u/97396?" title="ricardobeat" alt="ricardobeat"></a></li>
|
||||
<li><a href="https://github.com/jamesbloomer"><img src="https://avatars.githubusercontent.com/u/1221713?" title="jamesbloomer" alt="jamesbloomer"></a></li>
|
||||
<li><a href="https://github.com/cgiffard"><img src="https://avatars.githubusercontent.com/u/453993?" title="cgiffard" alt="cgiffard"></a></li>
|
||||
<li><a href="https://github.com/jgillich"><img src="https://avatars.githubusercontent.com/u/347965?" title="jgillich" alt="jgillich"></a></li>
|
||||
<li><a href="https://github.com/shindakun"><img src="https://avatars.githubusercontent.com/u/319128?" title="shindakun" alt="shindakun"></a></li>
|
||||
<li><a href="https://github.com/PaulAdamDavis"><img src="https://avatars.githubusercontent.com/u/390392?" title="PaulAdamDavis" alt="PaulAdamDavis"></a></li>
|
||||
</ul>
|
||||
|
||||
<p class="about-contributors-info">Ghost is built by an incredible group of contributors from all over the world. Here are just a few of the people who helped create the version you’re using right now.</p>
|
||||
|
||||
<a href="https://github.com/TryGhost/Ghost/blob/master/CONTRIBUTING.md" class="about-get-involved btn btn-blue btn-lg">Find out how you can get involved</a>
|
||||
|
||||
<p class="about-copyright">
|
||||
Copyright 2013 - 2014 Ghost Foundation, released under the <a href="https://github.com/TryGhost/Ghost/blob/master/LICENSE">MIT license</a>.<br>
|
||||
<a href="https://ghost.org/">Ghost</a> is a trademark of the <a href="https://ghost.org/about/">Ghost Foundation</a>.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
</section>
|
||||
|
||||
</section>
|
||||
|
||||
</main>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
@ -1,202 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>New PSM</title>
|
||||
<link rel="stylesheet" href="../assets/css/ghost.min.css">
|
||||
|
||||
<!--
|
||||
Styles to mimick the rest of Ghost
|
||||
There ARE NOT needed at all.
|
||||
-->
|
||||
<style>
|
||||
.temp-nav {
|
||||
height: 60px;
|
||||
background: #000;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
z-index: 100;
|
||||
}
|
||||
.temp-main {
|
||||
position: fixed;
|
||||
top: 60px;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background: #fff;
|
||||
z-index: 100;
|
||||
}
|
||||
.temp-main .post-settings {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
background: #eee;
|
||||
padding: 11px 20px 10px;
|
||||
margin-left: -108px;
|
||||
margin-top: -22px;
|
||||
}
|
||||
.temp-main .post-settings:before {
|
||||
margin-right: 5px;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<nav class="global-nav temp-nav"></nav>
|
||||
<main class="viewport temp-main">
|
||||
<button class="post-settings">Make the magic happen</button>
|
||||
</main>
|
||||
|
||||
<div class="right-outlet">
|
||||
|
||||
<div class="post-settings-menu outlet-pane outlet-pane-in">
|
||||
<div class="post-settings-header">
|
||||
<h4>Post Settings</h4>
|
||||
<button class="close icon-x post-settings-header-action"><span class="hidden">Close</span></button>
|
||||
</div>
|
||||
<div class="post-settings-content">
|
||||
|
||||
<section class="image-uploader">
|
||||
<span class="media">
|
||||
<span class="hidden">Image Upload</span>
|
||||
</span>
|
||||
<img class="js-upload-target" style="display: none;" src="">
|
||||
<div class="description">Add image of <strong></strong></div>
|
||||
</section>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="blog-title">Post URL</label>
|
||||
<span class="input-icon icon-link">
|
||||
<input type="text" value="myblog.com/this-is-my-post/" />
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="blog-title">Publish Date</label>
|
||||
<span class="input-icon icon-calendar">
|
||||
<input type="text" value="23 Apr 14 @ 11:59" />
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="form-group for-select">
|
||||
<label for="activeTheme">Author</label>
|
||||
<span class="input-icon icon-user">
|
||||
<span class="gh-select">
|
||||
<select>
|
||||
<option>Lorem Ipsum</option>
|
||||
<option>Corporis Voluptates</option>
|
||||
<option>Veniam Quae</option>
|
||||
</select>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="form-group for-checkbox">
|
||||
<label class="checkbox" for="thing">
|
||||
<input id="thing" type="checkbox">
|
||||
<span class="input-toggle-component"></span>
|
||||
<p>Static Page</p>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<ul class="nav-list nav-list-block">
|
||||
<li class="nav-list-item">
|
||||
<a href="#">
|
||||
<b>Revision History</b>
|
||||
<span>12 versions of this post by 3 people.</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-list-item">
|
||||
<a href="#">
|
||||
<b>Advanced Settings</b>
|
||||
<span>Convert to a page, mark as featured.</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-list-item">
|
||||
<a href="#">
|
||||
<b>Meta Data</b>
|
||||
<span>Extra content for SEO and social media.</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-list-item">
|
||||
<a href="#">
|
||||
<b>Custom App</b>
|
||||
<span>Registered an advanced setting panel.</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<button class="btn btn-red icon-trash">Delete This Post</button>
|
||||
|
||||
</div><!-- .post-settings-content -->
|
||||
</div><!-- .post-settings-menu -->
|
||||
|
||||
<div class="post-settings-menu outlet-pane outlet-pane-out-right">
|
||||
|
||||
<div class="post-settings-header subview">
|
||||
<button class="back icon-chevron-left post-settings-header-action"><span class="hidden">Back</span></button>
|
||||
<h4>Meta Data</h4>
|
||||
</div>
|
||||
|
||||
<div class="post-settings-content">
|
||||
<div class="form-group">
|
||||
<label for="blog-title">Meta Title</label>
|
||||
<input type="text" value="My Post is Super SEO Friendly" />
|
||||
<p>Recommended: <b>70</b> characters. You’ve used <b class="green">43</b></p>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="blog-title">Meta Description</label>
|
||||
<textarea>In this fascinating posts I explore the value of SEO meta descriptions and their impact on blogging. Don’t miss my stunning insights!</textarea>
|
||||
<p>Recommended: <b>156</b> characters. You’ve used <b class="green">133</b></p>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label>Search Engine Result Preview</label>
|
||||
<div class="seo-preview">
|
||||
<div class="seo-preview-title">My Post is Super SEO Friendly</div>
|
||||
<div class="seo-preview-link">myblog.com/this-is-my-post/</div>
|
||||
<div class="seo-preview-description">In this fascinating posts I explore the value of SEO meta descriptions and their impact on blogging. Don’t miss my stunning insights!</div>
|
||||
</div>
|
||||
</div><!-- .post-settings-search-preview -->
|
||||
|
||||
</div><!-- .post-settings-content -->
|
||||
|
||||
</div><!-- .post-settings-menu -->
|
||||
|
||||
</div>
|
||||
|
||||
<script src="../../../bower_components/jquery/dist/jquery.js"></script>
|
||||
<script>
|
||||
$(function(){
|
||||
$(".post-settings, .post-settings-header-action.close").on("click", function(e){
|
||||
e.preventDefault();
|
||||
$(".viewport, .global-nav, .right-outlet, body").toggleClass("right-outlet-expanded");
|
||||
});
|
||||
|
||||
$(".nav-list-item a").on("click", function(e){
|
||||
e.preventDefault();
|
||||
$(".outlet-pane:nth-child(1)").addClass("outlet-pane-out-left").removeClass("outlet-pane-in");
|
||||
$(".outlet-pane:nth-child(2)").addClass("outlet-pane-in").removeClass("outlet-pane-hidden-left");
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
$(".post-settings-header-action.back").on("click", function(e){
|
||||
e.preventDefault();
|
||||
$(".outlet-pane:nth-child(1)").addClass("outlet-pane-in").removeClass("outlet-pane-out-left");
|
||||
$(".outlet-pane:nth-child(2)").addClass("outlet-pane-out-right").removeClass("outlet-pane-in");
|
||||
});
|
||||
|
||||
// This also needs to close the right outlet when clicking outside of it (like when clicking outside of popovers)
|
||||
// And... close outlet by hitting escape
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
@ -44,7 +44,7 @@
|
||||
|
||||
<p class="about-contributors-info">Ghost is built by an incredible group of contributors from all over the world. Here are just a few of the people who helped create the version you’re using right now.</p>
|
||||
|
||||
<a href="https://github.com/TryGhost/Ghost/blob/master/CONTRIBUTING.md" class="about-get-involved btn-blue btn-lg btn">Find out how you can get involved</a>
|
||||
<a href="https://ghost.org/about/contribute/" class="about-get-involved btn-blue btn-lg btn">Find out how you can get involved</a>
|
||||
|
||||
<p class="about-copyright">
|
||||
Copyright 2013 - 2014 Ghost Foundation, released under the <a href="https://github.com/TryGhost/Ghost/blob/master/LICENSE">MIT license</a>.
|
||||
|
Loading…
Reference in New Issue
Block a user