datalog-theme 0.6.1 → 0.8.0

data/_includes/components/popular-posts.html

@@ -1,233 +0,0 @@
-{%- comment -%}
-Popular Posts Widget Component
-Displays trending and most popular content
-
-Parameters:
-  - max_posts: Maximum posts to display (default: 5)
-  - sort_by: Sorting method (recent, comments, trending) (default: recent)
-  - show_stats: Show reading stats (default: true)
-  - show_thumbnail: Show post thumbnail (default: true)
-  - layout: Display layout (list, grid, compact) (default: list)
-  - heading: Custom heading (default: "Popular Posts")
-{%- endcomment -%}
-
-{%- assign max_posts = include.max_posts | default: 5 -%}
-{%- assign sort_by = include.sort_by | default: "recent" -%}
-{%- assign show_stats = include.show_stats | default: true -%}
-{%- assign show_thumbnail = include.show_thumbnail | default: true -%}
-{%- assign layout = include.layout | default: "list" -%}
-{%- assign heading = include.heading | default: "Popular Posts" -%}
-
-{%- comment -%} Get posts and apply basic filtering {%- endcomment -%}
-{%- assign all_posts = site.posts -%}
-
-{%- comment -%} Simulate popularity scoring (in real app, use analytics data) {%- endcomment -%}
-{%- assign scored_posts = "" | split: "" -%}
-
-{%- for post in all_posts limit: 20 -%}
-  {%- assign score = 0 -%}
-
-  {%- comment -%} Recency score (prefer recent content) {%- endcomment -%}
-  {%- assign days_old = "now" | date: "%s" | minus: post.date | date: "%s" | divided_by: 86400 -%}
-  {%- if days_old < 7 -%}
-    {%- assign score = score | plus: 50 -%}
-  {%- elsif days_old < 30 -%}
-    {%- assign score = score | plus: 30 -%}
-  {%- elsif days_old < 90 -%}
-    {%- assign score = score | plus: 10 -%}
-  {%- endif -%}
-
-  {%- comment -%} Tag count (more tags = more discoverable) {%- endcomment -%}
-  {%- assign tag_score = post.tags.size | times: 5 -%}
-  {%- assign score = score | plus: tag_score -%}
-
-  {%- comment -%} Featured posts bonus {%- endcomment -%}
-  {%- if post.featured -%}
-    {%- assign score = score | plus: 25 -%}
-  {%- endif -%}
-
-  {%- comment -%} Difficulty-based scoring (beginner posts might be more popular) {%- endcomment -%}
-  {%- if post.difficulty == "beginner" -%}
-    {%- assign score = score | plus: 15 -%}
-  {%- endif -%}
-
-  {%- comment -%} Add randomness for variety (simulates view counts) {%- endcomment -%}
-  {%- assign random_bonus = post.title | size | modulo: 30 -%}
-  {%- assign score = score | plus: random_bonus -%}
-
-  {%- comment -%} Store post with score {%- endcomment -%}
-  {%- assign post_with_score = post.url | append: "||" | append: score -%}
-  {%- assign scored_posts = scored_posts | push: post_with_score -%}
-{%- endfor -%}
-
-{%- comment -%} Simple bubble sort by score {%- endcomment -%}
-{%- assign sorted_posts = scored_posts -%}
-{%- for i in (1..scored_posts.size) -%}
-  {%- for j in (1..scored_posts.size) -%}
-    {%- assign current = sorted_posts[j] | split: "||" -%}
-    {%- assign prev = sorted_posts[j-1] | split: "||" -%}
-    {%- if current[1] and prev[1] -%}
-      {%- assign current_score = current[1] | plus: 0 -%}
-      {%- assign prev_score = prev[1] | plus: 0 -%}
-      {%- if current_score > prev_score -%}
-        {%- assign temp = sorted_posts[j] -%}
-        {%- assign sorted_posts[j] = sorted_posts[j-1] -%}
-        {%- assign sorted_posts[j-1] = temp -%}
-      {%- endif -%}
-    {%- endif -%}
-  {%- endfor -%}
-{%- endfor -%}
-
-{%- comment -%} Build popular posts array {%- endcomment -%}
-{%- assign popular_posts = "" | split: "" -%}
-{%- for item in sorted_posts limit: max_posts -%}
-  {%- assign item_parts = item | split: "||" -%}
-  {%- assign post_url = item_parts[0] -%}
-
-  {%- for post in site.posts -%}
-    {%- if post.url == post_url -%}
-      {%- assign popular_posts = popular_posts | push: post -%}
-      {%- break -%}
-    {%- endif -%}
-  {%- endfor -%}
-{%- endfor -%}
-
-<aside class="popular-posts popular-posts--{{ layout }}"
-       data-popular-posts
-       aria-label="{{ heading }}">
-
-  <div class="popular-posts__header">
-    <h3 class="popular-posts__title">
-      <svg xmlns="http://www.w3.org/2000/svg"
-           width="20"
-           height="20"
-           viewBox="0 0 24 24"
-           fill="none"
-           stroke="currentColor"
-           stroke-width="2"
-           stroke-linecap="round"
-           stroke-linejoin="round"
-           aria-hidden="true">
-        <polyline points="23 6 13.5 15.5 8.5 10.5 1 18"></polyline>
-        <polyline points="17 6 23 6 23 12"></polyline>
-      </svg>
-      {{ heading }}
-    </h3>
-
-    {%- if show_stats -%}
-      <span class="popular-posts__subtitle">
-        Trending this month
-      </span>
-    {%- endif -%}
-  </div>
-
-  <div class="popular-posts__list">
-    {%- for post in popular_posts -%}
-      {%- assign loop_index = forloop.index -%}
-
-      <article class="popular-post"
-               itemscope
-               itemtype="https://schema.org/BlogPosting">
-
-        <div class="popular-post__rank" aria-label="Rank {{ loop_index }}">
-          {{ loop_index }}
-        </div>
-
-        {%- if show_thumbnail and post.featured_image or post.image -%}
-          <div class="popular-post__thumbnail">
-            <a href="{{ post.url | relative_url }}"
-               tabindex="-1"
-               aria-hidden="true">
-              <img src="{{ post.featured_image | default: post.image | relative_url }}"
-                   alt=""
-                   loading="lazy"
-                   itemprop="image">
-            </a>
-          </div>
-        {%- endif -%}
-
-        <div class="popular-post__content">
-          <h4 class="popular-post__title" itemprop="headline">
-            <a href="{{ post.url | relative_url }}"
-               class="popular-post__link">
-              {{ post.title }}
-            </a>
-          </h4>
-
-          {%- if show_stats -%}
-            <div class="popular-post__meta">
-              {%- if post.date -%}
-                <time class="popular-post__date"
-                      datetime="{{ post.date | date_to_xmlschema }}"
-                      itemprop="datePublished">
-                  {{ post.date | date: "%b %d, %Y" }}
-                </time>
-              {%- endif -%}
-
-              <span class="popular-post__separator" aria-hidden="true">•</span>
-
-              {%- comment -%} Reading time {%- endcomment -%}
-              {% include components/reading-time.html
-                 content=post.content
-                 variant="inline"
-                 show_icon=false %}
-
-              {%- comment -%} View count removed — was simulated. Re-enable with real analytics data. {%- endcomment -%}
-            </div>
-          {%- endif -%}
-
-          {%- if post.excerpt and layout != "compact" -%}
-            <p class="popular-post__excerpt" itemprop="description">
-              {{ post.excerpt | strip_html | truncatewords: 15 }}
-            </p>
-          {%- endif -%}
-
-          {%- if post.tags.size > 0 and layout == "grid" -%}
-            <div class="popular-post__tags">
-              {%- for tag in post.tags limit: 2 -%}
-                <span class="popular-post__tag">{{ tag }}</span>
-              {%- endfor -%}
-            </div>
-          {%- endif -%}
-        </div>
-
-        {%- comment -%} Trending indicator for top 3 {%- endcomment -%}
-        {%- if loop_index <= 3 -%}
-          <div class="popular-post__badge" aria-label="Trending">
-            <svg xmlns="http://www.w3.org/2000/svg"
-                 width="16"
-                 height="16"
-                 viewBox="0 0 24 24"
-                 fill="none"
-                 stroke="currentColor"
-                 stroke-width="2"
-                 aria-hidden="true">
-              <polyline points="23 6 13.5 15.5 8.5 10.5 1 18"></polyline>
-              <polyline points="17 6 23 6 23 12"></polyline>
-            </svg>
-          </div>
-        {%- endif -%}
-      </article>
-    {%- endfor -%}
-  </div>
-
-  {%- if site.phase4_features.popular_posts.show_view_all -%}
-    <div class="popular-posts__footer">
-      <a href="{{ '/archive/' | relative_url }}"
-         class="popular-posts__view-all">
-        View all posts
-        <svg xmlns="http://www.w3.org/2000/svg"
-             width="16"
-             height="16"
-             viewBox="0 0 24 24"
-             fill="none"
-             stroke="currentColor"
-             stroke-width="2"
-             aria-hidden="true">
-          <line x1="5" y1="12" x2="19" y2="12"></line>
-          <polyline points="12 5 19 12 12 19"></polyline>
-        </svg>
-      </a>
-    </div>
-  {%- endif -%}
-</aside>

data/_includes/components/reading-progress.html

@@ -1,133 +0,0 @@
-{%- comment -%}
-Reading Progress Tracker
-Displays a visual indicator of reading progress with time estimate
-
-Parameters:
-  - position: Position on page (top, bottom, sticky)
-  - show_time: Show time remaining estimate (default: true)
-  - show_percentage: Show percentage complete (default: true)
-{%- endcomment -%}
-
-{%- assign position = include.position | default: "top" -%}
-{%- assign show_time = include.show_time | default: true -%}
-{%- assign show_percentage = include.show_percentage | default: true -%}
-
-<div class="reading-progress reading-progress--{{ position }}" data-reading-progress aria-label="Reading progress">
-  {%- comment -%} Progress bar {%- endcomment -%}
-  <div class="reading-progress__bar">
-    <div class="reading-progress__fill"
-         data-progress-fill
-         role="progressbar"
-         aria-valuenow="0"
-         aria-valuemin="0"
-         aria-valuemax="100"
-         aria-label="Reading progress percentage">
-    </div>
-  </div>
-
-  {%- comment -%} Progress stats {%- endcomment -%}
-  <div class="reading-progress__stats">
-    {%- if show_percentage -%}
-      <span class="reading-progress__percentage" data-progress-percentage aria-live="polite">
-        <span data-percentage-value>0</span>% complete
-      </span>
-    {%- endif -%}
-
-    {%- if show_time -%}
-      <span class="reading-progress__time" data-progress-time aria-live="polite">
-        <svg class="reading-progress__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
-          <circle cx="12" cy="12" r="10"></circle>
-          <polyline points="12 6 12 12 16 14"></polyline>
-        </svg>
-        <span data-time-value>...</span> remaining
-      </span>
-    {%- endif -%}
-  </div>
-</div>
-
-<script>
-(function() {
-  'use strict';
-
-  document.addEventListener('DOMContentLoaded', function() {
-    const progressContainer = document.querySelector('[data-reading-progress]');
-    if (!progressContainer) return;
-
-    const progressFill = progressContainer.querySelector('[data-progress-fill]');
-    const percentageValue = progressContainer.querySelector('[data-percentage-value]');
-    const timeValue = progressContainer.querySelector('[data-time-value]');
-
-    // Get article content for calculation
-    const articleContent = document.querySelector('.post-content, .article-content, article, main');
-    if (!articleContent) return;
-
-    // Calculate reading time (words per minute)
-    const wordsPerMinute = 200;
-    const text = articleContent.textContent || articleContent.innerText;
-    const wordCount = text.trim().split(/\s+/).length;
-    const totalReadingTime = Math.ceil(wordCount / wordsPerMinute);
-
-    // Track scroll position
-    let ticking = false;
-
-    function updateProgress() {
-      // Get scroll position
-      const windowHeight = window.innerHeight;
-      const documentHeight = document.documentElement.scrollHeight;
-      const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
-
-      // Calculate progress percentage
-      const scrollableDistance = documentHeight - windowHeight;
-      const scrollPercentage = scrollableDistance > 0
-        ? Math.min(Math.max((scrollTop / scrollableDistance) * 100, 0), 100)
-        : 0;
-
-      // Update progress bar
-      if (progressFill) {
-        progressFill.style.width = scrollPercentage + '%';
-        progressFill.setAttribute('aria-valuenow', Math.round(scrollPercentage));
-      }
-
-      // Update percentage text
-      if (percentageValue) {
-        percentageValue.textContent = Math.round(scrollPercentage);
-      }
-
-      // Update time remaining
-      if (timeValue) {
-        const timeRemaining = Math.max(
-          Math.ceil(totalReadingTime * (1 - scrollPercentage / 100)),
-          0
-        );
-
-        if (timeRemaining === 0) {
-          timeValue.textContent = 'Complete!';
-        } else if (timeRemaining === 1) {
-          timeValue.textContent = '1 min';
-        } else {
-          timeValue.textContent = timeRemaining + ' min';
-        }
-      }
-
-      ticking = false;
-    }
-
-    function requestTick() {
-      if (!ticking) {
-        window.requestAnimationFrame(updateProgress);
-        ticking = true;
-      }
-    }
-
-    // Listen to scroll events
-    window.addEventListener('scroll', requestTick, { passive: true });
-    window.addEventListener('resize', requestTick, { passive: true });
-
-    // Initial update
-    updateProgress();
-
-    // Update when images load
-    window.addEventListener('load', updateProgress);
-  });
-})();
-</script>

data/_includes/components/reading-time.html

@@ -1,121 +0,0 @@
-{%- comment -%}
-Reading Time Estimate Component
-Calculates and displays estimated reading time with metadata
-
-Parameters:
-  - content: Content to analyze (default: page.content)
-  - words_per_minute: Reading speed (default: 200)
-  - show_word_count: Show word count (default: false)
-  - show_icon: Show clock icon (default: true)
-  - variant: Display variant (inline, badge, detailed) (default: inline)
-{%- endcomment -%}
-
-{%- assign content_to_analyze = include.content | default: page.content -%}
-{%- assign words_per_minute = include.words_per_minute | default: 200 -%}
-{%- assign show_word_count = include.show_word_count | default: false -%}
-{%- assign show_icon = include.show_icon | default: true -%}
-{%- assign variant = include.variant | default: "inline" -%}
-
-{%- comment -%} Calculate word count {%- endcomment -%}
-{%- assign words = content_to_analyze | strip_html | number_of_words -%}
-
-{%- comment -%} Calculate reading time in minutes {%- endcomment -%}
-{%- assign reading_time_float = words | divided_by: words_per_minute | plus: 0.0 -%}
-{%- assign reading_time = reading_time_float | ceil -%}
-
-{%- comment -%} Handle edge cases {%- endcomment -%}
-{%- if reading_time < 1 -%}
-  {%- assign reading_time = 1 -%}
-{%- endif -%}
-
-{%- comment -%} Format reading time display {%- endcomment -%}
-{%- if reading_time == 1 -%}
-  {%- assign time_label = "1 min read" -%}
-{%- else -%}
-  {%- assign time_label = reading_time | append: " min read" -%}
-{%- endif -%}
-
-{%- comment -%} Calculate additional metrics for detailed variant {%- endcomment -%}
-{%- if variant == "detailed" -%}
-  {%- assign hours = reading_time | divided_by: 60 -%}
-  {%- assign remaining_minutes = reading_time | modulo: 60 -%}
-
-  {%- comment -%} Estimate based on different reading speeds {%- endcomment -%}
-  {%- assign slow_reading_time = words | divided_by: 150 | ceil -%}
-  {%- assign fast_reading_time = words | divided_by: 250 | ceil -%}
-{%- endif -%}
-
-<span class="reading-time reading-time--{{ variant }}"
-      data-reading-time
-      data-words="{{ words }}"
-      data-minutes="{{ reading_time }}"
-      itemscope
-      itemtype="https://schema.org/Article">
-
-  {%- if show_icon -%}
-    <svg class="reading-time__icon"
-         xmlns="http://www.w3.org/2000/svg"
-         width="16"
-         height="16"
-         viewBox="0 0 24 24"
-         fill="none"
-         stroke="currentColor"
-         stroke-width="2"
-         stroke-linecap="round"
-         stroke-linejoin="round"
-         aria-hidden="true">
-      <circle cx="12" cy="12" r="10"></circle>
-      <polyline points="12 6 12 12 16 14"></polyline>
-    </svg>
-  {%- endif -%}
-
-  {%- if variant == "detailed" -%}
-    <span class="reading-time__details">
-      <span class="reading-time__primary">
-        <strong class="reading-time__time" itemprop="timeRequired" content="PT{{ reading_time }}M">
-          {{ time_label }}
-        </strong>
-      </span>
-
-      <span class="reading-time__secondary">
-        <span class="reading-time__word-count">
-          {{ words }} words
-        </span>
-
-        {%- if hours >= 1 -%}
-          <span class="reading-time__alternative">
-            ({{ hours }}h {{ remaining_minutes }}m)
-          </span>
-        {%- endif -%}
-      </span>
-
-      <span class="reading-time__range">
-        <small>{{ fast_reading_time }}-{{ slow_reading_time }} min depending on speed</small>
-      </span>
-    </span>
-
-  {%- elsif variant == "badge" -%}
-    <span class="reading-time__badge">
-      <span class="reading-time__time" itemprop="timeRequired" content="PT{{ reading_time }}M">
-        {{ time_label }}
-      </span>
-      {%- if show_word_count -%}
-        <span class="reading-time__word-count">
-          {{ words }} words
-        </span>
-      {%- endif -%}
-    </span>
-
-  {%- else -%}
-    {%- comment -%} Inline variant (default) {%- endcomment -%}
-    <span class="reading-time__time" itemprop="timeRequired" content="PT{{ reading_time }}M">
-      {{ time_label }}
-    </span>
-    {%- if show_word_count -%}
-      <span class="reading-time__separator" aria-hidden="true">•</span>
-      <span class="reading-time__word-count">
-        {{ words }} words
-      </span>
-    {%- endif -%}
-  {%- endif -%}
-</span>

data/_includes/components/series-navigation.html

@@ -1,124 +0,0 @@
-{%- comment -%}
-Series/Collection Navigation Component
-Displays navigation for multi-part content series
-
-Parameters:
-  - series: Series name/ID
-  - show_progress: Show progress indicator (default: true)
-  - compact: Compact layout (default: false)
-{%- endcomment -%}
-
-{%- assign series_name = include.series | default: page.series -%}
-{%- assign show_progress = include.show_progress | default: true -%}
-{%- assign compact = include.compact | default: false -%}
-
-{%- if series_name -%}
-  {%- comment -%} Get all posts in this series {%- endcomment -%}
-  {%- assign series_posts = site.posts | where: "series", series_name | sort: "series_order" -%}
-  {%- assign series_count = series_posts | size -%}
-
-  {%- if series_count > 0 -%}
-    {%- comment -%} Find current post position {%- endcomment -%}
-    {%- assign current_index = 0 -%}
-    {%- for post in series_posts -%}
-      {%- if post.url == page.url -%}
-        {%- assign current_index = forloop.index -%}
-      {%- endif -%}
-    {%- endfor -%}
-
-    <nav class="series-nav{% if compact %} series-nav--compact{% endif %}"
-         aria-label="Series navigation: {{ series_name }}">
-      <div class="series-nav__header">
-        <svg class="series-nav__icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
-          <path d="M12 2v20M2 12h20"></path>
-          <path d="M16 8l4 4-4 4M8 16l-4-4 4-4"></path>
-        </svg>
-        <h3 class="series-nav__title">
-          <span class="series-nav__label">Series:</span>
-          {{ series_name }}
-        </h3>
-      </div>
-
-      {%- if show_progress -%}
-        <div class="series-nav__progress" aria-label="Series progress">
-          <div class="series-nav__progress-bar">
-            <div class="series-nav__progress-fill"
-                 style="width: {{ current_index | times: 100 | divided_by: series_count }}%"
-                 role="progressbar"
-                 aria-valuenow="{{ current_index }}"
-                 aria-valuemin="0"
-                 aria-valuemax="{{ series_count }}"
-                 aria-label="Part {{ current_index }} of {{ series_count }}">
-            </div>
-          </div>
-          <span class="series-nav__progress-text">
-            Part {{ current_index }} of {{ series_count }}
-          </span>
-        </div>
-      {%- endif -%}
-
-      <ol class="series-nav__list">
-        {%- for post in series_posts -%}
-          {%- assign is_current = false -%}
-          {%- if post.url == page.url -%}
-            {%- assign is_current = true -%}
-          {%- endif -%}
-
-          <li class="series-nav__item{% if is_current %} series-nav__item--current{% endif %}">
-            <div class="series-nav__number">{{ forloop.index }}</div>
-            {%- if is_current -%}
-              <div class="series-nav__content">
-                <strong class="series-nav__post-title">{{ post.title }}</strong>
-                <span class="series-nav__badge">Current</span>
-              </div>
-            {%- else -%}
-              <a href="{{ post.url | relative_url }}" class="series-nav__content">
-                <span class="series-nav__post-title">{{ post.title }}</span>
-                {%- if post.excerpt -%}
-                  <span class="series-nav__excerpt">{{ post.excerpt | strip_html | truncate: 80 }}</span>
-                {%- endif -%}
-              </a>
-            {%- endif -%}
-          </li>
-        {%- endfor -%}
-      </ol>
-
-      {%- comment -%} Previous/Next navigation {%- endcomment -%}
-      <div class="series-nav__controls">
-        {%- if current_index > 1 -%}
-          {%- assign prev_post = series_posts[current_index | minus: 2] -%}
-          <a href="{{ prev_post.url | relative_url }}" class="series-nav__button series-nav__button--prev">
-            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-              <polyline points="15 18 9 12 15 6"></polyline>
-            </svg>
-            Previous
-          </a>
-        {%- else -%}
-          <div class="series-nav__button series-nav__button--disabled">
-            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-              <polyline points="15 18 9 12 15 6"></polyline>
-            </svg>
-            Previous
-          </div>
-        {%- endif -%}
-
-        {%- if current_index < series_count -%}
-          {%- assign next_post = series_posts[current_index] -%}
-          <a href="{{ next_post.url | relative_url }}" class="series-nav__button series-nav__button--next">
-            Next
-            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-              <polyline points="9 18 15 12 9 6"></polyline>
-            </svg>
-          </a>
-        {%- else -%}
-          <div class="series-nav__button series-nav__button--disabled">
-            Next
-            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-              <polyline points="9 18 15 12 9 6"></polyline>
-            </svg>
-          </div>
-        {%- endif -%}
-      </div>
-    </nav>
-  {%- endif -%}
-{%- endif -%}

data/_includes/components/social-proof.html

@@ -1,34 +0,0 @@
-{%- comment -%}
-Social Proof Indicators Component
-
-This component requires REAL metrics passed via include parameters.
-It does NOT generate simulated/fabricated data.
-
-Usage (only when real analytics data is available):
-  {% include components/social-proof.html views=page_views %}
-
-To enable real data, configure GA4 analytics and use the analytics
-dashboard plugin to fetch actual page view counts.
-
-See: https://github.com/DiogoRibeiro7/analytics-blog-jekyll/issues/23
-{%- endcomment -%}
-
-{%- if include.views or include.readers -%}
-<div class="social-proof{% if include.compact %} social-proof--compact{% endif %}"
-     data-social-proof>
-  <div class="social-proof__metrics">
-    {%- if include.views -%}
-      <div class="social-proof__metric" data-metric="views">
-        <span class="social-proof__value">{{ include.views }}</span>
-        <span class="social-proof__label">views</span>
-      </div>
-    {%- endif -%}
-    {%- if include.readers -%}
-      <div class="social-proof__metric" data-metric="readers">
-        <span class="social-proof__value">{{ include.readers }}</span>
-        <span class="social-proof__label">reading now</span>
-      </div>
-    {%- endif -%}
-  </div>
-</div>
-{%- endif -%}