new page type: review

_includes/blog.html

@@ -37,6 +37,17 @@
             <div class="post-content wrapper">
                 {{post.content}}
             </div>
+            {% if post.layout == 'review' %}
+                <div class="reviewRating wrapper">
+                    {% for counter in (1..5) %} 
+                        {% if counter <= post.rating %}
+                            <span class="ratingSet">&#9733;</span>
+                        {% else %}
+                            <span class="ratingUnset">&#9733;</span>
+                        {% endif %}
+                    {% endfor %}
+                </div>
+            {% endif %}
         </article>
     {% endfor %}
 </div>

_layouts/review.html

@@ -0,0 +1,50 @@
+---
+layout: default
+---
+<main id="post-container" class="single-post">
+    <article class="post">
+        <header class="post-header wrapper">
+            <div class="post-title">
+                <h2>
+                    {% if page.external-url %}
+                        <a href="{{ page.external-url }}">{{ page.title }}</a>
+                    {% else %}
+                        {{ page.title }}
+                    {% endif %}
+                </h2>
+                <p class="public-date">vom <time class="page-date" datetime="{{ page.date | date: "%Y-%m-%d"}}">
+                        {% assign m = page.date | date: "%-m" %}
+                        {{ page.date | date: "%d" }}
+                        {% case m %}
+                            {% when '1' %}Januar
+                            {% when '2' %}Februar
+                            {% when '3' %}M&auml;rz
+                            {% when '4' %}April
+                            {% when '5' %}Mai
+                            {% when '6' %}Juni
+                            {% when '7' %}Juli
+                            {% when '8' %}August
+                            {% when '9' %}September
+                            {% when '10' %}Oktober
+                            {% when '11' %}November
+                            {% when '12' %}Dezember
+                        {% endcase %}
+                        {{ page.date | date: "%Y" }}
+                    </time>
+                </p>
+            </div>
+        </header>
+        <div class="post-content wrapper">
+            {{ content }}
+        </div>
+        <div class="reviewRating wrapper">
+            {% for counter in (1..5) %} 
+                {% if counter <= page.rating %}
+                    <span class="ratingSet">&#9733;</span>
+                {% else %}
+                    <span class="ratingUnset">&#9733;</span>
+                {% endif %}
+            {% endfor %}
+        </div>        
+    </article>
+</main>

_sass/main.scss

@@ -253,4 +253,16 @@ footer.site-footer {
   top: 8px;
   right: -10px;
   height: 25px;
+}
+
+.reviewRating {
+  font-size: 2rem;
+}
+
+.ratingUnset {
+  color: rgba(255, 144, 163, 0.25);
+}
+
+.ratingSet {
+  color: rgba(255, 144, 163, 1);
 }