Merge pull request #4118 from JohnONolan/053-fixes

This commit is contained in:
Hannah Wolfe 2014-09-24 09:16:14 +01:00
commit f4beed6120
9 changed files with 107 additions and 576 deletions

View File

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

View File

@ -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;

View File

@ -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;

View File

@ -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;
}

View File

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

View File

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

View File

@ -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 youre 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>

View File

@ -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. Youve 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. Dont miss my stunning insights!</textarea>
<p>Recommended: <b>156</b> characters. Youve 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. Dont 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>

View File

@ -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 youre 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>.