headless css + cleaner javascript

templates/blog-page.html

@@ -1,10 +1,10 @@
 {% extends "base.html" %}
 
 {% block content %}
-<div><a href="..">..</a>/<span class="metaData">{{ page.slug }}</span></div>
-<time datetime="{{ page.date }}">Published on: <span class="metaData">{{ page.date }}</span></time>
+<div><a href="..">..</a>/<span class="accent-data">{{ page.slug }}</span></div>
+<time datetime="{{ page.date }}">Published on: <span class="accent-data">{{ page.date }}</span></time>
 {% if config.extra.author and config.extra.display_author == true %}
-<address rel="author">By <span class="metaData">{{config.extra.author}}</span></address>
+<address rel="author">By <span class="accent-data">{{config.extra.author}}</span></address>
 {% endif %}
 <h1>{{ page.title }}</h1>
 
@@ -37,7 +37,7 @@
 
 {{ page.content | safe }}
 
-<p class="tagsData">
+<p class="tags-data">
   {% if page.taxonomies.tags %}
   {% for tag in page.taxonomies.tags %}
   <a href="/tags/{{ tag | slugify }}">&#47;{{ tag }}&#47;</a>