godofredoninja / mapache Goto Github PK

You can use the theme Mapache for ghost in: Blog - Magazine - Landing page - Personal page - Photographers. and in many other things

Home Page: https://godofredo.ninja

License: GNU General Public License v3.0

Handlebars 62.97% JavaScript 15.47% Sass 19.24% SCSS 2.31%

ghost theme ghost-theme ghost-blog ghost-themes blog blog-theme magazine magazine-theme personal-blog

mapache's Introduction

Docs · Showcase · Contributing · PayPal · Twitter

───── ❝ Hello ❞ ─────
I created this theme for Ghost especially for you.
It is available for free so you can use on your site.

Featured

Mapache Settings
Site wide
- Header
  - Sticky (Default)
  - Hides when scrolling
  - None - Static
- Header Menu
  - Left (Default)
  - Center
  - Right
- Header background color
- Color Scheme
  - Auto (default)
  - Dark Mode
  - Light Mode
- Publication logo
  - Logo Dark Mode
  - Logo Size - 180px (Default)
- Membership
  - Disable Membership
  - Sidebar newsletter background
Post
- Post Font
  - font-sans (default)
  - font-serif
- Post size
  - 18px (default)
  - 20px
- Beautiful gallery viewer
  - Disable (default)
- Disqus Comments
Different Languages
- en — English default language
- es — Spanish
- de — German - By Frederik Niedernolte
- ko — Korean - By SHGroup
- fr — French - By Letroll
- pl — Polish - By kacperduras & RikoDEV
- pt — Brazilian Portuguese - By Renato Rattes
- sr — Serbian - By Marjan Panić
- uk — Ukrainian - By Maksim
- tr — 🇹🇷 Turkish by @tolgaaaltas
- nl — Dutch - By @sovereignhodler
Home Page
- Default
- Personal
- Blog
- Travel
- Fashion
Post Format
Pages
- Podcasts
- Contact
- 404
Archive
Post and Page
- Prism supported all syntax
- Video Responsive
  - Video
  - YouTube
  - Vimeo
  - kickstarter
  - Dailymotion
Post Content
- Related Articles
- Social share buttons support for posts
- Previous and next Post
Sidebar
- 4 featured articles on the home page
- 4 lates articles
- Tag Cloud
- Widget Newsletter
Secondary navigation in the footer
Pagination (Button load more)
Lazy Loading for images
AMP Template

Contributing

Im always looking for contributors of all skill levels! If you're looking to ease your way into the project, try out a good first issue.

I greatly appreciate any help in maintaining to keep the documentation up to date. My English is not so good and I am trying to make the documentation more understandable.

Code Contributors

This project exists thanks to all the people who contribute. [Contribute].

If you are interested in collaborating with Mapache, take a look at the Contributing Guide.

Financial Contributors

First I want to say thank you with all my heart and a million more Thank you. The donation you have made has motivated me to continue working with the improvement and updating the theme.

Bitcoin: 37UAJghdyy7JQaAuaY5YkyK3niySM5yPZ8
Ethereum: 0xF8687f32d0160B6126831Fc884d9B4AbdD8c55e6

Become a financial contributor and help us sustain our community.

Digital Ocean using my referral link and you will get free a $100 in credit over 60 days

Credits

Copyright & License

mapache's People

Contributors

Stargazers

Watchers

Forkers

kase-warner zervin magicool manuelramirezio kockltd bdew70 karanspiky3 felipeweb samdeacon epiju hackeryisus microtheta asolfre blivehub tzarumang v3rt1go tig4647 kenbonny johnluo ykswang pjtatlow doublenian timadidas h42i fluz hostmikroid sigurs gadc3 abhishekgahlot rafal-ics conchax flbla kidhero awwong1 spwilko jackson- buildfunthings br3nda canercay jmtalarn amit213 sithumn anitkumar216 jkruer01 caelums justinacton carrotzpc pdnguyen vegasbrianc killix jacobcward leafpub ladams00 laizhenwei debian789 decarboxy abbeywiz awesome-ghost-themes shwinnbin sangramchavan shaikhsardar ahmedkamal nnthienbao mtothed gaeldestrem lgp2013 alejandropasquini brentley vicwue old-s7uff nathan-havell witoszekdev bigdatacourses jimmikristensen iciclize junolym malunopeleke shubham0d witium shunin0424 shibamiandme hudell venku122 squadramunter abobwhite sunghun7511 letroll andrewnimmo mhtxi3d hamtar0 danielperez9430 willyw2k nickjamesio erikxxon slaptot hasilt astramor johnbiundo fenn-cs eudigitalis

mapache's Issues

Sidebar no longer fixed

Hi, first of all thanks a lot for this theme !

I've just pulled the repo to have uptodate files.

My sidebar fixed items are not fixed anymore, how can I solve this ?

Moment.js doesn't react to language changes

I use this code in code injection for changing the dates of moment.js to German:

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.15.1/moment.min.js"></script>  
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.15.1/locale/de.js"></script>
    var language = window.navigator.userLanguage || window.navigator.language;
    moment.locale(language);

      $('.timestamp time').each(function (i, date) {
        var $date = $(date);

        $date.html(
          moment($date.attr('datetime'))
            .format('ll')
        );
      });

but it doesn't show any reaction.
How to fix it?
Thanks

Feature request: previous & next post links

Could you please add previous & next post links to the end of a post?
The feature is available via the {{prev_post}} & {{next_post}} helpers:
https://themes.ghost.org/docs/prev_next_post

Search Does not work

Clicking on search result does not produce correct url. it adds "/ to the url and giving me 404. Can you please tell a fix?

Sidebar smaller while scrolling

I have a strange problem with the sidebar while scrolling: it seems to reduce the width in Chrome when I am actively scrolling.
Why is this a problem you may ask? Because the widget I use in that area doesn't fit anymore in that case and makes scrolling slower:

Another small and strange issue is the fact that the widget won't be displayed if I remove the first line

 <script src="//assets.juicer.io/embed.js" type="text/javascript"></script>

Do you know why?

Are you able to fix that?
URL: https://www.peleke.de/
Thanks in advance.

2.0.9 with a small issue

With the update to 2.0.9 I get the following error in Chrome developer console:

Uncaught TypeError: p is not a function at Object.finalize (main.js?v=c23494ee81:3) at o.fire (main.js?v=c23494ee81:3) at o.loadEvents (main.js?v=c23494ee81:3) at HTMLDocument.<anonymous> (main.js?v=c23494ee81:1) at HTMLDocument.dispatch (jquery.min.js:3) at HTMLDocument.r.handle (jquery.min.js:3) at Object.trigger (jquery.min.js:4) at n.fn.init.triggerHandler (jquery.min.js:4) at Function.ready (jquery.min.js:2) at HTMLDocument.J (jquery.min.js:2)

Demo: www.peleke.de

I think it is related to jQuery not loaded yet.

Load more pagination don't work

{{! -- Add Pagination -- }}
<div class="pagination" style="display:none">    
    <a href="#" id="pagination" class="pagination-link" mapache-page="{{pagination.pages}}" mapache-limit="{{@blog.posts_per_page}}">Load more</a>
</div>

It don't load more old articles, it only has spinning circle forever and nothing happen.

search doesnt work

Hi, how are you friends? How's going coding? You have done good theme in Ghost. Thank you. But area of search doesnt work. Did you check for me?

Dynamic Tag Navigation shows blue when white.css is used

Hello,

Lovely theme and thank you for sharing. Have a minor issue when using white css.

See below
http://salesforce-weekly-dev.ghost.io/tag/how-to/

Thanks

Open or Not ??

in your README
it is strictly forbidden commercial use. If you have any suggestions to improve the theme, you can send me tweet to @GodoFredoNinja

in your LICENCE
to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software

Line numbers not working

I have installed Ghost 1.5.0 with Mapache 2.0.8 and everything is working fine except for the line numbers of Prism JS as you can see here: https://www.peleke.de/ghost-1-0-aktualisierung-bei-uberspace/
How can I make it work?
Thanks in advance

ERR_CONNECTION_REFUSED on console

I get this error below, eventhough I opened the "public api" in Labs...

any ideas?

jquery.min.js:4 GET http://10.0.77.77:8080/ghost/api/v0.1/posts/?limit=all&include=tags&client_id=ghost-frontend&client_secret=f4d05d1eaff6 net::ERR_CONNECTION_REFUSED

Search links not working

The search results links are not working, clicking on them does nothing.

Very long loading times with 2.0.4 and Disqus

With the new version 2.0.4 I observe very long loading times until the website can be used. I had to switch back to 2.0.3 to get rid of them. The whole browser is unusable in this time (~10 seconds).
Do you know how to solve it? It works as expected with Facebook comments.
Thanks

Getting the error - Missing helper Get

ERROR: [index.hbs] Missing helper: "get"
Rendering Error Page
Ghost caught a processing error in the middleware layer.
Error: [index.hbs] Missing helper: "get"

at Object.<anonymous> (/srv/www/moments-of-lives/node_modules/express-hbs/node_modules/handlebars/dist/cjs/handlebars/base.js:86:13) at Object.eval (eval at createFunctionContext (/srv/www/moments-of-lives/node_modules/express-hbs/node_modules/handlebars/dist/cjs/handlebars/compiler/javascript-compiler.js:221:23), <anonymous>:6:68) at ret (/srv/www/moments-of-lives/node_modules/express-hbs/node_modules/handlebars/dist/cjs/handlebars/runtime.js:159:30) at ret (/srv/www/moments-of-lives/node_modules/express-hbs/node_modules/handlebars/dist/cjs/handlebars/compiler/compiler.js:488:21) at Object.invokePartial (/srv/www/moments-of-lives/node_modules/express-hbs/node_modules/handlebars/dist/cjs/handlebars/runtime.js:218:12) at Object.invokePartialWrapper [as invokePartial] (/srv/www/moments-of-lives/node_modules/express-hbs/node_modules/handlebars/dist/cjs/handlebars/runtime.js:61:39) at Object.eval (eval at createFunctionContext (/srv/www/moments-of-lives/node_modules/express-hbs/node_modules/handlebars/dist/cjs/handlebars/compiler/javascript-compiler.js:221:23), <anonymous>:12:23) at ret (/srv/www/moments-of-lives/node_modules/express-hbs/node_modules/handlebars/dist/cjs/handlebars/runtime.js:159:30) at ret (/srv/www/moments-of-lives/node_modules/express-hbs/node_modules/handlebars/dist/cjs/handlebars/compiler/compiler.js:488:21) at Object.invokePartial (/srv/www/moments-of-lives/node_modules/express-hbs/node_modules/handlebars/dist/cjs/handlebars/runtime.js:218:12) at Object.invokePartialWrapper [as invokePartial] (/srv/www/moments-of-lives/node_modules/express-hbs/node_modules/handlebars/dist/cjs/handlebars/runtime.js:61:39) at Object.eval (eval at createFunctionContext (/srv/www/moments-of-lives/node_modules/express-hbs/node_modules/handlebars/dist/cjs/handlebars/compiler/javascript-compiler.js:221:23), <anonymous>:6:23) at ret (/srv/www/moments-of-lives/node_modules/express-hbs/node_modules/handlebars/dist/cjs/handlebars/runtime.js:159:30) at ret (/srv/www/moments-of-lives/node_modules/express-hbs/node_modules/handlebars/dist/cjs/handlebars/compiler/compiler.js:488:21) at renderTemplate (/srv/www/moments-of-lives/node_modules/express-hbs/lib/hbs.js:481:13) at render (/srv/www/moments-of-lives/node_modules/express-hbs/lib/hbs.js:529:5) at renderIt (/srv/www/moments-of-lives/node_modules/express-hbs/lib/hbs.js:591:18) at /srv/www/moments-of-lives/node_modules/express-hbs/lib/hbs.js:601:11 at _returnLayouts (/srv/www/moments-of-lives/node_modules/express-hbs/lib/hbs.js:138:7) at /srv/www/moments-of-lives/node_modules/express-hbs/lib/hbs.js:149:7 at tryToString (fs.js:414:3) at FSReqWrap.readFileAfterClose [as oncomplete] (fs.js:401:12)

Please help.

Feature request: Feature article widget fixed (Sticky widget)

Demo not working

Your website is now on a different theme so it's no longer a demo of this one. Probably should update the links to a different demo page.

On bottom of main page loading endlessly

I set my site with 10 pages each. When I reach the bottom of the main page, and it most probably also occur in the other branches, it does say "loading", but there is no further progress. I doesn't load the next 10 articles and it does not show up to go on next page.

Maybe I am wrong? Thanks for help!

How to change index cover photo

Hi great theme!

I saw you have @blog.cover

but how do I pass the image url to it, to place a cover image in the main page?

thanks!

Next and previous article floting box appearing when printing an article

The floating box that allows going to the next and previous article is shown when printing a page, hence not allowing to see correctly the printed text. This should be invisible if we are printing the article.

url_regexp doesn't work for Google+ URLs

The regex used to determine if a URL is valid doesn't work for Google+ URLs like https://plus.google.com/+SergyBrin

Original: url_regexp = /^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/

Working: url_regexp = /^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \+\.-]*)*\/?$/

Just a matter of adding \+.

as I noticed the js scripts are uglified

could you add the regular js files,
so people could contribute to the theme.

I have noticed when you have no results in the search so it shows a blank white space,
maybe we should show "no results" inside it.

thanks

Search function broken

upon entering a query into the search bar, there is no button to execute the search and the return key doesn't do any action.

some errors in default.hbs

(index):130 The {{get}} helper is not available. Public API access must be enabled if you wish to use the {{get}} helper. See http://support.ghost.org/public-api-beta

Uncaught ReferenceError: ghost is not defined

Code Injection Theme BUG


<link rel="stylesheet" href="/assets/css/themes/grey.css"/>
This BUG because the theme path change.
You can change path to

<link rel="stylesheet" href="/assets/styles/themes/grey.css"/>

loading more nothing happends

Hi , I have installed your template on my ghost CMS. When I press loading more, Now new conntent is begin displayed. Do you know by any chance why? Because there is more content to show. What can I do to fix it?

website is https://cihatkaya.me/
you can check it live or look up the screenshot.

Language settings for FB comments plugin

You should add instructions in the README file to tell people how to change the default language in the FB comments plugin.

They will need to open line #35 of default.hbs and edit the highlighted field below to the language of their choice.

js.src = "//connect.facebook.net/es_US/sdk.js#xfbml=1&version=v2.4";

Language options are at https://developers.facebook.com/docs/plugins/like-button#language and https://www.facebook.com/translations/FacebookLocales.xml

Edit - I'm using your theme at http://ramachandr.in/

Author details with Facebook / Twitter

Could you please add support for Facebook / Twitter author details at the end of a post?
The feature was introduced in Ghost 0.8: http://academy.ghost.org/how-to-display-facebook-and-twitter-links-with-author-details/

Sidebar not showing

Hi,

first of all, thanks fo this great theme !

I'm not able to display the sidebar ... I've added some informations after the "your content here" statement, but nothing appears. Do I miss something ?

I'm on debian jessie, ghost 0.8.0, and mapache git cloned from today.

Feature request: display social box for mobile

I would like to see the social box in the mobile layout integrated below the navigation.
I have tried it with the following code in the footer.hbs:

{{!-- Menu page --}}
{{#if @blog.navigation}}
<nav id="menu-mobile" class="menu-mobile hide-after-lg">
    <ul class="menu-mobile-wrap u-unstyled">
        {{navigation}}
        <hr style="margin: 1em;">  
        <div class="footer-links-social social_box" style="padding-left:0.7rem;">
                {{#if @blog.facebook}} <a title="Facebook {{@blog.facebook}}" href="{{facebook_url}}" target="_blank" class="i-facebook"></a>{{/if}}
                {{#if @blog.twitter}} <a title="Twitter {{@blog.twitter}}" href="{{twitter_url}}" target="_blank" class="i-twitter"></a>{{/if}}
        </div>
    </ul>
</nav>
{{/if}}

That works but is not a beautiful solution...

Readme and License are contradictory.

The first paragraph says "It is strictly forbidden commercial use."

However, last paragraph and the LICENSE file release the theme under the MIT license which has no restrictions on commercial use.

Falta el logo de Telegram

Una vez insertado el código:

var followSocialMedia = {

'telegram':'https://...',

};

Con la url que hace referencia a un canal o grupo de Telegram. Guardo los cambios y a la hora de visualizarse no aparece el icono:

Uso la versión v2.0.9

Disqus comments in another language redundant

I have activated Disqus comments and changed the language strings in Disqus to German ("Kommentare") but Mapache shows "x Kommentare comments" instead of "x Kommentare".
How can I get rid of the English "comments" in Mapache?
Here is an example: https://www.peleke.de/ghost-1-0-aktualisierung-bei-uberspace/

Post image

Hi,

How did you add a image for your post see image below

Demo not working

On https://godofredo.ninja/blog I'm having this:
Cannot GET /blog%20

#image-post-format shouldn't use the post image

image-post-format shouldn't use the post image but the first "real" image of an article

Feature request: support localisation of dates

As written on https://dev.ghost.org/local-dates-themes/ I have added

<script type="text/javascript">  
$(document).ready(function () {
  moment.locale('de');

  $('.post-date').each(function (i, date) {
    var $date = $(date);

    $date.html(
      moment($date.attr('datetime'))
        .format('LLL')
    );
  });
});
</script>

to the blog footer part of the blog injection settings but I still see no difference in the dates.
Please support that feature.

Sidebar jumps to top and is completely broken

Am I doing something wrong here or is this a bug? I'm hosting the site on Ghost directly (for the test-period only).

I've added this to the blog header already:
<div class="sidebar-items">
<div class="fixed">
... your content fixed ...
</div>
</div>

"Load More" Button isn´t working

Hi,
thanks for your cool themes, i like it very much, but i have a few problems:

If i press the "Load More" Button on the site, the button circles and nothing happens. No error - no result.
Searchbox finds results, but a klick on it brings an 404. I´m using the blog in a subdomain and the search result are without the path for the subdomain. How can i change that?

Thanks for help,
hanspeter

hpz.eu/blog
Ghost 0.10.1

[Suggestion] Short post format?

I think it would be pretty cool to add a short post format that would not show the description and show only the title, a smaller thumbnail, and add some icon to say it's a short post when displayed on the homepage which would be useful for small update posts.

Here's an example of what I mean (this is from Android Police):

prismjs line-numbers

It looks like since the update to use the autoloader, the line-numbers stopped working. I was not able to find the plugin in the code so I think this needs to be added somewhere.

function(){"undefined"!=typeof self&&self.Prism&&self.document&&Prism.hooks.add("complete",function(e){if(e.code){var t=e.element.parentNode,s=/\s*\bline-numbers\b\s*/;if(t&&/pre/i.test(t.nodeName)&&(s.test(t.className)||s.test(e.element.className))&&!e.element.querySelector(".line-numbers-rows")){s.test(e.element.className)&&(e.element.className=e.element.className.replace(s,"")),s.test(t.className)||(t.className+=" line-numbers");var n,a=e.code.match(/\n(?!$)/g),l=a?a.length+1:1,r=new Array(l+1);r=r.join("<span></span>"),n=document.createElement("span"),n.setAttribute("aria-hidden","true"),n.className="line-numbers-rows",n.innerHTML=r,t.hasAttribute("data-start")&&(t.style.counterReset="linenumber "+(parseInt(t.getAttribute("data-start"),10)-1)),e.element.appendChild(n)}}})}()

Impossible to use prism

Hi fredo, thanks for your template, nice job :) I'm trying now to use prism, but it does not work. I'm using v2.0.9. My blog is here : https://pagesjaunestech.ghost.io/. I saw all sources of prism in the zip file. Should I activate a particular conf for prism to work? Thanks a lot.

Add more languages to Prism

Is it possible to add more languages for Prism syntax highlight? It looks like only a subset is provided.

Missing space between "href" and "onclick"

In post.hbs there is missing space between href and onclick tag:
(...) href="https://twitter.com/share?text={{encode title}}&url={{url absolute="true"}}"onclick= (...)
And it should be:
(...) href="https://twitter.com/share?text={{encode title}}&url={{url absolute="true"}}" onclick= (...)

Ghost 1.0 support

Is Mapache already compatible with the upcoming Ghost 1.0 update or do you have plans to make it compatible?
Thanks!

Add more Video embeds to the Video Layout

I use Vid.me for my videos so it would be nice for the video layout to work with those.

Example embed code:

<iframe src="https://vid.me/e/DUiF?stats=1" width="1280" height="720" frameborder="0" allowfullscreen webkitallowfullscreen mozallowfullscreen scrolling="no"></iframe>

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>  
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/locale/de.js"></script>
<script src="//cdn.rawgit.com/noelboss/featherlight/1.7.2/release/featherlight.min.js" type="text/javascript" charset="utf-8"></script>
<script src="//cdn.rawgit.com/marcandre/detect_swipe/v2.1.3/jquery.detect_swipe.js" type="text/javascript" charset="utf-8"></script>
<script src="//cdn.rawgit.com/noelboss/featherlight/1.7.2/release/featherlight.gallery.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    function linkopener(a) {
    var b = a ? "_blank" : "_self";
    var c = document.links;
    for (var i = 0; i < c.length; i++) {
        if (c[i].href.search("peleke.de") == -1) {
            c[i].addEventListener("click", function () {
                    this.target = b;
            });
         }
    }
}
$('.gallery').featherlightGallery();
$(document).ready(function(){
	linkopener(true);
    var img = jQuery(".post img");
    img.each(function() {
       var element = jQuery(this);
        var a = jQuery("<a />", {href: element.attr("src"), "data-featherlight": "image"});
        element.wrap(a);
    });
    
    var language = window.navigator.userLanguage || window.navigator.language;
    moment.locale('de');

      $('.timestamp').each(function (i, date) {
        var $date = $(date);

        $date.html(
          moment($date.attr('datetime'))
            .format('ll')
        );
      });
</script>

See it in action on www.peleke.de

Thanks for support!