Skip to content

Commit d852adc

Browse files
nahuelsancheznahuelsanchez
committed
First commit where everything started, with a functional theme.
0 parents  commit d852adc

40 files changed

+735
-0
lines changed

‎.gitignore

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
# IDE
2+
.idea
3+
4+
# SASS
5+
.sass-cache

‎CHANGELOG.md

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
# Changelog
2+
3+
## 1.0.0 - 2018-06-14
4+
### Added
5+
- First commit where everything started.
6+
7+
---
8+
9+
The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
10+
and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).

‎LICENCE

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
MIT License
2+
3+
Copyright (c) 2018 Nahuel Sanchez
4+
5+
Permission is hereby granted, free of charge, to any person obtaining a copy
6+
of this software and associated documentation files (the "Software"), to deal
7+
in the Software without restriction, including without limitation the rights
8+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9+
copies of the Software, and to permit persons to whom the Software is
10+
furnished to do so, subject to the following conditions:
11+
12+
The above copyright notice and this permission notice shall be included in all
13+
copies or substantial portions of the Software.
14+
15+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21+
SOFTWARE.

‎README.md

Lines changed: 88 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,88 @@
1+
# Pale Ghost
2+
3+
A blank, dev ready, [Ghost](https://ghost.org/) theme. :)
4+
5+
## Introduction letter
6+
7+
Hi there,
8+
9+
Thanks for considering this theme as on option for your [Ghost](https://ghost.org/) blog development plan.
10+
11+
The idea behind this theme is to provide a well structurated, deconstructed in different "modules", style-less theme... a blank theme.
12+
13+
You might find this [Ghost](https://ghost.org/) theme useful if you want to develop your own theme for your blog or for distribution. Use it as a kick off for your future perfect and stunning theme.
14+
15+
Feel free to suggest any code improvement you might think this project needs. Also, ping me if you need some help.
16+
17+
Thanks again,
18+
19+
Nahuel
20+
21+
----
22+
23+
## What to expect
24+
25+
### All Ghost features
26+
27+
It includes all the [Ghost](https://ghost.org/) functionalities a theme can provide, in a modular implementation so it is easy to customize those functionalities or get rid of them.
28+
29+
Probably you will not want everything [Ghost](https://ghost.org/) shows on a theme, but trust me when I say it is easy to remove those stuff you do not want to see instead of add them if they are missing in the first place.
30+
31+
### Code separated into different .hbs files
32+
33+
While trying to avoid complicating the whole code, still some parts of it are divided into different `.hbs` files for easy understanding of what those specific snippets do, and to easily customize them or remove them.
34+
35+
For example, you might find that `page.hbs` is exactly the same as `post.hbs`. The "logical" thing to do is to omit the `page.hbs` so [Ghost](https://ghost.org/) loads the `post.hbs` for default, but both files are there for the reason that this is a developer ready theme.
36+
37+
### No styles
38+
39+
The point with the Pale Ghost theme is to get a good markup with all the [Ghost](https://ghost.org/) features already there.
40+
41+
For that reason, it does not include any CSS because the idea is that you use this theme as a base for your own creation that will include CSS (or SASS, or LESS) for the styling.
42+
43+
What the Pale Ghost theme does have is a `beautify.css` file that highlights the main elements in the markup for a more easy coding. Keep this in the `head.hbs` file if you don not want to see a mess when loading the theme in your browser.
44+
45+
### AMP ready
46+
47+
With some specific AMP modifications separated into specific `.hbs` files for easy maintenance.
48+
49+
50+
### GScan valid
51+
52+
> GScan is designed to check your theme for various issues that we know cause compatibility problems. Our aim is to allow themes to suggest which versions of Ghost they are compatible with via engines in package.json, but to always know for sure by running various checks.
53+
54+
Read more about it in the [GScan documentation](https://themes.ghost.org/docs/gscan).
55+
56+
----
57+
58+
## Screenshots
59+
60+
Remember this project is a blank theme for you to use in order to create your own one. Nevertheless, it includes a `beautify.css` file to make it pretty if you want to see it on the browser without it looking like a real mess.
61+
62+
Go to [assets/screenshots](/assets/screenshots) for some images of how the Pale Ghost theme looks like out of the box.
63+
64+
----
65+
66+
## Installation
67+
68+
Simple as uploading the `pale-ghost.zip` file into the `Settings -> Design` section from the Ghost Admin, or moving the `pale-ghost` folder into `content/themes`.
69+
70+
You can fork and/or clone this repo so it is easy for you to work on the code, or you can download the latest stable release from the [Releases](https://github.com/nahuelsanchez/pale-ghost/releases) section.
71+
72+
----
73+
74+
## Need help?
75+
76+
Visit the [Issues](https://github.com/nahuelsanchez/pale-ghost/issues) section to post your problems so I (or anybody) can give you a hand.
77+
78+
You can also contact me at [nahuel [at] nahuelsanchez.com](mailto:[email protected]).
79+
80+
----
81+
82+
## Copyright
83+
84+
Copyright (c) 2018 [Nahuel Sanchez](https://www.nahuelsanchez.com/)
85+
86+
Released under the [MIT license](LICENCE).
87+
88+
Portions of code were borrowed from [Casper](https://github.com/TryGhost/casper), copyright (c) 2013-2018 Ghost Foundation. Used under the MIT license.

‎amp.hbs

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
{{!--
2+
The amp template is used to render an automatic AMP (Accelerated Mobile Pages) version of your post, which makes things load crazy-fast on mobile devices and puts you in Google's good-books. Read more about it in https://themes.ghost.org/docs/amp
3+
--}}
4+
<!DOCTYPE html>
5+
<html ⚡>
6+
{{> amp/core/head}}
7+
8+
<body class="{{body_class}} amp-template">
9+
<div class="wrapper">
10+
{{> amp/core/header}}
11+
12+
<main class="main">
13+
{{#post}}
14+
{{> "amp/post-single"}}
15+
{{/post}}
16+
</main>
17+
18+
{{> core/footer}}
19+
</div>
20+
21+
{{> core/foot}}
22+
</body>
23+
</html>

‎assets/css/beautify.css

Lines changed: 108 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,108 @@
1+
/* line 3, ../sass/beautify.scss */
2+
body {
3+
-moz-box-sizing: border-box;
4+
-webkit-box-sizing: border-box;
5+
box-sizing: border-box;
6+
color: #2f2c30;
7+
margin: 50px;
8+
padding: 50px;
9+
}
10+
/* line 9, ../sass/beautify.scss */
11+
body img {
12+
max-width: 100%;
13+
}
14+
@media (max-width: 1024px) {
15+
/* line 3, ../sass/beautify.scss */
16+
body {
17+
margin: 15px;
18+
padding: 15px;
19+
}
20+
}
21+
@media (max-width: 768px) {
22+
/* line 3, ../sass/beautify.scss */
23+
body {
24+
margin: 10px;
25+
padding: 10px;
26+
}
27+
}
28+
@media (max-width: 640px) {
29+
/* line 3, ../sass/beautify.scss */
30+
body {
31+
margin: 0px;
32+
padding: 0px;
33+
}
34+
}
35+
36+
/* line 29, ../sass/beautify.scss */
37+
.wrapper {
38+
margin: 0 auto;
39+
max-width: 1200px;
40+
width: 100%;
41+
}
42+
/* line 34, ../sass/beautify.scss */
43+
.wrapper .header,
44+
.wrapper .main,
45+
.wrapper .footer {
46+
background: #fbfbf9;
47+
margin: 15px;
48+
padding: 15px;
49+
}
50+
/* line 41, ../sass/beautify.scss */
51+
.wrapper .header > *,
52+
.wrapper .main > *,
53+
.wrapper .footer > * {
54+
border: 5px dashed #bac0ce;
55+
margin: 25px;
56+
padding: 25px;
57+
}
58+
@media (max-width: 768px) {
59+
/* line 34, ../sass/beautify.scss */
60+
.wrapper .header,
61+
.wrapper .main,
62+
.wrapper .footer {
63+
margin: 0;
64+
}
65+
}
66+
/* line 53, ../sass/beautify.scss */
67+
.wrapper .main .post header,
68+
.wrapper .main .post section,
69+
.wrapper .main .post footer {
70+
padding: 0;
71+
}
72+
/* line 58, ../sass/beautify.scss */
73+
.wrapper .main .post header > *,
74+
.wrapper .main .post section > *,
75+
.wrapper .main .post footer > * {
76+
margin: 30px;
77+
padding: 15px;
78+
}
79+
@media (max-width: 768px) {
80+
/* line 58, ../sass/beautify.scss */
81+
.wrapper .main .post header > *,
82+
.wrapper .main .post section > *,
83+
.wrapper .main .post footer > * {
84+
margin: 0;
85+
}
86+
}
87+
/* line 70, ../sass/beautify.scss */
88+
.wrapper .main .post header > *,
89+
.wrapper .main .post footer > * {
90+
background: #e9e8e6;
91+
}
92+
/* line 75, ../sass/beautify.scss */
93+
.wrapper .main .post section {
94+
background: #e9e8e6;
95+
margin: 30px;
96+
padding: 15px;
97+
}
98+
/* line 80, ../sass/beautify.scss */
99+
.wrapper .main .post section > * {
100+
margin: 0;
101+
padding: 0;
102+
}
103+
@media (max-width: 768px) {
104+
/* line 75, ../sass/beautify.scss */
105+
.wrapper .main .post section {
106+
margin: 0;
107+
}
108+
}

‎assets/fonts/.keep

Whitespace-only changes.

‎assets/images/.keep

Whitespace-only changes.

‎assets/js/.keep

Whitespace-only changes.

‎assets/sass/beautify.scss

Lines changed: 91 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,91 @@
1+
@import 'compass';
2+
3+
body {
4+
@include box-sizing(border-box);
5+
color: #2f2c30;
6+
margin: 50px;
7+
padding: 50px;
8+
9+
img {
10+
max-width: 100%;
11+
}
12+
13+
@media (max-width: 1024px) {
14+
margin: 15px;
15+
padding: 15px;
16+
}
17+
18+
@media (max-width: 768px) {
19+
margin: 10px;
20+
padding: 10px;
21+
}
22+
23+
@media (max-width: 640px) {
24+
margin: 0px;
25+
padding: 0px;
26+
}
27+
}
28+
29+
.wrapper {
30+
margin: 0 auto;
31+
max-width: 1200px;
32+
width: 100%;
33+
34+
.header,
35+
.main,
36+
.footer {
37+
background: #fbfbf9;
38+
margin: 15px;
39+
padding: 15px;
40+
41+
> * {
42+
border: 5px dashed #bac0ce;
43+
margin: 25px;
44+
padding: 25px;
45+
}
46+
47+
@media (max-width: 768px) {
48+
margin: 0;
49+
}
50+
}
51+
.main {
52+
.post {
53+
header,
54+
section,
55+
footer {
56+
padding: 0;
57+
58+
> * {
59+
margin: 30px;
60+
padding: 15px;
61+
62+
@media (max-width: 768px) {
63+
margin: 0;
64+
}
65+
}
66+
}
67+
68+
header,
69+
footer {
70+
> * {
71+
background: #e9e8e6;
72+
}
73+
}
74+
75+
section {
76+
background: #e9e8e6;
77+
margin: 30px;
78+
padding: 15px;
79+
80+
> * {
81+
margin: 0;
82+
padding: 0;
83+
}
84+
85+
@media (max-width: 768px) {
86+
margin: 0;
87+
}
88+
}
89+
}
90+
}
91+
}

‎assets/screenshots/desktop.jpg

2.67 MB
Loading

‎assets/screenshots/mobile.jpg

1.01 MB
Loading

‎author.hbs

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
{{!--
2+
An author template for the author archive pages. Read more about it in https://themes.ghost.org/docs/templates
3+
--}}
4+
5+
{{!< default}}
6+
7+
{{#author}}
8+
<div class="author-page-data">
9+
<span>You're looking at all the posts published by <span>{{name}}</span>.</span>
10+
</div>
11+
{{/author}}
12+
13+
{{> "posts-loop"}}

‎config.rb

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
http_path = "/"
2+
sass_dir = "assets/sass"
3+
css_dir = "assets/css"
4+
images_dir = "assets/images"
5+
javascripts_dir = "assets/js"
6+
relative_assets = true
7+
8+
output_style = :expanded

0 commit comments

Comments
 (0)