minor #1804 [Site] Various small fixes / improvements (smnandre)

This PR was squashed before being merged into the 2.x branch.

Discussion
----------

[Site] Various small fixes / improvements

A lot of small things grouped in a medium-sized PR 👼

- Lint templates
- Normalize template names
- Fix some spacings
- Fix CodeBlock expander
- SVG image for header logo
- Improve CodeBlocWithComment readability
- Rework code block expand button
- Fix terminal style
- Add missing doc cards in "footer"
- Remove unused image
- Compress 2 photos & win 8MB
- Clean clipboard controller(s)
- Fix header padding
- Fix Icon cards on Safari
- Simplify Turbo chat icon
- Remove Playfair

Commits
-------

e0bda68 [Site] Various small fixes / improvements

Author: kbond

ux.symfony.com/assets/controllers/code-expander-controller.js

@@ -4,14 +4,6 @@ import { Controller } from '@hotwired/stimulus';
 export default class extends Controller {
     static targets = ['useStatements', 'expandCodeButton', 'codeContent'];
 
-    connect() {
-        if (this.hasExpandCodeButtonTarget && this.#isOverflowing(this.codeContentTarget)) {
-            this.expandCodeButtonTarget.style.display = 'block';
-            // add extra padding so the button doesn't block the code
-            this.codeContentTarget.classList.add('pb-5');
-        }
-    }
-
     expandUseStatements(event) {
         this.useStatementsTarget.style.display = 'block';
         event.currentTarget.remove();
@@ -21,7 +13,6 @@ export default class extends Controller {
         this.codeContentTarget.style.height = 'auto';
         if (this.hasExpandCodeButtonTarget) {
             this.expandCodeButtonTarget.remove();
-            this.codeContentTarget.classList.remove('pb-5');
         }
     }
 

ux.symfony.com/assets/controllers/ux-clipboard-controller.js

@@ -110,19 +110,7 @@
 @import "./container";
 @import "./images";
 
-// TODO move Terminal/CodeBlock
-.btn-expand-code {
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    width: 100%;
-    color: rgb(156 163 175);
-    background-color: rgb(9, 10, 11);
-}
-.btn-expand-code:hover, .btn-expand-code:active {
-    background-color: rgb(9, 10, 11) !important;
-    color: #fff !important;
-}
 .code-description a {
     text-decoration: underline;
 }
+

ux.symfony.com/assets/images/large.jpg

@@ -20,14 +20,3 @@
         url("https://cdn.jsdelivr.net/npm/@fontsource/[email protected]/files/ubuntu-latin-700-normal.woff2") format('woff2');
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
-
-/* playfair-display-latin-700-italic */
-@font-face {
-  font-family: 'Playfair Display';
-  font-style: italic;
-  font-display: swap;
-  font-weight: 700;
-  src:  local("Playfair Display Bold Italic"),
-        local("PlayfairDisplay-Bold-Italic"),
-        url("https://cdn.jsdelivr.net/npm/@fontsource/[email protected]/files/playfair-display-latin-700-italic.woff2") format('woff2');
-}

ux.symfony.com/assets/images/legos.jpg

@@ -41,6 +41,9 @@ button {
   border: none;
   background: inherit;
 }
+button:active {
+  border: inherit;
+}
 
 a.link {
   --color: #d9438e;

ux.symfony.com/assets/images/rainbow.png

@@ -15,7 +15,6 @@
 
   // Fonts
   --font-family-title: "Ubuntu";
-  --font-family-decorative: "Playfair Display";
   --font-family-text: system-ui, sans-serif;
   --font-family-code: ui-monospace, "SF Mono", SFMono-Regular, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
 

ux.symfony.com/assets/styles/app.scss

@@ -9,11 +9,6 @@ h1.ubuntu {
   line-height: 60px;
 }
 
-h1 .playfair {
-  font-style: italic;
-  line-height: 70px;
-}
-
 h2.ubuntu {
   font-size: 42px;
   font-weight: 700;
@@ -88,12 +83,6 @@ h4.ubuntu {
     letter-spacing: -1px;
   }
 
-  h1.playfair {
-    font-size: 36px;
-    line-height: 48px;
-    letter-spacing: -1px;
-  }
-
   h2.ubuntu {
     font-size: 28px;
     line-height: 32px;