privacyguides.org/theme/review-article.html

<!--
  SPDX-FileCopyrightText: 2016 Martin Donath <martin.donath@squidfunk.com>
  SPDX-FileCopyrightText: 2024 Jonah Aragon <jonah@privacyguides.org>

  SPDX-License-Identifier: MIT OR LicenseRef-MIT-mkdocs-material
-->

{% extends "blog-post.html" %}

{% import "partials/nav-item.html" as item with context %}

{% block extra_sidebar %}
    <!-- Product review information -->
    {% if page.meta.review %}
      <ul class="md-post__meta md-nav__list">
        <li class="md-nav__item md-nav__item--section">
          <div class="md-post__title">
            <span class="md-ellipsis">
              <span>Our rating</span>
            </span>
          </div>
          <div class="md-nav">
            <ul class="md-nav__list">
              <li class="md-nav__item">
                <span itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating">
                  <meta itemprop="bestRating" content="5" />
                  <meta itemprop="worstRating" content="0.5" />
                  <span class="md-nav__link" itemprop="ratingValue" content="{{ page.meta.review.rating }}" title="Rating: {{ page.meta.review.rating }} / 5">
                    {% for i in range(1, 6) %}
                      {% if i <= page.meta.review.rating %}
                        {% include ".icons/material/star.svg" %}
                      {% else %}
                        {% if i - 0.5 == page.meta.review.rating %}
                          {% include ".icons/material/star-half-full.svg" %}
                        {% else %}
                          {% include ".icons/material/star-outline.svg" %}
                        {% endif %}
                      {% endif %}
                    {% endfor %}
                  </span>
                </span>
              </li>
              <li class="md-nav__item">
                <span class="md-nav__link">
                  <span itemprop="positiveNotes" itemscope itemtype="https://schema.org/ItemList">
                    <strong itemprop="name">Pros:</strong>
                    <span>
                      <ul class="pg-proconlist">
                        {% for pro in page.meta.review.pros %}
                          <li itemprop="itemListElement">{{ pro }}</li>
                        {% endfor %}
                      </ul>
                    </span>
                  </span>
                </span>
              </li>
              <li class="md-nav__item">
                <span class="md-nav__link">
                  <span itemprop="negativeNotes" itemscope itemtype="https://schema.org/ItemList">
                    <strong itemprop="name">Cons:</strong>
                    <span>
                      <ul class="pg-proconlist">
                        {% for con in page.meta.review.cons %}
                          <li itemprop="itemListElement">{{ con }}</li>
                        {% endfor %}
                      </ul>
                    </span>
                  </span>
                </span>
              </li>
            </ul>
          </div>
        </li>
      </ul>
      <ul class="md-post__meta md-nav__list" itemprop="itemReviewed" itemscope itemtype="https://schema.org/{{ page.meta.review.type }}">
        <meta itemprop="applicationCategory" content="{{ page.meta.review.category }}" />
        <meta itemprop="applicationSubCategory" content="{{ page.meta.review.subcategory }}" />
        <li class="md-nav__item md-nav__item--section">
          <div class="md-post__title">
            <span class="md-ellipsis">
              <span itemprop="name">{{ page.meta.review.name }}</span> summary
            </span>
            <meta itemprop="alternateName" content="{{ page.meta.review.alternateName }}" />
          </div>
          <div class="md-nav">
            <ul class="md-nav__list">
              <li class="md-nav__item">
                <span class="md-nav__link">
                  <span itemprop="offers" itemscope itemtype="https://schema.org/Offer">
                    <strong>Price:</strong>
                    {% if page.meta.review.price == 0 %}
                      <span itemprop="price" content="0">Free</span>
                    {% else %}
                    <span itemprop="priceCurrency" content="USD">$</span><span itemprop="price" content="{{ page.meta.review.price }}">{{ page.meta.review.price }}</span>
                    {% endif %}
                    {% if page.meta.review.period %}
                      / {{ page.meta.review.period }}
                    {% endif %}
                  </span>
                </span>
              </li>
              <li class="md-nav__item">
                <span class="md-nav__link">
                  <strong>Website:</strong>
                  <a itemprop="url" href="{{ page.meta.review.website }}"><em>{{ page.meta.review.website.rpartition("//")[-1].partition("/")[0] }}</em></a>
                </span>
              </li>
            </ul>
          </div>
        </li>
      </ul>
    {% endif %}
  </nav>
{% endblock %}