Code documented

This commit is contained in:
Eduardo 2019-04-14 20:41:25 +02:00
parent 9410187274
commit fbfec0cde1
17 changed files with 120 additions and 6 deletions

View file

@ -1,9 +1,17 @@
{{!--
This template is used for the author page.
--}}
{{!-- The tag below means: insert everything in this file
into the {body} of the default.hbs template --}}
{{!< default}} {{!< default}}
<div class="main-wrap"> <div class="main-wrap">
{{!-- Everything inside the #author tags pulls data from the author --}}
{{#author}} {{#author}}
{{!--Special header.hbs partial to generate the <header> tag--}}
{{> header background=cover_image}} {{> header background=cover_image}}
{{!-- Inject styles of the hero image to make it responsive --}}
{{> hero background=cover_image}} {{> hero background=cover_image}}
<div class="m-hero__content" data-aos="fade-down"> <div class="m-hero__content" data-aos="fade-down">
{{#if profile_image}} {{#if profile_image}}
@ -59,9 +67,11 @@
<div class="l-content"> <div class="l-content">
<div class="l-wrapper" data-aos="fade-up" data-aos-delay="300"> <div class="l-wrapper" data-aos="fade-up" data-aos-delay="300">
<div class="l-grid centered"> <div class="l-grid centered">
{{!-- The tag below iterates over all the posts --}}
{{> "loop"}} {{> "loop"}}
</div> </div>
</div> </div>
{{!-- Links to Previous/Next posts --}}
{{pagination}} {{pagination}}
</div> </div>
</main> </main>

View file

@ -13,15 +13,19 @@
{{!-- Styles'n'Scripts --}} {{!-- Styles'n'Scripts --}}
<link rel="stylesheet" type="text/css" href="{{asset "css/app.css"}}" media="screen" /> <link rel="stylesheet" type="text/css" href="{{asset "css/app.css"}}" media="screen" />
{{!-- This #block helper will pull data from the hero partial
to inject styles of the hero image to make it responsive --}}
{{{block "herobackground"}}} {{{block "herobackground"}}}
{{!-- This tag outputs SEO meta+structured data and other important settings --}} {{!-- This tag outputs SEO meta+structured data and other important settings --}}
{{ghost_head}} {{ghost_head}}
{{!-- This variable is used to make the search form work --}}
<script> <script>
const ghostHost = "{{@site.url}}" const ghostHost = "{{@site.url}}"
</script> </script>
{{!-- This script loads the Google fornt asynchronously --}}
<script> <script>
WebFontConfig = { WebFontConfig = {
google: { families: ['Source+Sans+Pro:400,600,700'] } google: { families: ['Source+Sans+Pro:400,600,700'] }

View file

@ -1,5 +1,12 @@
{{!--
This error template is used for all 404 errors, which might occur on your site.
--}}
{{!-- The tag below means: insert everything in this file
into the {body} of the default.hbs template --}}
{{!< default}} {{!< default}}
{{!--Special header.hbs partial to generate the <header> tag--}}
{{> header}} {{> header}}
<main class="l-fullscreen"> <main class="l-fullscreen">

View file

@ -1,8 +1,16 @@
{{!--
This template is used for the index page.
It can be used also as the home page or the default page.
--}}
{{!-- The tag below means: insert everything in this file
into the {body} of the default.hbs template --}}
{{!< default}} {{!< default}}
<div class="main-wrap"> <div class="main-wrap">
{{!--Special header.hbs partial to generate the <header> tag--}}
{{> header background=@site.cover_image}} {{> header background=@site.cover_image}}
{{!-- Inject styles of the hero image to make it responsive --}}
{{> hero background=@site.cover_image}} {{> hero background=@site.cover_image}}
<div class="m-hero__content" data-aos="fade-down"> <div class="m-hero__content" data-aos="fade-down">
<h1 class="m-hero-title bigger">{{@site.title}}</h1> <h1 class="m-hero-title bigger">{{@site.title}}</h1>
@ -66,14 +74,17 @@
</div> </div>
{{/if}} {{/if}}
{{/get}} {{/get}}
{{!-- The tag below iterates over all the posts --}}
{{> "loop"}} {{> "loop"}}
</div> </div>
</div> </div>
{{!-- Links to Previous/Next posts --}}
{{pagination}} {{pagination}}
</div> </div>
</main> </main>
</div> </div>
{{!-- The #contentFor helper here will send everything inside it up to the matching #block helper found in default.hbs --}}
{{#contentFor "scripts"}} {{#contentFor "scripts"}}
<script defer src="{{asset "js/home.js"}}"></script> <script defer src="{{asset "js/home.js"}}"></script>
{{/contentFor}} {{/contentFor}}

View file

@ -1,9 +1,17 @@
{{!--
This template is used for the authors page.
You must first create a page called Authors in the dashboard to enable it.
--}}
{{!-- The tag below means: insert everything in this file
into the {body} of the default.hbs template --}}
{{!< default}} {{!< default}}
{{#post}} {{#post}}
<div class="main-wrap"> <div class="main-wrap">
{{!--Special header.hbs partial to generate the <header> tag--}}
{{> header background=feature_image}} {{> header background=feature_image}}
{{!-- Inject styles of the hero image to make it responsive --}}
{{> hero background=feature_image}} {{> hero background=feature_image}}
<div class="m-hero__content" data-aos="fade-down"> <div class="m-hero__content" data-aos="fade-down">
<h1 class="m-hero-title bigger">{{title}}</h1> <h1 class="m-hero-title bigger">{{title}}</h1>

View file

@ -1,9 +1,17 @@
{{!--
This template is used for the posts that are marked as pages.
--}}
{{!-- The tag below means: insert everything in this file
into the {body} of the default.hbs template --}}
{{!< default}} {{!< default}}
{{!-- Everything inside the #post tags pulls data from the post --}}
{{#post}} {{#post}}
<div class="main-wrap"> <div class="main-wrap">
{{!--Special header.hbs partial to generate the <header> tag--}}
{{> header background=feature_image}} {{> header background=feature_image}}
{{!-- Inject styles of the hero image to make it responsive --}}
{{> hero background=feature_image}} {{> hero background=feature_image}}
<div class="m-hero__content" data-aos="fade-down"> <div class="m-hero__content" data-aos="fade-down">
<h1 class="m-hero-title bigger">{{title}}</h1> <h1 class="m-hero-title bigger">{{title}}</h1>
@ -28,6 +36,7 @@
</div> </div>
{{/post}} {{/post}}
{{!-- The #contentFor helper here will send everything inside it up to the matching #block helper found in default.hbs --}}
{{#contentFor "scripts"}} {{#contentFor "scripts"}}
<script defer src="{{asset "js/page.js"}}"></script> <script defer src="{{asset "js/page.js"}}"></script>
{{/contentFor}} {{/contentFor}}

View file

@ -1,3 +1,7 @@
{{!--
This footer template is shared across all the pages.
--}}
<footer class="m-footer"> <footer class="m-footer">
<div class="m-footer__content"> <div class="m-footer__content">
<p class="m-footer-copyright"> <p class="m-footer-copyright">

View file

@ -1,3 +1,7 @@
{{!--
This header template is shared across all the pages.
--}}
{{#if background}} {{#if background}}
<header class="m-header with-picture js-header"> <header class="m-header with-picture js-header">
{{else}} {{else}}

View file

@ -1,3 +1,8 @@
{{!--
If the template in question has a background image, then we render responsive image styles
for it, and apply those styles to the <header> tag.
--}}
{{#if background}} {{#if background}}
{{#contentFor "herobackground"}} {{#contentFor "herobackground"}}
<style> <style>

View file

@ -1,3 +1,5 @@
{{!-- The template below includes the markup for each post --}}
{{#foreach posts}} {{#foreach posts}}
{{#is "post"}} {{#is "post"}}
<div class="m-recommended-slider__item"> <div class="m-recommended-slider__item">

View file

@ -1,3 +1,8 @@
{{!--
This navigation template is shared across all the pages.
Also it includes the big submenu.
--}}
<ul role="menu"> <ul role="menu">
{{#if @site.logo}} {{#if @site.logo}}
<li class="only-desktop" role="menuitem"> <li class="only-desktop" role="menuitem">

View file

@ -1,3 +1,7 @@
{{!--
This pagination template is used to navigate through newer and older articles.
--}}
<div class="l-wrapper"> <div class="l-wrapper">
<nav class="m-pagination"> <nav class="m-pagination">
{{#if prev}} {{#if prev}}

View file

@ -1,3 +1,9 @@
{{!--
This search template is used to display the search form.
You need to create a custom integration first to get a Content API key and then
follow the instructions to enable the search feature.
--}}
<div class="m-search js-search"> <div class="m-search js-search">
<button class="m-icon-button outlined as-close-search js-close-search" aria-label="Close search"> <button class="m-icon-button outlined as-close-search js-close-search" aria-label="Close search">
<span class="icon-close"></span> <span class="icon-close"></span>

View file

@ -1,3 +1,8 @@
{{!--
This subscribe template is used to display the form where users can subscribe.
You need to enable the subscription feature first.
--}}
<form method="post" action="{{action}}" id="{{form_id}}" class="{{form_class}}"> <form method="post" action="{{action}}" id="{{form_id}}" class="{{form_class}}">
{{hidden}} {{hidden}}

View file

@ -1,9 +1,17 @@
{{!--
This template is used for the post page.
--}}
{{!-- The tag below means: insert everything in this file
into the {body} of the default.hbs template --}}
{{!< default}} {{!< default}}
<div class="main-wrap"> <div class="main-wrap">
{{!-- Everything inside the #post tags pulls data from the post --}}
{{#post}} {{#post}}
{{!--Special header.hbs partial to generate the <header> tag--}}
{{> header background=feature_image}} {{> header background=feature_image}}
{{!-- Inject styles of the hero image to make it responsive --}}
{{> hero background=feature_image}} {{> hero background=feature_image}}
</header> </header>
{{/post}} {{/post}}
@ -11,6 +19,7 @@
<main> <main>
<article> <article>
<div class="l-content"> <div class="l-content">
{{!-- Everything inside the #post tags pulls data from the post --}}
{{#post}} {{#post}}
<div class="l-wrapper in-post js-aos-wrapper" data-aos="fade-up" data-aos-delay="300"> <div class="l-wrapper in-post js-aos-wrapper" data-aos="fade-up" data-aos-delay="300">
{{#if @labs.subscribers}} {{#if @labs.subscribers}}
@ -49,6 +58,7 @@
</div> </div>
</div> </div>
</div> </div>
{{!-- Email subscribe form at the bottom of the page --}}
{{#if @labs.subscribers}} {{#if @labs.subscribers}}
<section class="m-subscribe-section"> <section class="m-subscribe-section">
<div class="l-wrapper in-post"> <div class="l-wrapper in-post">
@ -123,6 +133,7 @@
</div> </div>
</div> </div>
</section> </section>
{{!-- If you want to embed comments, this is a good place to do it! --}}
{{!-- {{!--
<section class="m-comments"> <section class="m-comments">
<div class="m-load-comments"> <div class="m-load-comments">
@ -149,12 +160,14 @@
</section> </section>
--}} --}}
{{/post}} {{/post}}
{{!-- Related posts --}}
{{#get "posts" limit="3" filter="tags:[{{post.tags}}]+id:-{{post.id}}" include="tags,authors" as |related|}} {{#get "posts" limit="3" filter="tags:[{{post.tags}}]+id:-{{post.id}}" include="tags,authors" as |related|}}
<section class="m-recommended"> <section class="m-recommended">
<div class="l-wrapper in-recommended"> <div class="l-wrapper in-recommended">
<h3 class="m-section-title in-recommended">Recommended for you</h3> <h3 class="m-section-title in-recommended">Recommended for you</h3>
<div class="m-recommended-articles"> <div class="m-recommended-articles">
<div class="m-recommended-slider js-recommended-articles"> <div class="m-recommended-slider js-recommended-articles">
{{!-- The tag below iterates over all the related posts --}}
{{> "loop"}} {{> "loop"}}
</div> </div>
</div> </div>
@ -166,6 +179,7 @@
</main> </main>
</div> </div>
{{!-- The #contentFor helper here will send everything inside it up to the matching #block helper found in default.hbs --}}
{{#contentFor "scripts"}} {{#contentFor "scripts"}}
<script defer src="{{asset "js/post.js"}}"></script> <script defer src="{{asset "js/post.js"}}"></script>
{{/contentFor}} {{/contentFor}}

View file

@ -1,3 +1,9 @@
{{!--
This error template is used for the subscription page.
--}}
{{!-- The tag below means: insert everything in this file
into the {body} of the default.hbs template --}}
{{!< default}} {{!< default}}
<div class="l-wrapper" data-aos="fade-down"> <div class="l-wrapper" data-aos="fade-down">

12
tag.hbs
View file

@ -1,9 +1,17 @@
{{!--
This template is used for the tag page.
--}}
{{!-- The tag below means: insert everything in this file
into the {body} of the default.hbs template --}}
{{!< default}} {{!< default}}
<div class="main-wrap"> <div class="main-wrap">
{{!-- Everything inside the #tag tags pulls data from the tag --}}
{{#tag}} {{#tag}}
{{!--Special header.hbs partial to generate the <header> tag--}}
{{> header background=feature_image}} {{> header background=feature_image}}
{{!-- Inject styles of the hero image to make it responsive --}}
{{> hero background=feature_image}} {{> hero background=feature_image}}
<div class="m-hero__content" data-aos="fade-down"> <div class="m-hero__content" data-aos="fade-down">
<h1 class="m-hero-title bigger">{{name}}</h1> <h1 class="m-hero-title bigger">{{name}}</h1>
@ -18,9 +26,11 @@
<div class="l-content"> <div class="l-content">
<div class="l-wrapper" data-aos="fade-up" data-aos-delay="300"> <div class="l-wrapper" data-aos="fade-up" data-aos-delay="300">
<div class="l-grid centered"> <div class="l-grid centered">
{{!-- The tag below iterates over all the posts --}}
{{> "loop"}} {{> "loop"}}
</div> </div>
</div> </div>
{{!-- Links to Previous/Next posts --}}
{{pagination}} {{pagination}}
</div> </div>
</main> </main>