Skip to content

Commit b813c6c

Browse files
pascalandypascalandy
committed
major update / custom elements / 3 button styles
Signed-off-by: Pascal Andy <pascal@firepress.org>
1 parent f3d1a85 commit b813c6c

27 files changed

+7117
-114
lines changed

‎README-checklist-for-dev.md‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
## Checklist for dev
2+
3+
Here are the impacts of our custom elements:
4+
5+
#### 1) files
6+
7+
/partials/custom_footer.hbs
8+
/partials/custom_header.hbs
9+
/package.json
10+
11+
#### 2) directory
12+
13+
/assets/css_firepress/
14+
15+
#### 3) edit default.hbs
16+
17+
In default.hbs, we do reference this:
18+
19+
- {{>custom_header}}
20+
- {{>custom_footer}}
21+
- custom <footer class="site-foot">

‎README-from-fork.md‎

Lines changed: 62 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,62 @@
1+
# London
2+
3+
A custom, image-centric theme for [Ghost](http://github.com/tryghost/ghost/). Made for publishers and portfolios with plenty of graphics to show off to the world. Completely free and fully responsive, released under the MIT license.
4+
5+
**Demo: https://london.ghost.io**
6+
7+
&nbsp;
8+
9+
![london](https://user-images.githubusercontent.com/120485/50552024-84837400-0c82-11e9-8f1d-cf25962c7e62.jpg)
10+
11+
12+
&nbsp;
13+
14+
# First time using a Ghost theme?
15+
16+
Ghost uses a simple templating language called [Handlebars](http://handlebarsjs.com/) for its themes.
17+
18+
We've documented our default theme pretty heavily so that it should be fairly easy to work out what's going on just by reading the code and the comments. Once you feel comfortable with how everything works, we also have full [theme API documentation](https://themes.ghost.org) which explains every possible Handlebars helper and template.
19+
20+
**The main files are:**
21+
22+
- `default.hbs` - The main template file
23+
- `index.hbs` - Used for the home page
24+
- `post.hbs` - Used for individual posts
25+
- `page.hbs` - Used for individual pages
26+
- `tag.hbs` - Used for tag archives
27+
- `author.hbs` - Used for author archives
28+
29+
One neat trick is that you can also create custom one-off templates just by adding the slug of a page to a template file. For example:
30+
31+
- `page-about.hbs` - Custom template for the `/about/` page
32+
- `tag-news.hbs` - Custom template for `/tag/news/` archive
33+
- `author-ali.hbs` - Custom template for `/author/ali/` archive
34+
35+
36+
# Development
37+
38+
London styles are compiled using Gulp/PostCSS to polyfill future CSS spec. You'll need [Node](https://nodejs.org/), [Yarn](https://yarnpkg.com/) and [Gulp](https://gulpjs.com) installed globally. After that, from the theme's root directory:
39+
40+
```bash
41+
$ yarn install
42+
$ yarn dev
43+
```
44+
45+
Now you can edit `/assets/css/` files, which will be compiled to `/assets/built/` automatically.
46+
47+
The `zip` Gulp task packages the theme files into `dist/<theme-name>.zip`, which you can then upload to your site.
48+
49+
```bash
50+
$ yarn zip
51+
```
52+
53+
# PostCSS Features Used
54+
55+
- Autoprefixer - Don't worry about writing browser prefixes of any kind, it's all done automatically with support for the latest 2 major versions of every browser.
56+
- Variables - Simple pure CSS variables
57+
- [Color Function](https://github.com/postcss/postcss-color-function)
58+
59+
60+
# Copyright & License
61+
62+
Copyright (c) 2013-2019 Ghost Foundation - Released under the [MIT license](LICENSE).

‎README.md‎

Lines changed: 121 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -1,62 +1,147 @@
1-
# London
1+
&nbsp;
22

3-
A custom, image-centric theme for [Ghost](http://github.com/tryghost/ghost/). Made for publishers and portfolios with plenty of graphics to show off to the world. Completely free and fully responsive, released under the MIT license.
3+
<p align="center">
4+
<a href="https://firepress.org/">
5+
<img src="https://user-images.githubusercontent.com/6694151/50166045-2cc53000-02b4-11e9-8f7f-5332089ec331.jpg" width="340px" alt="FirePress" />
6+
</a>
7+
</p>
48

5-
**Demo: https://london.ghost.io**
9+
<p align="center">
10+
<a href="https://firepress.org/">FirePress.org</a>&nbsp;&nbsp;|&nbsp;&nbsp;
11+
<a href="https://play-with-ghost.com/">play-with-ghost.org</a>&nbsp;&nbsp;|&nbsp;&nbsp;
12+
<a href="https://github.com/firepress-org/">GitHub</a>&nbsp;&nbsp;|&nbsp;&nbsp;
13+
<a href="https://twitter.com/askpascalandy">Twitter</a>
14+
<br /> <br />
15+
</p>
616

717
&nbsp;
818

9-
![london](https://user-images.githubusercontent.com/120485/50552024-84837400-0c82-11e9-8f1d-cf25962c7e62.jpg)
1019

20+
# FirePress_London
21+
22+
23+
## What is this?
24+
25+
This theme is a free and responsive theme (*template if you prefer*) made for Ghost. This theme is compatible with Ghost `>= 2.0.0`. You can check this information in the file `package.json`.
26+
27+
**What is Ghost?** — Ghost is an open source software that lets you create a website and manage content like a blog. [See our FAQ section](https://firepress.org/en/faq/#what-is-ghost) for more details.
28+
29+
**Live demo** — This theme is available on play-with-ghost.
30+
31+
<br>
32+
33+
34+
## Live Demo
35+
36+
[play-with-ghost.com](https://play-with-ghost.com/) is a playground to learn about Ghost. What's remarkable here, is that you have the option to log in into the admin panel of each live demo available, by using dummy credentials.
37+
38+
In short, you can try Ghost on the spot without having to sign-up!
39+
40+
<br>
41+
42+
[![pwg-video-preview-e](https://user-images.githubusercontent.com/6694151/50233512-9bbc8a80-0381-11e9-83bb-f29a67000378.jpg)
43+
](https://play-with-ghost.com/)
44+
45+
**Bonus** — The live demo sites feature a post named **Style guide**. It gives you the big picture of how this theme renders elements like titles, quotes, paragraphs, button tables, etc.
46+
47+
<br>
48+
49+
50+
## Why fork this Ghost Theme?
51+
52+
- **Drop-in replacement** — No special tweaks to do. It will work out of the box.
53+
- **Enhancements** — This theme has been enhanced to feature some elements that are not present in the original theme. IMHO, these elements are hard to live without.
54+
- Buttons (three styles)
55+
- Icons (Font Awesome 5)
56+
- Code Syntax (highlight.js)
57+
- Tables (Grid) (great to make pricing table)
58+
- **Code Injection** — We share snippets that improve the look of this theme via this [Git repo](https://github.com/firepress-org/Code-Injection-Ghost). It’s an easy way to customize this theme. This allows you to override pretty much any styles you want to change.
59+
- **Curated** — This theme was carefully selected out of hundreds of Ghost themes. See more of them in our [Ghost-Theme-Curated-Collection ](https://github.com/firepress-org/Ghost-Theme-Curated-Collection/tree/master/01_go) repo, or [by tags on Github](https://github.com/topics/firepress-ghost-theme).
60+
61+
<br>
62+
63+
64+
## Screenshots
65+
66+
<br>
67+
68+
![firepress_london_a](https://user-images.githubusercontent.com/6694151/51268851-f3eda900-198e-11e9-97bc-a6c71f221a33.jpeg)
69+
70+
<br>
71+
72+
![firepress_london_b](https://user-images.githubusercontent.com/6694151/51268882-049e1f00-198f-11e9-84a9-a184d2d39c5b.jpeg)
73+
74+
<br>
75+
76+
![firepress_london_c](https://user-images.githubusercontent.com/6694151/51268890-0b2c9680-198f-11e9-865b-01932285eec3.jpeg)
77+
78+
<br>
79+
80+
81+
## Services
82+
83+
#### Hosting
84+
85+
**At FirePress we host Ghost’s websites with an optional landing page**. It's fully managed for you. It means you never have to touch a server, do an upgrade, manage backups or any annoying stuff like this.
86+
87+
The idea behind FirePress is to empower freelancers and small organizations to be able to build an outstanding mobile-first website.
88+
89+
Because we believe your website should speak up in your name, we consider our mission completed once your site has become [your impresario](https://firepress.org/en/why-launching-your-next-website-with-firepress/). Start your [free trial here](https://firepress.org/en/10-day-free-trial/).
90+
91+
#### Workshop
92+
93+
Participants will end up with a website and/or a blog they can smoothly operate themselves. We are actively working on this workshop.
94+
95+
The workshops will be available in those cities:
96+
97+
- Montréal - Canada
98+
- Toronto - Canada
99+
- Québec City - Canada
100+
- New-York - USA
101+
- Boston - USA
102+
103+
Follow the details [on this page](https://firepress.org/en/workshop/).
104+
105+
<br>
11106

12-
&nbsp;
13107

14-
# First time using a Ghost theme?
108+
## Contributing
15109

16-
Ghost uses a simple templating language called [Handlebars](http://handlebarsjs.com/) for its themes.
110+
The power of communities pull request and forks means that `1 + 1 = 3`. You can help to make this repo a better one! Here is how:
17111

18-
We've documented our default theme pretty heavily so that it should be fairly easy to work out what's going on just by reading the code and the comments. Once you feel comfortable with how everything works, we also have full [theme API documentation](https://themes.ghost.org) which explains every possible Handlebars helper and template.
112+
1. Fork it
113+
2. Create your feature branch: `git checkout -b my-new-feature`
114+
3. Commit your changes: `git commit -am 'Add some feature'`
115+
4. Push to the branch: `git push origin my-new-feature`
116+
5. Submit a pull request
19117

20-
**The main files are:**
118+
Check this post for more details: [Contributing to our Github project](https://pascalandy.com/blog/contributing-to-our-github-project/). Also, by contributing you agree to the [Contributor Code of Conduct on GitHub](https://pascalandy.com/blog/contributor-code-of-conduct-on-github/). It's plain common sense really.
21119

22-
- `default.hbs` - The main template file
23-
- `index.hbs` - Used for the home page
24-
- `post.hbs` - Used for individual posts
25-
- `page.hbs` - Used for individual pages
26-
- `tag.hbs` - Used for tag archives
27-
- `author.hbs` - Used for author archives
120+
<br>
28121

29-
One neat trick is that you can also create custom one-off templates just by adding the slug of a page to a template file. For example:
30122

31-
- `page-about.hbs` - Custom template for the `/about/` page
32-
- `tag-news.hbs` - Custom template for `/tag/news/` archive
33-
- `author-ali.hbs` - Custom template for `/author/ali/` archive
123+
## License
34124

125+
- This git repo is under the **GNU V3** license. [Find it here](https://github.com/pascalandy/GNU-GENERAL-PUBLIC-LICENSE/blob/master/LICENSE.md). There are "plain English" explanations for this license that are worth understanding. You'll see, it's pretty cool if you are into OSS (open source software).
126+
- The Ghost’s software is under the **MIT** license. [Find it here](https://ghost.org/license/).
35127

36-
# Development
128+
<br>
37129

38-
London styles are compiled using Gulp/PostCSS to polyfill future CSS spec. You'll need [Node](https://nodejs.org/), [Yarn](https://yarnpkg.com/) and [Gulp](https://gulpjs.com) installed globally. After that, from the theme's root directory:
39130

40-
```bash
41-
$ yarn install
42-
$ yarn dev
43-
```
131+
## Sources & Fork
44132

45-
Now you can edit `/assets/css/` files, which will be compiled to `/assets/built/` automatically.
133+
- This Git repo is available at https://github.com/firepress-org/FirePress_London
134+
- This project was forked from https://github.com/TryGhost/London
46135

47-
The `zip` Gulp task packages the theme files into `dist/<theme-name>.zip`, which you can then upload to your site.
136+
<br>
48137

49-
```bash
50-
$ yarn zip
51-
```
52138

53-
# PostCSS Features Used
139+
## Why all this work?
54140

55-
- Autoprefixer - Don't worry about writing browser prefixes of any kind, it's all done automatically with support for the latest 2 major versions of every browser.
56-
- Variables - Simple pure CSS variables
57-
- [Color Function](https://github.com/postcss/postcss-color-function)
141+
Our [mission](https://firepress.org/en/our-mission/) is to empower freelancers and small organizations to build an outstanding mobile-first website.
58142

143+
Because we believe your website should speak up in your name, we consider our mission completed once your site has become your impresario.
59144

60-
# Copyright & License
145+
For more info about the man behind the startup, check out my [now page](https://pascalandy.com/blog/now/). You can also follow me on Twitter [@askpascalandy](https://twitter.com/askpascalandy).
61146

62-
Copyright (c) 2013-2019 Ghost Foundation - Released under the [MIT license](LICENSE).
147+
— The FirePress Team 🔥📰

‎assets/css_firepress/btn_a.css‎

Lines changed: 107 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,107 @@
1+
/* btn_a
2+
/* ---------------------------------------------------------- */
3+
4+
input[type="submit"],
5+
input[type="reset"],
6+
input[type="btn_a"],
7+
btn_a,
8+
.btn_a {
9+
display: inline-block;
10+
height: var(--height);
11+
padding: 0 2rem;
12+
border: 0;
13+
border-radius: var(--radius);
14+
cursor: pointer;
15+
font-family: var(--font-sans-serif);
16+
font-size: 0.8em;
17+
font-weight: var(--font-normal);
18+
line-height: var(--height);
19+
text-align: center;
20+
text-decoration: none;
21+
white-space: nowrap;
22+
appearance: none;
23+
transition: 0.4s ease;
24+
}
25+
26+
input[type="submit"].fit,
27+
input[type="reset"].fit,
28+
input[type="btn_a"].fit,
29+
btn_a.fit,
30+
.btn_a.fit {
31+
width: 100%;
32+
}
33+
34+
input[type="submit"].small,
35+
input[type="reset"].small,
36+
input[type="btn_a"].small,
37+
btn_a.small,
38+
.btn_a.small {
39+
height: calc(var(--height) * 0.9);
40+
line-height: calc(var(--height) * 0.9);
41+
padding: 0 1.5rem;
42+
font-size: 0.7em;
43+
}
44+
45+
input[type="submit"].large,
46+
input[type="reset"].large,
47+
input[type="btn_a"].large,
48+
btn_a.large,
49+
.btn_a.large {
50+
height: calc(var(--height) * 1.14);
51+
line-height: calc(var(--height) * 1.14);
52+
padding: 0 3rem;
53+
font-size: 0.95em;
54+
}
55+
56+
input[type="submit"].disabled,
57+
input[type="submit"]:disabled,
58+
input[type="reset"].disabled,
59+
input[type="reset"]:disabled,
60+
input[type="btn_a"].disabled,
61+
input[type="btn_a"]:disabled,
62+
btn_a.disabled,
63+
btn_a:disabled,
64+
.btn_a.disabled,
65+
.btn_a:disabled {
66+
pointer-events: none;
67+
opacity: 0.4;
68+
}
69+
70+
input[type="submit"],
71+
input[type="reset"],
72+
input[type="btn_a"],
73+
btn_a,
74+
.btn_a {
75+
color: var(--color-primary) !important;
76+
background-color: transparent;
77+
box-shadow: inset 0 0 0 2px var(--color-primary);
78+
}
79+
80+
input[type="submit"]:hover,
81+
input[type="reset"]:hover,
82+
input[type="btn_a"]:hover,
83+
btn_a:hover,
84+
.btn_a:hover {
85+
text-decoration: none;
86+
color: #118dd0 !important;
87+
box-shadow: inset 0 0 0 2px #139de7;
88+
transition: 0.2s ease;
89+
}
90+
91+
input[type="submit"].primary,
92+
input[type="reset"].primary,
93+
input[type="btn_a"].primary,
94+
btn_a.primary,
95+
.btn_a.primary {
96+
color: #fff !important;
97+
background-color: var(--color-primary);
98+
box-shadow: none;
99+
}
100+
101+
input[type="submit"].primary:hover,
102+
input[type="reset"].primary:hover,
103+
input[type="btn_a"].primary:hover,
104+
btn_a.primary:hover,
105+
.btn_a.primary:hover {
106+
background-color: #139de7
107+
}

‎assets/css_firepress/btn_a.min.css‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)