Add quick look section to reviews

layouts/partials/head.html

@@ -5,6 +5,7 @@
   <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🎥</text></svg>">
   <link rel="stylesheet" href="/film/style.css">
   <link rel="stylesheet" href="/film/card.css">
+  <link rel="stylesheet" href="/film/quick_look.css">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Inika:wght@400;700&family=Merriweather:wght@400;700&family=Rufina&display=swap" rel="stylesheet">

layouts/partials/header.html

@@ -1,4 +1,4 @@
 <header class="header">
-  <h2 class="title">CaAlden: <span class="color:accent">Films</span></h2>
+  <h2>CaAlden: <span class="color:accent">Films</span></h2>
   {{- partial "nav.html" . -}}
 </header>

layouts/partials/nav.html

@@ -3,7 +3,7 @@
     <li class="navbar-item button:large">
       <a href="{{ .Site.BaseURL }}about" class="button button:large color:invert">about</a>
     </li>
-    <li class="navbar-item button:large">
+    <li class="button:large">
       <a href="{{ .Site.BaseURL }}" class="button button:large color:invert">home</a>
     </li>
   </ul>

layouts/partials/quicklook.html

@@ -0,0 +1,26 @@
+<section class="quicklook">
+  <header>
+    <h2 class="subtitle quicklook-emphasized-color">
+      Quick Look
+    </h2>
+  </header>
+  <div class="quicklook-details">
+    <div class="quicklook-rating">
+      <span class="caption">Rating</span>
+      <span class="numbers-large quicklook-emphasized-color">{{- .Params.rating -}}/5</span>
+    </div>
+    <div class="quicklook-genre-section">
+      <span class="caption">Genre</span>
+      <div>
+        {{ range $name := .Params.genres }}
+          <span class="quicklook-emphasized-color quicklook-genre">{{$name}}</span>
+        {{end}}
+      </div>
+    </div>
+  </div>
+  <p>
+    {{.Params.quick_look}}
+  </p>
+</section>
+
+</section>