translate templates from handlebars to tera

Author: senekor

templates/feed.tera

@@ -12,18 +12,18 @@
     </author>
     <updated>{{feed_updated}}</updated>
 
-    {{#each posts}}
+    {% for post in posts %}
     <entry>
-        <title>{{title}}</title>
-        <link rel="alternate" href="https://blog.rust-lang.org/{{../blog.prefix}}{{url}}" type="text/html" title="{{title}}" />
-        <published>{{published}}</published>
-        <updated>{{updated}}</updated>
-        <id>https://blog.rust-lang.org/{{../blog.prefix}}{{url}}</id>
-        <content type="html" xml:base="https://blog.rust-lang.org/{{../blog.prefix}}{{url}}">{{contents}}</content>
+        <title>{{post.title}}</title>
+        <link rel="alternate" href="https://blog.rust-lang.org/{{blog.prefix}}{{post.url}}" type="text/html" title="{{post.title}}" />
+        <published>{{post.published}}</published>
+        <updated>{{post.updated}}</updated>
+        <id>https://blog.rust-lang.org/{{blog.prefix}}{{post.url}}</id>
+        <content type="html" xml:base="https://blog.rust-lang.org/{{blog.prefix}}{{post.url}}">{{post.contents}}</content>
 
         <author>
-            <name>{{author}}</name>
+            <name>{{post.author}}</name>
         </author>
     </entry>
-    {{/each}}
+    {% endfor %}
 </feed>

templates/footer.tera

@@ -1,3 +1,4 @@
+{% macro footer(root) -%}
 <footer>
   <div class="w-100 mw-none ph3 mw8-m mw9-l center f3">
     <div class="row">
@@ -44,3 +45,4 @@
 
 <!-- scripts -->
 <script src="{{root}}scripts/highlight.js"></script>
+{% endmacro %}

templates/headers.tera

@@ -1,13 +1,14 @@
+{% macro headers(root, title, blog) -%}
  <!-- Twitter card -->
  <meta name="twitter:card" content="summary">
  <meta name="twitter:site" content="@rustlang">
  <meta name="twitter:creator" content="@rustlang">
- <meta name="twitter:title" content="{{title}}">
+ <meta name="twitter:title" content="{{title | escape_hbs}}">
  <meta name="twitter:description" content="{{blog.description}}">
 <meta name="twitter:image" content="https://www.rust-lang.org/static/images/rust-social.jpg">
 
 <!-- Facebook OpenGraph -->
-<meta property="og:title" content="{{title}}" />
+<meta property="og:title" content="{{title | escape_hbs}}" />
 <meta property="og:description" content="{{blog.description}}">
 <meta property="og:image" content="https://www.rust-lang.org/static/images/rust-social-wide.jpg" />
 <meta property="og:type" content="website" />
@@ -39,3 +40,4 @@
 
 <!-- theme switcher -->
 <script src="{{root}}scripts/theme-switch.js"></script>
+{% endmacro %}

templates/index.tera

@@ -1,17 +1,18 @@
-{{#*inline "page"}}
+{% extends "layout.tera" %}
+{% block page %}
 <header class="mt3 mt0-ns mb4-ns">
   <div class="container flex flex-column flex-row-l justify-between-l">
     <div class="mw6-l">
-      <p>{{{blog.index_html}}}</p>
+      <p>{{blog.index_html}}</p>
     </div>
   </div>    
   <div class="container flex flex-column flex-row-l justify-between-l">
     <div class="mw8-l">
       <p>
       <b>See also:</b>
-      {{#each other_blogs}}
-              <a href="{{../root}}{{url}}">{{link_text}}</a>
-      {{/each}}
+      {%- for other in other_blogs %}
+              <a href="{{root}}{{other.url}}">{{other.link_text | escape_hbs}}</a>
+      {%- endfor %}
       </p>
     </div>
   </div>
@@ -21,19 +22,18 @@
    <div class="w-100 mw-none ph3 mw8-m mw9-l center f3">
 
     <table class="post-list collapse w-100 f2-l f2-m f3-s">
-    {{#each blog.posts}}
-      {{#if show_year}}<tr>
+    {%- for post in blog.posts %}
+      {% if post.show_year %}<tr>
         <td class="bn"></td>
-        <td class="bn"><h3 class="f0-l f1-m f2-s mt4 mb0">Posts in {{year}}</h3></td>
-      </tr>{{/if}}
+        <td class="bn"><h3 class="f0-l f1-m f2-s mt4 mb0">Posts in {{post.year}}</h3></td>
+      </tr>{% endif %}
       <tr>
-        <td class="tr o-60 pr4 pr5-l bn">{{month_name month}}&nbsp;{{day}}</td>
-        <td class="bn"><a href="{{url}}">{{title}}</a></td>
+        <td class="tr o-60 pr4 pr5-l bn">{{post.month | month_name}}&nbsp;{{post.day}}</td>
+        <td class="bn"><a href="{{post.url}}">{{post.title | escape_hbs}}</a></td>
       </tr>
-    {{/each}}
+    {%- endfor %}
     </table>
 
   </div>
 </section>
-{{/inline}}
-{{~> layout~}}
+{%- endblock page %}

templates/layout.tera

@@ -1,15 +1,18 @@
+{% import "headers.tera" as headers %}
+{% import "nav.tera" as nav %}
+{% import "footer.tera" as footer %}
 <!DOCTYPE html>
 <html lang="en">
   <head>
     <meta charset="utf-8">
-    <title>{{ title }}</title>
+    <title>{{ title | escape_hbs }}</title>
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
 <meta name="description" content="Empowering everyone to build reliable and efficient software.">
-    {{> headers }}
+     {{ headers::headers(root=root, title=title, blog=blog) | indent(prefix="    ", blank=true) }}
   </head>
   <body>
-    {{> nav }}
-    {{~> page}}
-    {{> footer }}
+    {{ nav::nav(root=root, blog=blog) | indent(prefix="    ", blank=true) }}
+    {%- block page %}{% endblock page %}
+    {{ footer::footer(root=root) | indent(prefix="    ", blank=true) }}
   </body>
 </html>

templates/nav.tera

@@ -1,3 +1,4 @@
+{% macro nav(root, blog) -%}
 <nav class="flex flex-row justify-center justify-end-l items-center flex-wrap ph2 pl3-ns pr4-ns">
   <div class="brand flex-auto w-100 w-auto-l self-start tc tl-l">
     <a href="{{root}}{{blog.prefix}}">
@@ -23,3 +24,4 @@
     <script src="{{root}}scripts/theme-switch-post.js"></script>
   </ul>
 </nav>
+{% endmacro %}

templates/post.tera

@@ -1,19 +1,19 @@
-{{#*inline "page"}}
-<section id="{{post.title}}" class="white">
+{% extends "layout.tera" %}
+{% block page %}
+<section id="{{post.title | escape_hbs}}" class="white">
   <div class="w-100 mw-none ph3 mw8-m mw8-l center f3">
     <header>
-      <h2>{{ post.title }}</h2>
+      <h2>{{ post.title | escape_hbs }}</h2>
       <div class="highlight mt2 mb3"></div>
     </header>
 
-    <div class="publish-date-author">{{month_name post.month}} {{post.day}}, {{post.year}} &middot; {{post.author}}
-    {{#if post.has_team}} on behalf of <a href="{{post.team_url}}">{{post.team}}</a> {{/if}}
+    <div class="publish-date-author">{{post.month | month_name}} {{post.day}}, {{post.year}} &middot; {{post.author | escape_hbs}}
+    {% if post.has_team %} on behalf of <a href="{{post.team_url}}">{{post.team}}</a> {% endif %}
     </div>
 
     <div class="post">
-      {{{ post.contents }}}
+      {{ post.contents }}
     </div>
   </div>
 </section>
-{{/inline}}
-{{~> layout~}}
+{%- endblock page %}