home.hbs

{{!< default}}

{{#contentFor 'htmlLang'}}{{@site.locale}}{{/contentFor}}

{{#contentFor 'meta'}}
<link rel="alternate" type="application/rss+xml" title="Mindsers Blog - All English posts"
    href="{{@site.url}}/posts/rss/">
<link rel="alternate" type="application/rss+xml" title="Mindsers Blog - All French posts"
    href="{{@site.url}}/fr/posts/rss/">
{{/contentFor}}

{{#contentFor 'styles'}}
<link rel="stylesheet" type="text/css" href="{{asset "css/home.css"}}" />
{{/contentFor}}

{{#contentFor 'title'}}{{meta_title}} - Coding and entrepreneurship stories{{/contentFor}}

<div class="mds-home">
    <header class="mds-header">
        <div class="mds-container">
            <div class="presentation">
                <h1 class="mds-title">{{@site.description}}</h1>
                <p>
                    I'm Nathanaël (Mindsers) and I wrote hundreds of ressources to share with you everything
                    I learned from coding to starting a business.
                </p>
                <p>
                    Mindsers Blog started as a developer's personal blog but became an independant publication for
                    developers. Read about coding, freelance life, remote work, side businesses and finance.
                </p>
                {{#if @member}}
                    {{#unless @member.paid}}
                    <a href="{{@custom.global_cta_url}}" class="button highlighted">{{@custom.global_cta_text}}</a>
                    {{else}}
                    <a href="/posts/" class="button">Browse posts</a>
                    {{/unless}}
                {{else}}
                <p>
                    {{#if @custom.global_cta_url}}
                    <a href="{{@custom.global_cta_url}}" class="button highlighted">{{@custom.global_cta_text}}</a>
                    {{/if}}
                    <a href="#/portal/signup" class="button {{#unless @custom.global_cta_url}}primary{{/unless}}">Get the newsletter</a>
                </p>
                {{/if}}
            </div>
            <div class="illustration">
                {{> "images/developer"}}
            </div>
        </div>
    </header>

    <section class="mds-featured">
        <div class="mds-container">
            {{#get "posts" filter="featured:true" include="tags" limit="2"}}
            {{#foreach posts}}
            {{> "card"}}
            {{/foreach}}
            {{/get}}
        </div>
    </section>

    <section class="mds-testimonials">
        <div class="mds-container">
            {{> "testimonials"
                text="I discovered Mindsers on Instagram, and I learned so much since I read his blog (thanks for the C & PHP articles!). The community is the perfect environment to learn new things, come join us !"
                people="Arthur M."
            }}
            {{> "testimonials"
                text="Mindsers' blog is the perfect place to start when learning how to code! Full of good resources and advice."
                people="Maëva C."
            }}
            {{> "testimonials"
                text="Thanks for the blog, there are a lot of great content. I completely agree with what I read here especially in the ＂ Best Practices ＂ section. Keep the good work!"
                people="Yexan"
            }}
            {{> "testimonials"
                text="Super blog de Nath ! Les articles sont bien rédigés et illustrés. Rapides à lire, ils m’ont beaucoup aidé à démystifier certains sujets qui sont abstraits pour les débutants. Les exemples choisis sont pratiques et expliqués simplement. Je recommande à 100 %."
                people="Valérie A."
            }}
        </div>
    </section>

    <section class="post-grid">
        <div class="mds-container">
            <h2 class="section-title">
                My last blog posts
                <a class="icon" href="{{@site.url}}/posts/rss/"
                    title="Follow our English posts using a RSS reader">{{> "icons/rss"}}</a>
            </h2>
            <div class="mds-postfeed">
                {{#get "posts" filter="tag:hash-en+tag:-[hash-email,hash-newsletter-issue]" limit="5"}}
                    {{#foreach posts}}
                    {{> "thumbnail-card"}}
                    {{/foreach}}
                {{/get}}
                <div class="more">
                    <p>Want to read more?</p>
                    <p><a href="/posts/" class="button primary">Browse all</a></p>
                </div>
            </div>
        </div>
    </section>

    <section class="highlighted-band">
        <div class="mds-container">
            {{#if @member}}
            <h2 class="section-title">
                You can get more of Mindsers Blog with our private club!
            </h2>
            <a href="https://club.mindsers.blog/" class="button">Learn more about the club</a>
            {{else}}
            <h2 id="newsletter-signup" class="section-title">
                Join the {{total_members}} members and receive the blog posts straight into your inbox
            </h2>
            <p>
                <a href="#/portal/signup" class="button {{#unless @custom.global_cta_url}}primary{{/unless}}">Subscribe for free</a>
            </p>
            <p>No spam ever. Unsubscribe in a single click at any time.</p>
            {{/if}}
        </div>
    </section>

    <section class="post-grid">
        <div class="mds-container">
            <h2 class="section-title">
                My last French blog posts
                <a class="icon" href="{{@site.url}}/fr/posts/rss/"
                    title="Follow our French posts using a RSS reader">{{> "icons/rss"}}</a>
            </h2>
            <div class="mds-postfeed" lang="fr">
                {{#get "posts" filter="tag:hash-fr+tag:-[hash-email,hash-newsletter-issue]" limit="5"}}
                {{#foreach posts}}
                {{> "thumbnail-card"}}
                {{/foreach}}
                {{/get}}
                <div class="more" lang="en">
                    <p>Want to read more?</p>
                    <p><a href="/fr/posts/" class="button primary">Browse all</a></p>
                </div>
            </div>
        </div>
    </section>
</div>
</div>