PUBLISH

docs/about/index.html

@@ -16,6 +16,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/review.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>

docs/index.html

@@ -17,6 +17,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/review.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>

docs/review.css

@@ -0,0 +1,46 @@
+.review {
+  max-width: 800px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.review-header {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 30px;
+  margin: 30px 0;
+}
+
+.review-header h1 {
+  text-align: center;
+}
+
+.review-poster {
+  aspect-ratio: 1/1;
+  flex-basis: 200px;
+  max-width: 200px;
+  overflow: hidden;
+  border-radius: 8px;
+}
+
+.review-poster > img {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.core-review {
+  margin: 30px 10px;
+}
+.core-review p {
+  margin-bottom: 20px;
+}
+
+.core-review h2,h3,h4,h5 {
+  margin-top: 30px;
+  margin-bottom: 10px;
+  text-align: center;
+}

docs/reviews/index.html

@@ -22,6 +22,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/review.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>

docs/reviews/the-french-dispatch/index.html

@@ -25,6 +25,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/review.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>
@@ -44,11 +45,13 @@
 </header>
 <main id="content">
 <article class="review">
-  <header>
+  <header class="review-header">
-    <h1>The French Dispatch</h1>
     
+      <div class="review-poster">
         <img src=https://m.media-amazon.com/images/M/MV5BNmQxZTNiODYtNzBhYy00MzVlLWJlN2UtNTc4YWZjMDIwMmEzXkEyXkFqcGdeQXVyMTkxNjUyNQ@@._V1_SX300.jpg alt="Poster">
+      </div>
     
+    <h1>The French Dispatch</h1>
     <section class="quicklook">
   <header>
     <h2 class="subtitle quicklook-emphasized-color">
@@ -81,7 +84,7 @@
 </section>
 
   </header>
-  <div><h2 id="recommendation">Recommendation</h2>
+  <div class="core-review"><h2 id="recommendation">Recommendation</h2>
 <p><em>The French Dispatch</em> follows several different stories and perspectives surrounding the authors of a magazine based in Kansas, but about a small town in France. The film is framed in sections similar to how a magazine like The New Yorker is divided and each section is stylistically different from the last to reflect the style of the author.</p>
 <p>I found this movie very charming. I am a sucker for Wes Anderson films and this. For example, <em>The Grand Budapest Hotel</em> strikes a perfect cord with me both stylistically and substantively. The movie is very funny without many outright spoken jokes. It is visually pleasing in the standard Wes Anderson way. Each individual story is also engaging and the binding narrative about the death of the magazine&rsquo;s editor pulls things together just well enough that the movie as a whole feels coherent.</p>
 <p>I would recommend this to anyone who is already a Wes Anderson fan, but I wouldn&rsquo;t necessarily suggest this if you are new to Wes Anderson. It is <em>very</em> stylized and if you don&rsquo;t like the style you would hate the film. It also has a lot of absurdist humor which is not for everyone. As my rating reflects, I really enjoyed this film so it gets a general recommendation from me as long as you consider my hesitations about style. I think I might recommend watching another Wes Anderson film first and then, if you liked that, watch this one next!</p>
@@ -90,13 +93,13 @@
 <h3 id="the-artist">The Artist</h3>
 <p>I really enjoyed how the dynamic between the artist prisoner character (Benicio Del Toro) and the female prison guard (Léa Seydoux) is played with when their characters are first introduced. I think that first scene is the platonic idea of what it means to &ldquo;subvert expectations&rdquo; in a pleasing way. We&rsquo;ve all seen the setting before, a rich asshole artist uses his position of power to take liberties with a young female assistant. In this scenario, however, the scene ends with a complete power dynamic reversal with him entering a straightjacket and being carted away back to a cell. Something about that was not overtly funny but struck my funny bone all the same.</p>
 <h3 id="the-art">The Art</h3>
-<p>Another moment I enjoyed was the discussion about modern art. There&rsquo;s a funny commentary on the idea that &ldquo;a third grader could have made this&rdquo;, wherein they discuss his arts validity and make the claim that because he has techinical prowess (the ability to draw a realistic picture of a bird) his more modern style is somehow valid. The sort of mental gymnastics that the art collectors go through to justify why the art is the next best thing works as a commentary on art in general in a way I liked.</p>
+<p>Another moment I enjoyed was the discussion about modern art. There&rsquo;s a funny commentary on the idea that &ldquo;a third grader could have made this&rdquo;, wherein they discuss his arts validity and make the claim that because he has technical prowess (the ability to draw a realistic picture of a bird) his more modern style is somehow valid. The sort of mental gymnastics that the art collectors go through to justify why the art is the next best thing works as a commentary on art in general in a way I liked.</p>
 <h3 id="the-revolutionary-students">The Revolutionary Students</h3>
 <p>I have quite a soft spot for chess, so the sections of the magazine following the student revolutionary movement that centered around a chess game were very entertaining to me. I appreciate how that portion of the movie puts you in the shoes of a student. The parents are all concerned about how much of a bother the revolution is but for the students it&rsquo;s life or death.</p>
 <h3 id="the-dinner-party-kidnapping">The Dinner Party Kidnapping</h3>
-<p>I felt the storyline where the author recounts the dinner party kidnapping was honestly the weakest part of the film. For me it&rsquo;s a combination of not really liking that cartoon style (and this is partially why I haven&rsquo;t made it through Isle of Dogs yet dispite that on the surface seeming like a perfect fit for me.) The other issue I have with it was pointed out in a review I read, which I will paraphrase as being too many layers deep.</p>
+<p>I felt the storyline where the author recounts the dinner party kidnapping was honestly the weakest part of the film. For me it&rsquo;s a combination of not really liking that cartoon style (and this is partially why I haven&rsquo;t made it through Isle of Dogs yet despite that on the surface seeming like a perfect fit for me.) The other issue I have with it was pointed out in a review I read, which I will paraphrase as being too many layers deep.</p>
 <p>The story is told in the setting of a section of the magazine, but in retrospective as spoken by the author on the set of a talk show. Then we have the actual story which has aspects of live action and cartoon. The cartoon scenes feel nested within the live action for a total depth 4 levels removed from the viewer. It just makes things a little difficult to follow. That style of storytelling can work: I loved <em>If on a Winter&rsquo;s Night a Traveler</em> by <em>Italio Calvino</em> which relies heavily on this nesting of view points, but the first chapter of that book is incredibly jarring as you get accustomed to the style.</p>
-<p>I think because this section stands alone and is tonally different from the rest of the movie, you don&rsquo;t have time to get over that jarring feeling to orient yourself. I think as a stand alone short it might work, and it&rsquo;s just it&rsquo;s presence in this larger narrative that makes it feel especially awkard tonally. For me, this discordance is the main reason I feel this movie is more of a 4/5 than a perfect 5/7.</p>
+<p>I think because this section stands alone and is tonally different from the rest of the movie, you don&rsquo;t have time to get over that jarring feeling to orient yourself. I think as a stand alone short it might work, and it&rsquo;s just it&rsquo;s presence in this larger narrative that makes it feel especially awkward tonally. For me, this discordance is the main reason I feel this movie is more of a 4/5 than a perfect 5/7.</p>
 </div>
 </article>
 

docs/style.css

@@ -212,6 +212,3 @@ a:hover {
   padding: 10px;
 }
 
-.review {
-  max-width: 800px;
-}