😉

.stylelintrc.json

@@ -0,0 +1,26 @@
+{
+  "extends": "stylelint-config-sass-guidelines",
+  "rules": {
+    "block-opening-brace-space-before": null,
+    "selector-class-pattern": null,
+    "number-leading-zero": null,
+    "indentation": null,
+    "no-empty-source": null,
+    "declaration-block-trailing-semicolon": null,
+    "color-hex-case": null,
+    "selector-list-comma-newline-after": null,
+    "selector-max-compound-selectors": 4,
+    "max-nesting-depth": 4,
+    "value-no-vendor-prefix": null,
+    "string-quotes": null,
+    "color-named": null,
+    "rule-empty-line-before": ["always", {
+      "ignore": ["after-comment", "first-nested", "inside-block"]
+    }],
+    "selector-no-qualifying-type": [true, {
+      "ignore": ["attribute", "class", "id"]
+    }],
+    "property-no-vendor-prefix": null,
+    "order/properties-alphabetical-order": null
+  }
+}

CONTRIBUTING.md

@@ -0,0 +1,93 @@
+# Contributing
+
+:smile: Thank you for contributing to Mapache!
+
+## Development
+
+Mpache uses [Gulp](https://gulpjs.com/) as a build tool and [Yarn](https://yarnpkg.com/) to manage front-end packages.
+
+```bash
+# clone this repo
+$ git clone https://github.com/godofredoninja/Mapache.git
+
+# Go to the folder
+$ cd Mapache
+
+# link to ghost themes dir
+$ ln -s $PWD path/to/ghost/content/themes/Mapache
+
+# install the dependencies
+$ yarn install
+
+# run build & livereload task
+$ yarn dev
+
+# restart ghost server
+$ cd path/to/ghost && ghost restart --development
+```
+
+### Icons
+
+[Ionicons](https://github.com/ionic-team/ionicons) and generated by [Icomoon](https://icomoon.io/app/#/select) after import  `src/svg-icons/selection.json`
+
+### Build commands
+
+- `yarn dev` — Compile assets when file changes are made, start [livereload](http://livereload.com/)
+- `yarn build` — Compile and optimize the files in your assets directory
+- `yarn prod` — Compile assets for production and generate a `dist/mapache.zip`
+
+### Additional commands
+
+- `yarn lint:js` — [Standard](https://standardjs.com/), Check for errors in the script.
+- `yarn lint:sass` — [Stylelint](https://stylelint.io/), Check for errors in the styles.
+- `yarn lint` — Check error in script and styles.
+- `yarn scan` — [Ghost Scan](https://github.com/TryGhost/gscan) check for errors, deprecation and other compatibility issues.
+- `yarn test` — Check the script errors and styles then check the theme if it is compatible with the latest version of Ghost.
+
+## Git/GitHub workflow
+
+This is our preferred process for opening a PR on GitHub:
+
+1. [Fork](http://help.github.com/fork-a-repo/) the repo, clone your fork, and configure the remotes:
+
+    ```bash
+    # Clone your fork
+    git clone https://github.com/<your-username>/Mapache.git
+
+    # Navigate to the newly cloned directory
+    cd Mapache
+
+    # Assign the original repo to a remote called "upstream"
+    git remote add upstream https://github.com/godofredoninja/Mapache.git
+    ```
+
+2. If you cloned a while ago, get the latest changes from upstream:
+
+    ```bash
+    git checkout master
+    git pull upstream master
+    ```
+
+3. Create a new topic branch (off the main project development branch) to contain your feature, change, or fix:
+
+    ```bash
+    git checkout -b <topic-branch-name>
+    ```
+
+4. Locally merge:
+
+    ```bash
+    git checkout master
+
+    git merge <topic-branch-name>
+    ```
+
+5. When your changes are ready for review, push your branch:
+
+    ```bash
+    git push origin master
+    ```
+
+6. [Open a Pull Request](https://help.github.com/articles/using-pull-requests/) with a clear title and description.
+
+7. When the changes have been reviewed and approved, I will merge for you.

amp.hbs

@@ -10,15 +10,13 @@
 
     {{amp_ghost_head}}
 
-    {{!-- Google Fonst --}}
-    <link href="https://fonts.googleapis.com/css?family=Domine|Rubik:400,500,700&display=swap" rel="stylesheet">
-
     {{!-- Only For dev --}}
     {{!-- <link rel="stylesheet" type="text/css" href="{{asset "styles/amp.css"}}"/>
-    <style>.u-bgColor{background-color:#161D25}</style> --}}
+    <style>{{amp_style}}</style> --}}
 
     {{!-- Style Custom --}}
-    <style amp-custom>.u-bgColor{background-color:#161D25}{{> "amp/amp-styles"}}</style>
+    <style amp-custom>{{> "amp/amp-styles"}}{{amp_style}}</style>
+    {{!-- <style amp-custom>:root {--ghost-accent-color:#005af0}{{> "amp/amp-styles"}}</style> --}}
 
     {{!-- The AMP boilerplate --}}
     <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
@@ -27,28 +25,34 @@
     <script async custom-element="amp-social-share" src="https://cdn.ampproject.org/v0/amp-social-share-0.1.js"></script>
 
     {{amp_components}}
+
+    {{#post}}{{#if feature_image}}<link rel="preload" href="{{img_url feature_image size="m" absolute="true"}}" as="image">{{/if}}{{/post}}
 </head>
 <body class="amp-template">
     {{!-- Header --}}
     {{> "amp/amp-header"}}
 
     <main class="main">
+        {{#post}}
         {{!-- Content --}}
         {{> "amp/amp-body"}}
 
         {{!-- Related --}}
         {{> "amp/amp-related"}}
+        {{/post}}
     </main>
 
     {{!-- Sidenav --}}
     {{> "amp/amp-sidebar"}}
 
     {{!-- Footer copyright --}}
-    <footer class="footer">
-        <section class="u-container copyright u-textCenter">
+    <footer class="footer text-gray-500 text-sm pt-8 pb-8">
+        <section class="container copyright text-center font-medium">
             &copy; {{date format="YYYY"}} <a href="{{@site.url}}">{{@site.title}}</a>
-            Design with ♥ by <a href="https://godofredo.ninja" title="Developer Web FullStack.">GodoFredo</a>
+            Design with ♥ by <a href="https://godofredo.ninja" aria-label="Design with love by GodoFredo">GodoFredo</a>
         </section>
     </footer>
+
+    {{amp_analytics}}
 </body>
 </html>