├── robots.txt
├── index.hbs
├── partials
    ├── content-header.hbs
    ├── tags.hbs
    ├── loop.hbs
    ├── footer.hbs
    ├── welcome-mat.hbs
    ├── main-header.hbs
    ├── subscribe-widget.hbs
    ├── author-info.hbs
    └── post-teaser.hbs
├── routes.yaml
├── page.hbs
├── members
    ├── signin.hbs
    ├── signup.hbs
    └── account.hbs
├── tag.hbs
├── LICENSE
├── post.hbs
├── package.json
├── author.hbs
├── README.md
├── default.hbs
└── assets
    └── css
        └── main.css


/robots.txt:
--------------------------------------------------------------------------------
1 | User-agent: GPTBot
2 | Disallow: /
3 | 


--------------------------------------------------------------------------------
/index.hbs:
--------------------------------------------------------------------------------
 1 | {{!< default}}
 2 | 
 3 | {{>welcome-mat}}
 4 | 
 5 | {{>main-header}}
 6 | 
 7 | <main class="content post-list" id="content">
 8 |     {{!-- The tag below includes the post loop - partials/loop.hbs --}}
 9 |     {{> "loop"}}
10 | </main>
11 | 


--------------------------------------------------------------------------------
/partials/content-header.hbs:
--------------------------------------------------------------------------------
1 | {{!
2 |   For now, this just includes the main-header partial. But having it set up
3 |   this way lets us to switch to a hero-image or other garish header on the
4 |   homepage in the future, while keeping the modest header elsewhere.
5 | }}
6 | {{>main-header}}
7 | 


--------------------------------------------------------------------------------
/routes.yaml:
--------------------------------------------------------------------------------
 1 | routes:
 2 |   /signin/: members/signin
 3 |   /signup/: members/signup
 4 |   /login/: members/signin
 5 |   /account/: members/account
 6 | 
 7 | collections:
 8 |   /:
 9 |     permalink: /{slug}/
10 |     template:
11 |       - index
12 | 
13 | taxonomies:
14 |   tag: /tag/{slug}/
15 |   author: /author/{slug}/
16 | 


--------------------------------------------------------------------------------
/partials/tags.hbs:
--------------------------------------------------------------------------------
 1 | {{#get "tags" include="count.posts" order="count.posts asc"}}
 2 |   <ul>
 3 |     {{#foreach tags}}
 4 |       {{#if count.posts}}
 5 |         <li>
 6 |           <a href="{{url}}">{{name}} ({{plural count.posts empty='No posts' singular='% post' plural='% posts'}})</a>
 7 |         </li>
 8 |       {{/if}}
 9 |     {{/foreach}}
10 |   <ul>
11 | {{/get}}
12 | 


--------------------------------------------------------------------------------
/partials/loop.hbs:
--------------------------------------------------------------------------------
 1 | {{! Previous/next page links - only displayed on page 2+ }}
 2 | {{#if pagination.prev}}
 3 |   <div>
 4 |     Page <strong>{{pagination.page}}</strong> of
 5 |     <strong>{{pagination.pages}}</strong>
 6 |   </div>
 7 | {{/if}}
 8 | 
 9 | {{! The loop itself }}
10 | {{#foreach posts}}
11 |     {{> post-teaser}}
12 | {{/foreach}}
13 | 
14 | {{! Previous/next page links - displayed on every page }}
15 | {{pagination}}
16 | 
17 | <br>
18 | 


--------------------------------------------------------------------------------
/page.hbs:
--------------------------------------------------------------------------------
 1 | {{!< default}}
 2 | 
 3 | {{>content-header}}
 4 | 
 5 | <main class="container content" id="content">
 6 | 
 7 |   <article class="page {{#unless @page.show_title_and_feature_image}}page--no-header{{/unless}} {{post_class}}">
 8 | 
 9 |     {{#post}}
10 |     
11 |       {{#if @page.show_title_and_feature_image}}
12 |       <header class="page__header">
13 |         <h1 class="page__title mt0">{{title}}</h1>
14 |         <section class="page__meta">
15 |           <time class="page__date hidden" datetime="{{date format='YYYY-MM-DD'}}">Published on {{date format="MMMM Do YYYY"}}</time>
16 |         </section>
17 |       </header>
18 |       {{/if}}
19 |       <section class="page__content">
20 |         {{content}}
21 |       </section>
22 | 
23 |     {{/post}}
24 |   </article>
25 | 
26 | </main>
27 | 


--------------------------------------------------------------------------------
/members/signin.hbs:
--------------------------------------------------------------------------------
 1 | {{!< ../default}}
 2 | {{>main-header}}
 3 | <h2>Welcome back!</h2>
 4 | <p>Sign into your account again for full access</p>
 5 | {{#if @member}}
 6 | 
 7 |   {{!-- Logged in: Redirect home --}}
 8 |   <script>window.location = '{{@site.url}}';</script>
 9 | 
10 | {{else}}
11 | 
12 | <form data-members-form="signin">
13 |   <input data-members-email type="email" required="true" placeholder="Your email address"/>
14 |   <button type="submit"><span class="button-text">Send login link</span></button>
15 | </form>
16 | 
17 | <small class="message-success">
18 |   Great! Check your inbox and click the link to confirm your subscription.
19 | </small>
20 | 
21 | <small class="message-error">
22 |   Please enter a valid email address!
23 | </small>
24 | 
25 | <small data-members-error></small>
26 | 
27 | <p><small>Don't have an account yet? <a href="/signup/">Sign up</a></small></p>
28 | 
29 | {{/if}}
30 | 


--------------------------------------------------------------------------------
/partials/footer.hbs:
--------------------------------------------------------------------------------
 1 | <footer class="site-footer">
 2 | 
 3 |   {{#if @site.secondary_navigation}}
 4 |     <nav class="site-footer__navigation" role="navigation">
 5 |       {{navigation type="secondary"}}
 6 |     </nav>
 7 |   {{/if}}
 8 | 
 9 |   <small class="site-footer__attribution">
10 | 
11 |     <span class="site-footer__attribution--copyright">
12 |       &copy; {{date format="YYYY"}}
13 |       <a href="{{@site.url}}/">{{@site.title}}</a>
14 |     </span>&ensp;
15 | 
16 |     <span class="site-footer__attribution--theme-author">
17 |       <a href="https://github.com/curiositry/undefined-ghost-theme">Undefined</a>
18 |       theme by
19 |       <a href="http://curiositry.github.io">Curiositry</a>
20 |     </span>&ensp;
21 | 
22 |     <span class="site-footer__attribution--ghost">
23 |       Proudly published with <a href="https://ghost.org">Ghost</a>
24 |     </span>
25 | 
26 |   </small>
27 | 
28 | </footer>
29 | 


--------------------------------------------------------------------------------
/partials/welcome-mat.hbs:
--------------------------------------------------------------------------------
 1 | {{#unless @member}}
 2 |    <section class="email-optin-widget email-optin-widget--welcome-mat">
 3 |     <div class="container">
 4 | 
 5 |       <h1>{{@site.title}}</h1>
 6 |       <h2>{{@site.description}}</h2>
 7 | 
 8 |       <br>
 9 | 
10 |       <p>{{@custom.newsletter_optin_cta}}</p>
11 |       
12 |       <form data-members-form="subscribe">
13 |         <input data-members-email placeholder="Your email address" type="email" required="true"/>
14 |         <button type="submit"><span>Subscribe</span></button>
15 |       </form>
16 | 
17 |       <div class="message-success">
18 |         Great! Check your inbox and click the link to confirm your subscription.
19 |       </div>
20 | 
21 |       <div class="message-error">
22 |         Please enter a valid email address!
23 |       </div>
24 | 
25 |       <div data-members-error></div>
26 | 
27 |     </div>
28 |   </section>
29 | {{/unless}}
30 | 
31 | 


--------------------------------------------------------------------------------
/tag.hbs:
--------------------------------------------------------------------------------
 1 | {{!< default}}
 2 | 
 3 | {{> content-header}}
 4 | <section class="tag-info container">
 5 | 
 6 |   {{#if tag.feature_image}}
 7 |     <img class="tag-info__image" src="{{tag.feature_image}}" alt="Image for {{tag.name}} tag" />
 8 |   {{/if}}
 9 | 
10 |   <br><br>
11 | 
12 |   <span class="tag-info__intro">Posts Tagged:</span>
13 |   <h1 class="tag-info__name">{{tag.name}}</h1>
14 | 
15 |   <p class="tag-info__description">
16 |     {{tag.description}} Subscribe to this  tag’s <a href="{{@site.url}}/tag/{{tag.slug}}/rss/">RSS feed</a> to get new {{tag.name}} posts as they’re written.
17 |   </p>
18 | 
19 |   <span class="tag-info__meta">
20 |     {{plural pagination.total empty='There are no articles with this tag … how did you find it?!' singular='A <strong>% post</strong> collection:' plural='A <strong>% post</strong> collection:'}}
21 |      </span>
22 |   </span>
23 | 
24 |   <br><br>
25 | 
26 | </section>
27 | 
28 | <main class="content">
29 |     {{> "loop"}}
30 | </main>
31 | 


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


--------------------------------------------------------------------------------
/partials/main-header.hbs:
--------------------------------------------------------------------------------
 1 | <header class="main-header" id="main-header">
 2 | <div class="container">
 3 | 
 4 |   {{#if @site.logo}}
 5 |     <div class="main-header__logo">
 6 |       <a href="{{@site.url}}">
 7 |         <img src="{{@site.logo}}" alt="{{@site.title}} Logo" />
 8 |       </a>
 9 |     </div>
10 |   {{/if}}
11 | 
12 |   <div class="main-header__text-container">
13 |     <h1 class="main-header__blog-title">
14 |       <a href="{{@site.url}}">{{@site.title}}</a>
15 |     </h1>
16 |     <h3 class="main-header__blog-description">
17 |       {{@site.description}}
18 |     </h3>
19 |   </div>
20 | 
21 |   <nav>
22 |     {{navigation}}
23 | 
24 |     {{#if @member}}
25 |     <ul>
26 |       <li>
27 |         <a href="{{@site.url}}/account">Account</a>
28 |       </li>
29 |       <li>
30 |         <button role="link" data-members-signout>Sign out</button>
31 |       </li>
32 |     </ul>
33 |     {{else}}
34 |     <ul>
35 |       <li>
36 |         <a href="{{@site.url}}/signin">Log in</a>
37 |       </li>
38 |       <li>
39 |         <a href="{{@site.url}}/signup">Subscribe</a>
40 |       </li>
41 |     </ul>
42 |     {{/if}}
43 |   </nav>
44 | 
45 |   <div hidden class="notification-area" id="notifications">
46 |   </div>
47 | </div>
48 | </header>
49 | 


--------------------------------------------------------------------------------
/partials/subscribe-widget.hbs:
--------------------------------------------------------------------------------
 1 | {{#if @member}}
 2 |   <section class="email-optin-widget center-text">
 3 |     <small style="color: grey;">
 4 |       Thanks for being a <em>{{@site.title}}</em> subscriber,
 5 |       {{#if @member.name}}
 6 |           {{@member.name}}
 7 |         {{else}}
 8 |           {{@member.email}}
 9 |       {{/if}}!
10 |       <a href="#!" data-members-signout>[Sign out]</a>
11 |     </small>
12 |   </section>
13 | 
14 |   {{else}}
15 | 
16 |   <section class="email-optin-widget center-text">
17 |     <div  style="margin-bottom: 0.5rem;">Get new posts by email:</div>
18 | 
19 |     <form data-members-form="subscribe">
20 |       <input data-members-email placeholder="Your email address" type="email" required="true"/>
21 |       <button type="submit"><span>Subscribe</span></button>
22 |     </form>
23 | 
24 |     <!-- <small style="color: grey">
25 |       or by <a href="{{@site.url}}/rss">RSS</a>, if you’re that old-school
26 |     </small> -->
27 | 
28 |     <div class="message-success">
29 |       Great! Check your inbox and click the link to confirm your subscription.
30 |     </div>
31 | 
32 |     <div class="message-error">
33 |       Please enter a valid email address!
34 |     </div>
35 | 
36 |     <div data-members-error></div>
37 | 
38 |   </section>
39 | {{/if}}
40 | 


--------------------------------------------------------------------------------
/partials/author-info.hbs:
--------------------------------------------------------------------------------
 1 | {{#primary_author}}
 2 |   <section class="author-info">
 3 | 
 4 |     <h4 class="author-info__name">
 5 |       Written by <a href="{{url}}">{{name}}</a>
 6 |     </h4>
 7 | 
 8 |     {{#if profile_image}}
 9 |       <img class="author-info__image" src="{{profile_image}}" alt="{{name}}’s Profile Image" />
10 |     {{/if}}
11 | 
12 |     {{#if bio}}
13 | 
14 |       <p class="author-info__bio mb0">{{bio}}
15 |       <!-- this p tag is closed after the location and website info -->
16 |     {{else}}
17 |       <p>Read <a href="{{url}}">more posts</a> by this author.
18 |       <!-- this p tag is closed after the location and website info -->
19 |     {{/if}}
20 |     <br><br>
21 |     <span class="author-info__meta">
22 |       {{#if location}}
23 |         <span class="author-info__location ">
24 |           Location:&nbsp;<strong>{{location}}</strong>&ensp;
25 |         </span>
26 |       {{/if}}
27 | 
28 |       {{#if website}}
29 |         <span class="author-info__website">
30 |           Website:&nbsp;<a href="{{website}}"><strong>{{website}}</strong></a>&ensp;
31 |         </span>
32 |       {{/if}}
33 | 
34 |       {{#if twitter}}
35 |         <span class="author-info__twitter">
36 |           Twitter&nbsp;handle:&nbsp;<a href="{{social_url type="twitter"}}"><strong>{{twitter}}</strong></a>.
37 |         </span>
38 |       {{/if}}
39 | 
40 |     </p> <!-- end bio + meta paragraph -->
41 | 
42 |   </span> {{! end author meta }}
43 |   </section> {{! end author info }}
44 | {{/primary_author}}
45 | 


--------------------------------------------------------------------------------
/partials/post-teaser.hbs:
--------------------------------------------------------------------------------
 1 | <article class="post-teaser {{post_class}} container">
 2 | 
 3 |   {{#if feature_image}}
 4 |     <div class="post-teaser__thumbnail" id="{{url}}-post-thumbnail">
 5 |       <img class="post-card-image"
 6 |         srcset="{{img_url feature_image size="xs"}} 400w,
 7 |                 {{img_url feature_image size="s"}} 600w,
 8 |                 {{img_url feature_image size="m"}} 800w"
 9 |         src="{{img_url feature_image size="m"}}"
10 |         alt="{{title}}"
11 |       />
12 |     </div>
13 |   {{/if}}
14 | 
15 |   <div class="post-teaser__text-container">
16 |     <header class="post-teaser__header">
17 | 
18 |       <h2 class="post-teaser__title">
19 |         {{#if featured}}
20 |           [Featured]
21 |         {{/if}}
22 |         <a href="{{url}}">
23 |           {{title}}
24 |         </a>
25 |       </h2>
26 |     </header>
27 | 
28 |     <div class="post-teaser__excerpt">
29 |       <p>
30 |         {{excerpt words="33"}}
31 |         <span class="read-more">…
32 |           <a class="read-more__link" href="{{url}}">
33 |             <span>read&nbsp;more&nbsp;&raquo;</span>
34 |           </a>
35 |         </span>
36 |       </p>
37 |     </div>
38 | 
39 |     <footer class="post-teaser__meta">
40 |       Posted by {{#primary_author}}<a href="{{url}}">{{name}}</a>{{/primary_author}} on
41 |       <time class="post-teaser__meta__date" datetime="{{date format='YYYY-MM-DD'}}">
42 |         {{date format="MMMM Do, YYYY"}}.
43 |       </time>
44 |       {{#if tags}}
45 |         <span class="post-teaser__meta__tags">
46 |           <!-- #{{tags separator=", #"}} -->
47 |           {{tags prefix="Tagged "}}
48 |         </span>
49 |       {{/if}}
50 |     </footer>
51 |  </div> <!-- end post-teaser__text-container -->
52 | </article>
53 | <br><br><br>
54 | 


--------------------------------------------------------------------------------
/post.hbs:
--------------------------------------------------------------------------------
 1 | {{!< default}}
 2 | 
 3 | {{>content-header}}
 4 | 
 5 | <main class="container content" id="content">
 6 | 
 7 |   <article class="post {{post_class}}">
 8 | 
 9 |     {{#post}}
10 | 
11 |       <header class="post__header">
12 |         <h1 class="post__title">{{title}}</h1>
13 | 
14 |         <div class="post__meta">
15 |           Posted by {{#primary_author}}<a href="{{url}}">{{name}}</a>{{/primary_author}} on
16 |           <time class="post__date" datetime="{{date format='YYYY-MM-DD'}}">
17 |             {{date format="MMMM Do, YYYY"}}.
18 |           </time>
19 | 
20 |           {{#if tags}}
21 |             <span class="post__tags">
22 |               {{tags prefix="Tagged "}}
23 |             </span>
24 |           {{/if}}
25 |         </div>
26 |       </header>
27 | 
28 |       <section class="post__content">
29 |         {{#if access}}
30 |             {{content}}
31 |           {{else}}
32 |             <p>You don't have access to this post on <strong>{{@site.title}}</strong> at the moment, but if you upgrade your account you'll be able to see the whole thing, as well as all the other posts in the archive! Subscribing only takes a few seconds and will give you immediate access.</p>
33 | 
34 |             <aside style="text-align: center;">
35 | 
36 |             {{#if @member}}
37 |                 <h2>This post is for paying subscribers only</h2>
38 |               {{else}}
39 |                 <h2>This post is for subscribers only</h2>
40 |             {{/if}}
41 |             <a class="button large primary" href="/signup/">Subscribe now</a>
42 |             <p><small>Already have an account? <a href="/signin/">Sign in</a></small></p>
43 |             </aside>
44 |         {{/if}}
45 | 
46 |       </section>
47 | 
48 |       <hr>
49 | 
50 |       <footer class="post__footer">
51 | 
52 |       {{> subscribe-widget}}
53 | 
54 |       {{> author-info}}
55 | 
56 |       {{comments}}
57 | 
58 |       </footer>
59 | 
60 | 
61 |     {{/post}}
62 | 
63 |   </article>
64 | </main>
65 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "undefined",
 3 |   "description": "A minimal starter theme for the Ghost blogging platform",
 4 |   "demo": "http://github.com/curiositry/undefined-ghost-theme",
 5 |   "version": "4.3.1",
 6 |   "engines": {
 7 |       "ghost": ">=5.104.0"
 8 |   },
 9 |   "author": {
10 |       "name": "Curiositry",
11 |       "email": "info@automathic.org",
12 |       "url": "http://curiositry.com"
13 |   },
14 |   "config": {
15 |       "posts_per_page": 5,
16 |       "card_assets": true,
17 |       "image_sizes": {
18 |             "xs": {
19 |                 "width": 400
20 |             },
21 |             "s": {
22 |                 "width": 600
23 |             },
24 |             "m": {
25 |                 "width": 800
26 |             },
27 |             "l": {
28 |                 "width": 1000
29 |             },
30 |             "xl": {
31 |                 "width": 3000
32 |             }
33 |         },
34 |     "custom": {       
35 |         "header_font": {
36 |             "type": "select",
37 |             "options": [
38 |                 "Modern sans-serif",
39 |                 "Elegant serif",
40 |                 "Timeless mono"
41 |             ],
42 |             "default": "Elegant serif"
43 |         },
44 |         "text_font": {
45 |             "type": "select",
46 |             "options": [
47 |                 "Modern sans-serif",
48 |                 "Elegant serif",
49 |                 "Timeless mono"
50 |             ],
51 |             "default": "Elegant serif"
52 |         },
53 |         "newsletter_optin_cta": {
54 |             "type": "text",
55 |             "default": ""
56 |         }
57 |     }
58 |   },
59 |   "gpm": {
60 |       "type": "theme",
61 |       "categories": [
62 |           "Minimal",
63 |           "Responsive",
64 |           "Starter theme",
65 |           "Boilerplate",
66 |           "Typographic"
67 |       ]
68 |   },
69 |   "keywords": [
70 |       "responsive",
71 |       "ghost",
72 |       "starter",
73 |       "theme",
74 |       "ghost-theme",
75 |       "boilerplate"
76 |   ],
77 |   "repository": {
78 |       "type": "git",
79 |       "url": "https://github.com/curiositry/undefined-ghost-theme.git"
80 |   }
81 | }
82 | 


--------------------------------------------------------------------------------
/author.hbs:
--------------------------------------------------------------------------------
 1 | {{!< default}}
 2 | 
 3 | {{> content-header}}
 4 | 
 5 | {{#author}}
 6 |   <section class="author-profile container">
 7 | 
 8 |     {{#if profile_image}}
 9 |       <img class="author-profile__image" src="{{profile_image}}" alt="{{name}}’s profile image" />
10 |     {{/if}}
11 | 
12 |     <h1 class="author-profile__name">{{name}}</h1>
13 | 
14 |     {{#if bio}}
15 |       <p class="author-profile__bio">{{bio}}</p>
16 |       {{else}}
17 |       <p class="author-profile__bio">
18 |         To let their work speak for itself, {{name}} has not written a bio.
19 |       </p>
20 |     {{/if}}
21 |     <div class="author-profile__meta">
22 | 
23 |       {{#if location}}
24 |         <span class="author-info__location inline-block">
25 |           Location: <strong>{{location}}</strong>
26 |         </span>
27 |         &ensp;
28 |       {{/if}}
29 | 
30 |       {{#if website}}
31 |         <span class="author-info__website inline-block">
32 |           Website: <a href="{{website}}"><strong>{{website}}</strong></a>
33 |         </span>
34 |         &ensp;
35 |       {{/if}}
36 | 
37 |       <span class="author-info__rss  inline-block">
38 |         <a href="{{url}}rss">
39 |           <strong>RSS feed</strong>
40 |         </a> of posts by {{name}}&ensp;
41 |       </span>
42 |       &ensp;
43 | 
44 |       {{#if twitter}}
45 |         <span class="author-info__twitter inline-block">
46 |           Twitter handle: <a href="{{social_url type="twitter"}}"><strong>{{name}}</strong></a>
47 |         </span>
48 |         &ensp;
49 |       {{/if}}
50 | 
51 |       {{#if facebook}}
52 |         <span class="author-info__facebook inline-block">
53 |           Facebook page: <a href="{{social_url type="facebook"}}"><strong>{{social_url type="facebook"}}</strong></a>
54 |         </span>
55 |         &ensp;
56 |       {{/if}}
57 | 
58 |       <br><br>
59 | 
60 |       <span class="author-profile__stats inline-block">
61 |         {{name}}
62 |         {{plural ../pagination.total empty='hasn’t published any posts yet.' singular='has published <strong>% post</strong>:' plural='has published <strong>% posts</strong>:'}}
63 |       </span>
64 | 
65 |       <br><br>
66 | 
67 |     </div> {{! end author meta }}
68 | 
69 |   </section>
70 | {{/author}}
71 | 
72 | {{! The main content area on the homepage }}
73 | <main class="content">
74 | 
75 |   {{! The tag below includes the post loop - partials/loop.hbs }}
76 |   {{> "loop"}}
77 | 
78 | </main>
79 | 


--------------------------------------------------------------------------------
/members/signup.hbs:
--------------------------------------------------------------------------------
 1 | {{!< ../default}}
 2 | {{> main-header}}
 3 | <h2>Signup to {{@site.title}}</h2>
 4 | <p>{{@site.description}}</p>
 5 | 
 6 | {{#if @member.paid}}
 7 | 
 8 |   {{!-- Logged in, paying member: Redirect home --}}
 9 |   <script>window.location = '{{@site.url}}';</script>
10 | 
11 | {{else if @member}}
12 | 
13 | {{!-- Logged in, not paying: Check out --}}
14 | <div class="checkout-form">
15 |     <h1 class="checkout-title">Choose your subscription</h1>
16 |     <p>Unlock full access to {{@site.title}} and see the entire library of members-only content & updates</p>
17 |     <div class="checkout-box">
18 |         <div class="checkout-plan">
19 |             <header class="checkout-plan-header">
20 |                 <h3>Monthly</h3>
21 |                 <span>$</span><strong>{{#get "tiers"}}{{price monthly_price currency=currency}}{{/get}}</strong> / month
22 |             </header>
23 |             <div class="checkout-plan-content">
24 |                 <ul>
25 |                     <li>Full access to all private posts</li>
26 |                     <li>Regular updates with new content</li>
27 |                     <li>Support independent publishing</li>
28 |                     <li>Simple, secure card payment</li>
29 |                 </ul>
30 |                 <a class="button primary fit" href="javascript:void(0)" data-members-plan="Monthly">Choose this plan</a>
31 |             </div>
32 |         </div>
33 |         <div class="checkout-plan">
34 |             <header class="checkout-plan-header">
35 |                 <h3>Yearly</h3>
36 |                 <span>$</span><strong>{{#get "tiers"}}{{price yearly_price currency=currency}}{{/get}}</strong> / year
37 |             </header>
38 |             <div class="checkout-plan-content">
39 |                 <ul>
40 |                     <li>Full access to all private posts</li>
41 |                     <li>Regular updates with new content</li>
42 |                     <li>Support independent publishing</li>
43 |                     <li>Simple, secure card payment</li>
44 |                     <li>One easy payment instead of 12!</li>
45 |                 </ul>
46 |                 <a class="button primary fit" href="javascript:void(0)" data-members-plan="Yearly">Choose this plan</a>
47 |             </div>
48 |         </div>
49 |     </div>
50 | </div>
51 | 
52 | {{else}}
53 | <form data-members-form="signin">
54 |   <input data-members-email type="email" required="true" placeholder="Type your email..."/>
55 |   <button type="submit"><span class="button-text">Continue</span></button>
56 | </form>
57 | 
58 | <small class="message-success">
59 |   Great! Check your inbox and click the link to confirm your subscription.
60 | </small>
61 | 
62 | <small class="message-error">
63 |   Please enter a valid email address!
64 | </small>
65 | 
66 | <small data-members-error></small>
67 | 
68 | {{/if}}
69 | 


--------------------------------------------------------------------------------
/members/account.hbs:
--------------------------------------------------------------------------------
 1 | {{!< ../default}}
 2 | 
 3 | {{> main-header}}
 4 | <br>
 5 | {{#if @member.paid}}
 6 | 
 7 |   {{!-- Logged in, paying member: Show account info --}}
 8 |   <div class="subscriber-box center-text">
 9 | 
10 |     {{#if @member.avatar_image}}
11 |         <img style="max-width: 10rem;" src="{{@member.avatar_image}}" />
12 |     {{/if}}
13 | 
14 |     <h1 class="subscriber-box-title">Your account</h1>
15 | 
16 |     {{#foreach @member.subscriptions}}
17 |       <div class="subscription">
18 |         {{#if cancel_at_period_end}}
19 |           <p>
20 |             <strong class="subscription-expiration-warning">Your subscription will expire on {{date current_period_end format="DD MMM YYYY"}}.</strong> If you change your mind in the mean time you can turn auto-renew back on to continue your subscription.
21 |           </p>
22 |         {{else}}
23 |           <p>
24 |             Hey! You have an active {{@site.title}} account with access to all areas. Get in touch if have any problems or need some help getting things updated, and thanks for subscribing.
25 |           </p>
26 |         {{/if}}
27 |         <div class="subscriber-details">
28 |           <div class="subscriber-detail">
29 |             <label class="subscriber-detail-label">Email address: </label>
30 |             <span class="subscriber-detail-content">{{@member.email}}</span>
31 |           </div>
32 | 
33 |           <div class="subscriber-detail">
34 |             <label class="subscriber-detail-label">Your plan: </label>
35 |             <span class="subscriber-detail-content plan-is-by-{{plan.interval}}">
36 |               {{price plan.amount currency=plan.currency}}/{{plan.interval}}
37 |           </div>
38 | 
39 |           <div class="subscriber-detail">
40 |             <label class="subscriber-detail-label">Card: </label>
41 |             <span class="subscriber-detail-content">**** **** **** {{default_payment_card_last4}}</span>
42 |           </div>
43 | 
44 |           <div class="subscriber-detail">
45 |             <label class="subscriber-detail-label">
46 |                 {{#if cancel_at_period_end}}
47 |                     Expires:
48 |                 {{else}}
49 |                     Next bill date:
50 |                 {{/if}}
51 |             </label>
52 |             <span class="subscriber-detail-content">{{date current_period_end format="DD MMM YYYY"}}</span>
53 |           </div>
54 |         </div>
55 |         <a href="javascript:"
56 |           data-members-edit-billing
57 |           data-members-success="/account/?stripe=billing-update-success"
58 |           data-members-cancel="/account/?stripe=billing-update-cancel">Edit billing info</a>
59 |         <br>
60 |         {{cancel_link}}
61 |       </div>
62 |     {{/foreach}}
63 |   </div>
64 | 
65 | {{else if @member}}
66 | 
67 |   {{!-- Logged in, not paying: Link to checkout --}}
68 |   <div class="account-box center-text">
69 |     {{#if @member.avatar_image}}
70 |       <img style="max-width: 10rem;" src="{{@member.avatar_image}}" />
71 |     {{/if}}
72 |     <h1 class="account-box-title">Your account</h1>
73 |     <h3 class="account-box-subtitle">Currently, you're not a subscriber</h3>
74 |     <p>Hey there! <strong>{{@member.email}}</strong> is subscribed to free updates from {{@site.title}}, but doesn't have a paid subscription to unlock full access.</p>
75 |     <div class="authbox-signup">
76 |       <a class="button primary" href="/signup/">
77 |         <span class="button-content">Subscribe now</span>
78 |       </a>
79 |     </div>
80 |   </div>
81 | 
82 | {{else}}
83 | 
84 |   {{!-- Not logged in: Redirect to signin --}}
85 |   <script>window.location = '{{@site.url}}/signin/';</script>
86 | 
87 | {{/if}}
88 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | ![Ghost Compatability](http://img.shields.io/badge/Compatible%20with%20Ghost-v6%20+-brightgreen.svg)
 2 | 
 3 | Undefined — A starting point for Ghost theme developers
 4 | =======================================================
 5 | 
 6 | ## !!! THIS PROJECT HAS MOVED TO https://git.sr.ht/~curiositry/undefined-ghost-theme !!!
 7 | 
 8 | **This starter theme has everything you need to get started making themes for the Ghost blogging platform.**
 9 | 
10 | *Looking for a nice theme that’s ready to go? Check out my other themes, [Mnml](http://github.com/curiositry/mnml-ghost-theme) (free), [Laminim](https://creativemarket.com/Curiositry/1037280-Laminim-%E2%80%94-Ghost-Theme-for-Bloggers) (premium), and [Weblog]() (premium). If you would like to support my work developing free Ghost themes, use this referral link to **[sign up for Ghost(Pro) hosting for your blog](https://ghost.org/?via=curiositry)** and use my code `nFFYMCxS` for a 10% discount.*
11 | 
12 | ## Features
13 | 
14 | - **Bring your own CSS**. Front end developers are persnickety about their CSS frameworks: Some write everything from scratch, some roll their own framework that they use in all their projects (in my case, Sassify), and some use Bootstrap or Foundation or the current *framework-de-jour*. Undefined leaves all the styling to you: just drop your styles in `main.css` and you’re ready to go.
15 | 
16 | - **Responsive!** Because plain HTML is responsive *by default*.
17 | 
18 | - **Ready for Ghost 6 and beyond.** With undefined as a starting point, your theme is ready for the future.
19 | 
20 | - **Super modular.** Undefined makes use of handlebar partials to break things into neat, self-contained modules. Don’t want a subscribe form? Remove the `subscribe-widget` module without code-surgery.
21 | 
22 | - **Ready-to-roll**. Everything you’d expect from a Ghost theme is built in: A homepage with post teasers, author pages, tag pages, navigation menu, subscribe form, metadata, and more. Free cars don’t often come with gas in tank and air in the tires!
23 | 
24 | - **Smart defaults.** You can customize undefined in a thousand different ways, and it makes the job easier by being as close to neutral as possible. It’s like a dark grey suit — it’s not flashy, but it can go anywhere. You get a menu with a list of links, a little author bio below each post, reasonable metadata below the title. You get a footer with copyright date and theme attribution. You get all the files that Ghost requires (post page, index, etc) to run, plus all the files a blog needs to be complete (tag and author pages, etc). Nothing fancy, but very respectable.
25 | 
26 | - **Cleanly coded and comprehensively commented**. The code is nice and clean, W3C valid, and scores "A" on Google pagespeed.
27 | 
28 | ## Getting started
29 | 
30 | Getting started building on Undefined is as easy as one, two.
31 | 
32 | - { 1 }: **Download this starter theme by [clicking here](https://github.com/curiositry/undefined-ghost-theme/archive/master.zip), or clone it with Git**:
33 | 
34 | ```
35 | git clone https://github.com/curiositry/undefined-ghost-theme.git
36 | ```
37 | 
38 | - { 2 }: **Add your custom styles.** Open up main.css and add your styles. Or, fire up your CSS pre- or post-processor of choice and replace `main.css` with your compiled stylesheet.
39 | 
40 | 
41 | *If you plan on using the enabling memberships and subscriptions, you will also need to upload the included `routes.yaml` from the "Labs" tab of your blog’s admin panel.*
42 | 
43 | ## Screenshot
44 | 
45 | Undefined is completely unstyled: no custom fonts, no fancy colours, no nothing. The beauty of undefined is in the code, not the design. But unstyled HTML has a rugged beauty of its own — in fact, to my eyes it looks *better* than many ~~of the digital junkyards piled high with CSS + JavaScript~~ “modern” websites!
46 | 
47 | ![Screenshot of "undefined" — a starter theme for Ghost](http://cdn.autodidacts.io/img/undefined/undefined-ghost-theme.png)
48 | 


--------------------------------------------------------------------------------
/default.hbs:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="{{@site.locale}}">
 3 | <head>
 4 |   {{! Document Settings }}
 5 |   <meta charset="utf-8" />
 6 |   <meta name="HandheldFriendly" content="True" />
 7 |   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 8 |   {{! Makes IE support useful HTML5/CSS3 features }}
 9 |   <meta http-equiv="X-UA-Compatible" content="IE=edge" />
10 | 
11 |   {{! Page Meta }}
12 |   <title>{{meta_title}}{{#is "post, page"}} — {{@site.title}}{{/is}}</title>
13 | 
14 |   {{! Styles }}
15 |   <link rel="stylesheet" type="text/css" href="{{asset "css/main.css"}}" />
16 | 
17 |   {{! Ghost outputs important stuff with this tag }}
18 |   {{ghost_head}}
19 | </head>
20 | <body class="{{body_class}} has-{{#match @custom.header_font "Elegant serif"}}serif{{else match @custom.header_font "Modern sans-serif"}}sans{{else}}mono{{/match}}-header has-{{#match @custom.text_font "Elegant serif"}}serif{{else match @custom.text_font "Modern sans-serif"}}sans{{else}}mono{{/match}}-text" id="body">
21 | 
22 |   {{! Everything else gets inserted here }}
23 |   {{{body}}}
24 | 
25 |   {{! Site Footer }}
26 |   {{> footer}}
27 | 
28 |   {{!-- Scripts for Members subscription --}}
29 |     <script>
30 | 
31 |     // Code for members notifications
32 |     // Parse the URL parameter
33 |     function getParameterByName(name, url) {
34 |       if (!url) url = window.location.href;
35 |       name = name.replace(/[\[\]]/g, "\\$&");
36 |       var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
37 |           results = regex.exec(url);
38 |       if (!results) return null;
39 |       if (!results[2]) return '';
40 |       return decodeURIComponent(results[2].replace(/\+/g, " "));
41 |     }
42 |     // Give the parameter a variable name
43 |     var action = getParameterByName('action');
44 |     var stripe = getParameterByName('stripe');
45 | 
46 |     document.addEventListener("DOMContentLoaded", function(event) {
47 | 
48 |     // These classes can be used to show success notifications for each action.
49 |     {{!-- Scripts for Members subscription --}}
50 |     var notifications = document.getElementById("notifications");
51 |     notifications.onclick = function(e){
52 |       notifications.hidden = true;
53 |       notifications.style.display = "none";
54 |     }
55 |     if (action == 'subscribe') {
56 |       document.body.classList.add("subscribe-success");
57 |       notifications.innerHTML = "You've successfully subscribed to {{@site.title}}";
58 |     }
59 |     if (action == 'signup') {
60 |       window.location = '{{@site.url}}/signup/?action=checkout';
61 |     }
62 |     if (action == 'checkout') {
63 |       document.body.classList.add("signup-success");
64 |       notifications.innerHTML = "Great! Next, complete checkout for full access to {{@site.title}}";
65 |     }
66 |     if (action == 'signin') {
67 |       document.body.classList.add("signin-success");
68 |       notifications.innerHTML = "Welcome back! You've successfully signed in.";
69 |     }
70 |     if (stripe == 'success') {
71 |       document.body.classList.add("checkout-success");
72 |       notifications.innerHTML = "Success! Your account is fully activated, you now have access to all content.";
73 |     }
74 |     if (stripe == 'billing-update-success') {
75 |       document.body.classList.add("billing-success");
76 |       notifications.innerHTML = "Success! Your billing info is updated.";
77 |     }
78 |     if (stripe == 'billing-update-cancel') {
79 |       document.body.classList.add("billing-cancel");
80 |       notifications.innerHTML = "Billing info update failed."
81 |     }
82 |     if (action || stripe) {
83 |       notifications.hidden = false;
84 |       notifications.style.display = "block";
85 |       URLSearchParams.delete(action);
86 |       URLSearchParams.delete(stripe);
87 |     }
88 |   });
89 |   </script>
90 | 
91 |   {{! Ghost outputs important scripts with this, including the the content for the code injection pane }}
92 |   {{ghost_foot}}
93 | 
94 | </body>
95 | </html>
96 | 


--------------------------------------------------------------------------------
/assets/css/main.css:
--------------------------------------------------------------------------------
  1 | /* Put your styles (or personal collection of CSS frameworks) here */
  2 | 
  3 | :root {
  4 |   --serif-font-stack: serif;
  5 |   --sans-font-stack: sans;
  6 |   --mono-font-stack: monospace;
  7 | }
  8 | 
  9 | body {
 10 |   max-width: 800px;
 11 |   margin-right: auto;
 12 |   margin-left: auto;
 13 |   line-height: 1.5;
 14 | }
 15 | 
 16 | .has-serif-text p {
 17 |   font-family: var(--gh-font-body, var(--serif-font-stack));
 18 | }
 19 | 
 20 | .has-sans-text p {
 21 |   font-family: var(--gh-font-body, var(--sans-font-stack));
 22 | }
 23 | 
 24 | .has-mono-text p {
 25 |   font-family: var(--gh-font-body, var(--mono-font-stack));
 26 | }
 27 | 
 28 | .has-serif-header * {
 29 |   font-family: var(--gh-font-heading, var(--serif-font-stack));
 30 | }
 31 | 
 32 | .has-sans-header * {
 33 |   font-family: var(--gh-font-heading, var(--sans-font-stack));
 34 | }
 35 | 
 36 | .has-mono-header * {
 37 |   font-family: var(--gh-font-heading, var(--mono-font-stack));
 38 | }
 39 | 
 40 | /* .has-serif-header h1,
 41 | .has-serif-header h2,
 42 | .has-serif-header h3,
 43 | .has-serif-header h4,
 44 | .has-serif-header h5,
 45 | .has-serif-header h6 {
 46 |   font-family: var(--serif-font-stack);
 47 | }
 48 | 
 49 | .has-sans-header h1,
 50 | .has-sans-header h2,
 51 | .has-sans-header h3,
 52 | .has-sans-header h4,
 53 | .has-sans-header h5,
 54 | .has-sans-header h6 {
 55 |   font-family: var(--sans-font-stack);
 56 | }
 57 | 
 58 | .has-mono-header h1,
 59 | .has-mono-header h2,
 60 | .has-mono-header h3,
 61 | .has-mono-header h4,
 62 | .has-mono-header h5,
 63 | .has-mono-header h6 {
 64 |   font-family: var(--mono-font-stack);
 65 | } */
 66 | 
 67 | img {
 68 |   max-width: 100%;
 69 |   height: auto;
 70 | }
 71 | 
 72 | figure {
 73 |   margin-left: auto;
 74 |   margin-right: auto;
 75 | }
 76 | 
 77 | figcaption {
 78 |   text-align: center;
 79 | }
 80 | 
 81 | .inline-block {
 82 |   display: inline-block;
 83 | }
 84 | 
 85 | /* Remove vertical whitespace on initial, final, & stacked full-width cards, per recommendation. */
 86 | .page--no-header .kg-width-full:not(.kg-card-hascaption):first-child,
 87 | .kg-width-full+.kg-width-full {
 88 |   margin-top: 0;
 89 | }
 90 | 
 91 | .page__content .kg-width-full:not(.kg-card-hascaption):last-child,
 92 | .kg-width-full+.kg-width-full {
 93 |   margin-bottom: 0;
 94 | }
 95 | 
 96 | 
 97 | /* IMAGE WIDTH STYLES */
 98 | /* ================== */
 99 | 
100 | /* Style at will... */
101 | /* figure.kg-width-full { } */
102 | /* figure.kg-width-wide { } */
103 | /*
104 | PROTIP:
105 | Try something like as a starting point for centering images that are wider than their parent container's width:
106 | 
107 | .full-bleed {
108 | 	  width: 100vw;
109 | 	  position: relative;
110 | 	  left: 50%;
111 | 	  right: 50%;
112 | 	  margin-left: -50vw;
113 | 	  margin-right: -50vw;
114 | 	}
115 | 
116 | For large images that aren't full width, but are larger than their parent, just replace 100vw with your max width (say, 1000px), and then replace the -50vw margins with -{NUM}px / 2 (in this case, -500px). You can see a version of this techinique in action in the stylesheet of my MNML Ghost theme:
117 | https://github.com/curiositry/mnml-ghost-theme
118 | */
119 | 
120 | /* IMAGE GALLERY STYLES */
121 | /* ==================== */
122 | 
123 | /* Style at will... */
124 | .kg-gallery-card {}
125 | 
126 | .kg-gallery-container {}
127 | 
128 | .kg-gallery-row {}
129 | 
130 | .kg-gallery-image {}
131 | 
132 | /*
133 | Docs can be found here: http://themes.ghost.org/docs/ghost-editor#section-gallery-card
134 | 
135 | The implementation that Ghost recommends is pretty robust, with one caveat: it needs a few lines of JavaScrpt. Example can be found here:
136 | https://github.com/TryGhost/Casper/pull/475/files#diff-ce5e030f2e2e2a50f18199464f07ea70
137 | */
138 | 
139 | 
140 | /* BOOKMARK CARD STYLES */
141 | /* ==================== */
142 | 
143 | /* Style at will... */
144 | .kg-bookmark-card {}
145 | 
146 | .kg-bookmark-container {}
147 | 
148 | .kg-bookmark-content {}
149 | 
150 | .kg-bookmark-title {}
151 | 
152 | .kg-bookmark-description,
153 | .kg-bookmark-metadata {}
154 | 
155 | .kg-bookmark-thumbnail {}
156 | 
157 | .kg-bookmark-thumbnail img {}
158 | 
159 | .kg-bookmark-icon {}
160 | 
161 | .kg-bookmark-author:after {}
162 | 
163 | .kg-bookmark-publisher {}
164 | 
165 | 
166 | /*
167 | Docs can be found here: https://ghost.org/docs/api/v2/handlebars-themes/editor/#bookmark-card
168 | 
169 | The example implementation in the Ghost docs isn't bad, although you may want to adjust the image styles a bit.
170 | 
171 | Want something a bit leaner? You can drop the snippet I used in my premium Weblog theme that right in here! Here it is: https://gist.github.com/curiositry/511c84204f136a97d65cf77a39b230bf
172 | */
173 | 
174 | 
175 | /* SUBSCRIPTION & MEMBERSHIP STYLES */
176 | /* ================================= */
177 | 
178 | .notification-area {
179 |   display: none;
180 |   margin-left: auto;
181 |   margin-right: auto;
182 |   text-align: center;
183 |   background-color: #99ea02;
184 |   padding: 1rem;
185 |   box-sizing: border-box;
186 | }
187 | 
188 | .billing-cancel .notification-area {
189 |   background-color: #ccc;
190 | }
191 | 
192 | .message-success,
193 | .message-error {
194 |   display: none;
195 | }
196 | 
197 | .message-error,
198 | [data-members-error] {
199 |   color: red;
200 | }
201 | 
202 | .message-success {
203 |   color: green;
204 | }
205 | 
206 | .loading button span,
207 | .error button span,
208 | .success button span {
209 |   display: none;
210 | }
211 | 
212 | .loading button::after {
213 |   content: "Loading...";
214 | }
215 | 
216 | .error button::after {
217 |   content: "Error :(";
218 | }
219 | 
220 | .success button::after {
221 |   content: "Success :)";
222 | }
223 | 
224 | .success~.message-success,
225 | .invalid~.message-error,
226 | .error~.message-error {
227 |   display: block;
228 | }
229 | 
230 | .email-optin-widget--welcome-mat {
231 |   height: 100vh;
232 |   width: 100vw;
233 |   display: flex;
234 |   align-items: center;
235 |   justify-content: center;
236 |   max-width: 100%;
237 | }
238 | 


--------------------------------------------------------------------------------