imagen-jekyll-theme 0.1.0

data/_includes/svg/copy-icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="18px" viewBox="0 0 24 24" width="18px" fill="#ffffff"><path d="M0 0h24v24H0z" fill="none"/><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"/></svg>

data/_includes/svg/done-icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="18px" viewBox="0 0 24 24" width="18px" fill="#ffffff"><path d="M0 0h24v24H0z" fill="none"/><path d="M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"/></svg>

data/_includes/svg/location.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg fill="#000000" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
+	 viewBox="0 0 395.71 395.71"
+	 xml:space="preserve">
+<g>
+	<path d="M197.849,0C122.131,0,60.531,61.609,60.531,137.329c0,72.887,124.591,243.177,129.896,250.388l4.951,6.738
+		c0.579,0.792,1.501,1.255,2.471,1.255c0.985,0,1.901-0.463,2.486-1.255l4.948-6.738c5.308-7.211,129.896-177.501,129.896-250.388
+		C335.179,61.609,273.569,0,197.849,0z M197.849,88.138c27.13,0,49.191,22.062,49.191,49.191c0,27.115-22.062,49.191-49.191,49.191
+		c-27.114,0-49.191-22.076-49.191-49.191C148.658,110.2,170.734,88.138,197.849,88.138z"/>
+</g>
+</svg>

data/_includes/svg/menu.svg

@@ -0,0 +1,8 @@
+<svg
+	class=""
+	viewBox="0 0 16 14"
+	xmlns="http://www.w3.org/2000/svg">
+<line x1="1" y1="1" x2="15" y2="1" stroke="#155aa8" stroke-width="2" stroke-linecap="round"/>
+<line x1="1" y1="6.81836" x2="15" y2="6.81836" stroke="#155aa8" stroke-width="2" stroke-linecap="round"/>
+<line x1="1" y1="12.6362" x2="15" y2="12.6362" stroke="#155aa8" stroke-width="2" stroke-linecap="round"/>
+</svg>

data/_includes/svg/photo.svg

@@ -0,0 +1,7 @@
+<svg width=33 id="screenshot-0ac05513-ebf0-8010-8001-d071c5b2778b" fill="none" style="-webkit-print-color-adjust:exact" version="1.1" viewBox="0 0 33 30" xmlns="http://www.w3.org/2000/svg">
+ <g id="shape-0ac05513-ebf0-8010-8001-d071c5b2778b" width="19" height="17" rx="0" ry="0" fill="#000">
+  <g class="fills">
+   <path rx="0" ry="0" d="m33 7.5v19.286c0 1.774-1.386 3.214-3.094 3.214h-26.812c-1.708 0-3.094-1.44-3.094-3.214v-19.286c0-1.775 1.386-3.214 3.094-3.214h5.672l0.792-2.203c0.452-1.253 1.605-2.083 2.894-2.083h8.089c1.289 0 2.443 0.83 2.894 2.083l0.799 2.203h5.672c1.708 0 3.094 1.439 3.094 3.214zm-8.766 9.643c0-4.433-3.467-8.036-7.734-8.036s-7.734 3.603-7.734 8.036 3.467 8.036 7.734 8.036 7.734-3.603 7.734-8.036zm-2.062 0c0 3.248-2.546 5.893-5.672 5.893s-5.672-2.645-5.672-5.893 2.546-5.893 5.672-5.893 5.672 2.645 5.672 5.893z" fill="#155aa8"/>
+  </g>
+ </g>
+</svg>

data/_includes/svg/signo-pregunta.svg

@@ -0,0 +1,16 @@
+<svg version="1.1" viewBox="0 0 10.583 10.319" xmlns="http://www.w3.org/2000/svg">
+ <g transform="translate(-118.5 -159.55)">
+  <g class="fills" transform="matrix(.26458 0 0 .26458 118.5 159.55)" style="-webkit-print-color-adjust:exact">
+   <ellipse cx="20" cy="19.5" rx="20" ry="19.5" fill="#e4e4e4" fill-rule="evenodd" stroke-linecap="square" stroke-linejoin="round" stroke-width="2.2866" style="paint-order:markers stroke fill"/>
+  </g>
+  <g transform="matrix(.28406 0 0 .28406 118.65 158.69)" style="-webkit-print-color-adjust:exact">
+   <g class="text-container" x="14.000000013547606" y="7.0000000061179435" width="9.000000023601388" height="24.000000016759373" rx="0" ry="0">
+    <g class="fills">
+     <g dominant-baseline="ideographic" style="white-space:pre" aria-label="?">
+      <path d="m16.742 23.727q0-0.76 0.1371-1.3 0.15668-0.56 0.50922-1.06 0.37212-0.5 0.99885-1.04 0.76382-0.66 1.1751-1.1 0.43088-0.44 0.60714-0.86 0.17627-0.42 0.17627-1.02 0-0.96-0.60714-1.48t-1.7627-0.52q-0.95968 0-1.7039 0.26-0.74424 0.24-1.4297 0.58l-0.60714-1.4q0.78341-0.42 1.7235-0.7 0.95968-0.28 2.1348-0.28 1.8606 0 2.879 0.94t1.0184 2.56q0 0.9-0.29378 1.54-0.27419 0.62-0.803 1.16-0.50922 0.52-1.2143 1.12-0.64631 0.56-0.99885 0.98-0.33295 0.42-0.45046 0.84-0.11751 0.4-0.11751 0.98v0.34h-1.371zm-0.45046 3.48q0-0.74 0.33295-1.04 0.35253-0.3 0.88134-0.3 0.48963 0 0.84217 0.3t0.35254 1.04q0 0.72-0.35254 1.04-0.35253 0.32-0.84217 0.32-0.5288 0-0.88134-0.32-0.33295-0.32-0.33295-1.04z"/>
+     </g>
+    </g>
+   </g>
+  </g>
+ </g>
+</svg>

data/_includes/svg/x.svg

@@ -0,0 +1,3 @@
+<svg class="{{ include.class }}"  version="1.1" viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg">
+ <path d="m0.68919 9.8452e-4c-0.297 0.029008-0.54983 0.22834-0.64723 0.51044-0.09767 0.2821-0.021557 0.59507 0.19428 0.80107l5.1744 5.1864-5.1744 5.1744c-0.29966 0.29965-0.29966 0.78532 0 1.085 0.29966 0.29976 0.78533 0.29976 1.085 0l5.1864-5.1863 5.1743 5.1863c0.29976 0.29976 0.78543 0.29976 1.0848 0 0.29976-0.29965 0.29976-0.78532 3.15e-4 -1.085l-5.1864-5.1744 5.1864-5.1864c0.22757-0.21983 0.29598-0.55754 0.17165-0.84869-0.12454-0.29114-0.41569-0.47531-0.73213-0.4628-0.19767 0.0047903-0.38558 0.085959-0.52449 0.22674l-5.1744 5.1744-5.1864-5.1744c-0.14478-0.14663-0.34277-0.22834-0.5485-0.22674-0.027944-0.0013307-0.055621-0.0013307-0.083567 0z" clip-rule="evenodd" fill-rule="evenodd" stroke-width="1.0492"/>
+</svg>

data/_includes/tel.html

@@ -0,0 +1,9 @@
+{%- comment -%}
+
+Form: type tel
+
+@param :field [Integer] El campo del formulario
+@param :input_class [String] Las clases del componente
+{%- endcomment -%}
+
+{% include input.html field=field input_class=include.input_class %}

data/_includes/text.html

@@ -0,0 +1,40 @@
+{%- comment -%}
+
+Form: type text
+
+@param :field [Integer] El campo del formulario
+@param :text_class [String] Las clases del componente
+{%- endcomment -%}
+
+{%- assign name = include.field[0] -%}
+{%- assign id = include.field[1].id | default: name -%}
+{%- assign label = include.field[1].label[site.locale] -%}
+{%- assign help = include.field[1].help[site.locale] -%}
+{%- assign autocomplete = include.field[1].autocomplete -%}
+
+<div class="form-group blue">
+  <label for="{{ id }}" class="f-17 pl-2">
+    {{ label }}
+    {% if include.field[1].required %}*{% endif %}
+  </label>
+
+  <textarea
+    {% if help %}
+      aria-describedby="help-{{ id }}"
+    {% endif %}
+    {% if include.field[1].required %}
+      required
+    {% endif %}
+    name="{{ name }}"
+    id="{{ id }}"
+    {% if autocomplete %}
+      autocomplete="{{ autocomplete }}"
+    {% endif %}
+    class="form-control {{ include.text_class }}"></textarea>
+
+  {%- if .help -%}
+    <small id="help-{{ id }}" class="form-text">
+      {{ help }}
+    </small>
+  {%- endif -%}
+</div>

data/_includes/theme/blue_button.html

@@ -0,0 +1 @@
+{% include buttons/link.html href="#" content="Subir una imagen" class="btn-primary f-20 rounded-5 m-2 p-3" %}

data/_includes/theme/button_with_copy.html

@@ -0,0 +1 @@
+{% include buttons/copy.html copy="https://sutty.nl" text="Text" %}

data/_includes/theme/button_with_link.html

@@ -0,0 +1,5 @@
+{% include buttons/link.html href="#" content="Become a subscriber" class="btn-primary" %}
+
+{% include headings/with_link.html level=2 text="Botón con link externo" %}
+
+{% include buttons/link.html href="https://sutty.nl/" content="Find out more about Sutty" class="btn-primary" %}

data/_includes/theme/buttons.html

@@ -0,0 +1,33 @@
+<div class="content">
+  {%- include headings/h2.html text="Botones" -%}
+
+  {%- include headings/h3.html text="Botón con link" -%}
+
+  {%- include buttons/link.html href="#" class="btn-primary" content="Click me" -%}
+
+  {%- include headings/h3.html text="Botón con link externo" -%}
+
+  {%- include buttons/link.html href="https://sutty.nl/" class="btn-primary" content="Click me" -%}
+
+  {%- include headings/h3.html text="Botón con atributos extra" -%}
+
+  {%- assign extra = 'data-extra="Inspeccióname"' -%}
+
+  <p>Inspeccionar para encontrar el atributo <code>{{ extra }}</code></p>
+
+  {%- include buttons/link.html href="#" class="btn-primary" content="Click me" extra=extra -%}
+
+  {%- include headings/h3.html text="Botones de todos los colores" -%}
+
+  {%- for color in site.data.theme.colors -%}
+    {%- assign class = color[0] | replace: "_", "-" | prepend: "btn-" -%}
+
+    {%- include buttons/link.html href="#" class=class content=class -%}
+  {%- endfor -%}
+
+  {%- include headings/h3.html text="Botón sin link" -%}
+
+  <p>Los botones <code>&lt;button&gt;</code> se usan para interacciones JavaScript</p>
+
+  {%- include buttons/button.html class="btn-primary" content="Click me" -%}
+</div>

data/_includes/theme/colors.html

@@ -0,0 +1,14 @@
+<div class="row row-cols-2 row-cols-md-4">
+  {% for color in site.data.theme.colors %}
+    <div class="col">
+      <div class="w-100 embed-responsive embed-responsive-1by1">
+        <div class="embed-responsive-item background-{{ color[0] | replace: "_", "-" }} d-flex align-items-center justify-content-center">
+          <div>
+            <p>{{ color[0] | replace: "_", "-" }}</p>
+            <p>{{ color[1] }}</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  {% endfor %}
+</div>

data/_includes/theme/content.html

@@ -0,0 +1,41 @@
+<div class="content">
+  <h2>Título 2</h2>
+  <h3>Título 3</h3>
+  <h4>Título 4</h4>
+  <h5>Título 5</h5>
+  <h6>Título 6</h6>
+
+  <p class="display-1">Display 1</p>
+  <p class="display-2">Display 2</p>
+  <p class="display-3">Display 3</p>
+  <p class="display-4">Display 4</p>
+
+  <p class="lead">Párrafo resaltado</p>
+
+  <p class="lead-md">
+    <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing
+    elit, sed do eiusmod tempor incididunt ut labore et dolore magna
+    aliqua. <a href="#">Ut enim ad minim veniam</a>, quis nostrud
+    exercitation ullamco laboris nisi ut aliquip ex ea commodo
+    consequat. <em>Duis aute irure dolor</em> in reprehenderit in
+    voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+    Excepteur <mark>sint occaecat cupidatat non proident</mark>, sunt in
+    culpa qui officia <small>deserunt mollit anim id est laborum</small>.
+  </p>
+
+  <ul>
+    <li>Lorem ipsum dolor sit amet</li>
+    <li>consectetur adipiscing elit</li>
+    <li>sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</li>
+  </ul>
+
+  <ol>
+    <li>Lorem ipsum dolor sit amet</li>
+    <li>consectetur adipiscing elit</li>
+    <li>sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</li>
+  </ol>
+
+  <blockquote>
+    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+  </blockquote>
+</div>

data/_includes/theme/descriptor.html

@@ -0,0 +1 @@
+{%- include descriptor.html title='Mitocondria' author='Elio G.' description='Es una imagen de una mitocondria tomada...' class="px-3 py-4" -%}

data/_includes/theme/embed_responsive.html

@@ -0,0 +1,10 @@
+{% for embed_responsive_aspect_ratio in site.data.theme.embed_responsive_aspect_ratios %}
+  {% assign x = embed_responsive_aspect_ratio | split: " " | first | remove: "(" %}
+  {% assign y = embed_responsive_aspect_ratio | split: " " | last | remove: ")" %}
+  {% assign text = x | append: "by" | append: y %}
+
+  <div class="mb-3">
+    {% include headings/with_link.html level=2 text=text %}
+    {% include embed_responsive.html src="public/placeholder.png" width=576 x=x y=y %}
+  </div>
+{% endfor %}

data/_includes/theme/font_sizes.html

@@ -0,0 +1,18 @@
+{% for font_size in site.data.theme.font_sizes %}
+  <div class="mb-3">
+    {% assign title = "Tipografía f-" | append: font_size[0] %}
+    {% include headings/with_link.html level=2 text=title %}
+
+    <p class="f-{{ font_size[0] }}">
+      <strong>Lorem ipsum dolor sit amet</strong>, consectetur
+      adipiscing elit, sed do eiusmod tempor incididunt ut labore et
+      dolore magna aliqua. <a href="#">Ut enim ad minim veniam</a>, quis
+      nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+      consequat. <em>Duis aute irure dolor</em> in reprehenderit in
+      voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+      Excepteur <mark>sint occaecat cupidatat non proident</mark>, sunt
+      in culpa qui officia <small>deserunt mollit anim id est
+        laborum</small>.
+    </p>
+  </div>
+{% endfor %}

data/_includes/theme/footer.html

@@ -0,0 +1 @@
+{% include footer.html credits= site.i18n.credits %}

data/_includes/theme/grilla.html

@@ -0,0 +1,3 @@
+{%- include grilla.html
+	imagenes=site.data.fixtures.grilla.imagenes
+-%}

data/_includes/theme/imagen.html

@@ -0,0 +1,8 @@
+{% assign imagenes = site.posts | where: "layout", "imagen" %}
+
+
+{% for imagen in imagenes %}
+  <article class="col">
+    {% include_cached imagen.html imagen=imagen %}
+  </article>
+{% endfor %}

data/_includes/theme/imagen_enviada.html

@@ -0,0 +1,5 @@
+{% capture svg %}
+  {% include svg/check.svg %}
+{% endcapture %}
+
+{%- include imagen_enviada.html class="mx-2" content=site.i18n.imagen_enviada svg=svg -%}

data/_includes/theme/imagen_enviada_error.html

@@ -0,0 +1,7 @@
+{% capture svg %}
+  <div class="w-90px fill-red">
+  {% include svg/x.svg %}
+  </div>
+{% endcapture %}
+
+{%- include imagen_enviada_error.html class="mx-2" content=site.i18n.imagen_enviada_error svg=svg href="#" -%}

data/_includes/theme/imagen_grilla.html

@@ -0,0 +1,8 @@
+{% include imagen_grilla.html
+	src="/public/imagen-ejemplo.png"
+	alt="Imagen de ejemplo"
+	title="Mitocondria"
+	author="Elio G."
+	width=164
+	href="https://sutty.nl"
+%}

data/_includes/theme/letter_spacing.html

@@ -0,0 +1,3 @@
+{% for letter_spacing in site.data.theme.letter_spacings %}
+  <p class="letter-spacing-{{ letter_spacing[0] }}">Letter spacing {{ letter_spacing[0] }}</p>
+{% endfor %}

data/_includes/theme/menu.html

@@ -0,0 +1 @@
+{%- include_cached menu.html active_cache_key=page.layout %}

data/_includes/theme/picture.html

@@ -0,0 +1,5 @@
+<div class="content">
+  <p>Una imagen de 100px</p>
+</div>
+
+{% include picture.html src="public/placeholder.png" width=100 img_class="w-100" %}

data/_includes/theme/question.html

@@ -0,0 +1,2 @@
+{% include question_mark_button.html %}
+

data/_includes/theme/subir_imagen.html

@@ -0,0 +1 @@
+{%- include subir_imagen.html form=site.data.forms.subir_imagen -%}

data/_includes/toggler/toggler.html

@@ -0,0 +1,21 @@
+{% comment %}
+  Este elemento colocado en el mismo nivel que un elemento con la clase
+  toggled permite ocultarlo o mostrarlo.
+
+  @see toggler_label.html
+  @param :id [String] La ID
+  @param :toggled_class [String] Las clases del elemento toggled
+  @param :toggled_content [String] El contenido del elemento toggled
+{% endcomment %}
+<input
+  type="checkbox"
+  class="toggler sr-only"
+  data-action="body-scroll#toggle"
+  autocomplete="off"
+  id="{{ include.id }}"
+  name="{{ include.id }}"
+  aria-labelledby="{{ include.id }}-label" />
+
+<div class="toggled position-absolute {{ include.toggled_class }}">
+	{{ include.toggled_content }}
+</div>

data/_includes/toggler/toggler_label.html

@@ -0,0 +1,21 @@
+{% comment %}
+  Este label puede usarse para abrir y cerrar un elemento asociado a
+  toggler.html
+
+  Mientras compartan la misma ID puede colocarse el label en cualquier
+  lado del HTML.
+
+  @see toggler.html
+  @param :id [String] La ID del elemento
+  @param :class [String] CSS
+  @param :content [String] Contenido
+{% endcomment %}
+<label
+  data-controller="label"
+  tabindex="0"
+  aria-hidden="true"
+  id="{{ include.id }}-label"
+  for="{{ include.id }}"
+  class="{{ include.class }}">
+  {{ include.content }}
+</label>

data/_includes/toggler/toggler_related.html

@@ -0,0 +1,23 @@
+{% comment %}
+  Este label puede usarse para abrir y cerrar un elemento asociado a
+  toggler.html
+
+  Similar a toggler_label.html pero no comparte la misma ID, se puede
+  usar para botones de cierre o relacionados, pero que no aportan
+  descripción al elemento que se abre y cierra (especialmente para
+  lectores de pantalla).
+
+  @see togger_label.html
+  @param :id [String] La ID del elemento
+  @param :class [String] CSS
+  @param :content [HTML] Contenido
+{% endcomment %}
+<label
+  data-controller="label"
+  tabindex="0"
+  aria-hidden="true"
+  id="{{ include.id }}-label-related"
+  for="{{ include.id }}"
+  class="{{ include.class }}">
+  {{ include.content }}
+</label>

data/_includes/toggler.html

@@ -0,0 +1,19 @@
+{% comment %}
+  Este elemento colocado en el mismo nivel que un elemento con la clase
+  toggled permite ocultarlo o mostrarlo.
+
+  @see toggler_label.html
+  @param :id [String] La ID
+  @param :type [String] Tipo del input
+  @param :name [String] Nombre, si es repetido se usa el mismo grupo
+  @param :extra [HTML] Atributos extra
+{% endcomment %}
+<input
+  type="{{ include.type | default: 'checkbox' }}"
+  class="toggler sr-only"
+  autocomplete="off"
+  {{ include.extra }}
+  id="{{ include.id }}"
+  name="{{ include.name | default: include.id }}"
+  aria-labelledby="{{ include.id }}-label"
+>

data/_includes/toggler_label.html

@@ -0,0 +1,22 @@
+{% comment %}
+  Este label puede usarse para abrir y cerrar un elemento asociado a
+  toggler.html
+
+  Mientras compartan la misma ID puede colocarse el label en cualquier
+  lado del HTML.
+
+  @see toggler.html
+  @param :id [String] La ID del elemento
+  @param :class [String] CSS
+  @param :content [String] Contenido
+{% endcomment %}
+<label
+  data-controller="label"
+  tabindex="0"
+  aria-hidden="true"
+  id="{{ include.id }}-label"
+  for="{{ include.id }}"
+  class="{{ include.class }}"
+>
+  {{ include.content }}
+</label>

data/_includes/toggler_related.html

@@ -0,0 +1,24 @@
+{% comment %}
+  Este label puede usarse para abrir y cerrar un elemento asociado a
+  toggler.html
+
+  Similar a toggler_label.html pero no comparte la misma ID, se puede
+  usar para botones de cierre o relacionados, pero que no aportan
+  descripción al elemento que se abre y cierra (especialmente para
+  lectores de pantalla).
+
+  @see togger_label.html
+  @param :id [String] La ID del elemento
+  @param :class [String] CSS
+  @param :content [String] Contenido
+{% endcomment %}
+<label
+  data-controller="label"
+  tabindex="0"
+  aria-hidden="true"
+  id="{{ include.id }}-label-related"
+  for="{{ include.id }}"
+  class="{{ include.class }}"
+>
+  {{ include.content }}
+</label>

data/_includes/url.html

@@ -0,0 +1,9 @@
+{%- comment -%}
+
+Form: type url
+
+@param :field [Integer] El campo del formulario
+@param :input_class [String] Las clases del componente
+{%- endcomment -%}
+
+{% include input.html field=field input_class=include.input_class %}

data/_layouts/ayuda.html

@@ -0,0 +1,40 @@
+---
+layout: default
+---
+
+{% include menu.html %}
+
+<div class="row no-gutters align-items-center justify-content-center">
+  <div class="col-11 col-md-4 px-4 py-3">
+    <div class="text-center pb-5">
+      {% include headings/h2.html 
+        text="Ayuda"
+        class="text-primary f-25 font-weight-bold" 
+      %}
+    </div>
+    <div class="pb-5">
+      <div class="text-primary font-weight-bold">
+        {{ site.i18n.question_1.title }}
+      </div>
+      <div class="text-primary">
+        {{ site.i18n.question_1.content }}
+      </div>
+    </div>
+    <div class="pb-5">
+      <div class="text-primary font-weight-bold">
+        {{ site.i18n.question_2.title }}
+      </div>
+      <div class="text-primary">
+        {{ site.i18n.question_2.content }}
+      </div>
+    </div>
+    <div class="pb-5">
+      <div class="text-primary font-weight-bold">
+        {{ site.i18n.question_3.title }}
+      </div>
+      <div class="text-primary">
+        {{ site.i18n.question_3.content }}
+      </div>
+    </div>
+  </div>
+</div>

data/_layouts/code_of_conduct.html

@@ -0,0 +1,45 @@
+---
+layout: default
+---
+
+{% assign date_format = site.i18n.date.format | default: "%b %-d, %Y" %}
+
+<article class="h-entry" itemscope itemtype="http://schema.org/Article">
+  <header>
+    <h1 class="p-name" itemprop="name headline">{{ page.title | default: '' | escape }}</h1>
+
+    {%- if page.description -%}
+      <p class="lead p-summary" itemprop="description">{{ page.description | default: '' | escape }}</p>
+    {%- endif -%}
+
+    <p>
+      {{ site.i18n.published_at }}
+
+      <time class="dt-published" datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
+        {{ page.date | date_local: date_format }}
+      </time>
+
+      {% if page.last_modified_at %}
+        {{ site.i18n.last_modified_at }}
+
+        <time class="dt-published" datetime="{{ page.last_modified_at | date_to_xmlschema }}" itemprop="datePublished">
+          {{ page.last_modified_at | date_local: date_format }}
+        </time>
+      {% endif %}
+    </p>
+  </header>
+
+  <div class="e-content" itemprop="articleBody">
+    {{ content }}
+  </div>
+
+  <footer>
+    <a class="u-url" itemprop="url" href="{{ page.url }}" hidden>
+      {{ site.url }}{{ page.url }}
+    </a>
+
+    {%- if page.uuid -%}
+      <span hidden itemprop="identifier">{{ page.uuid }}</span>
+    {%- endif -%}
+  </footer>
+</article>