Merge pull request #21148 from overleaf/jel-gallery-categories

[web] Begin "Categories" style update on gallery redesign

GitOrigin-RevId: 4af7da520485c47d54c2a0d004fd53edd7e93cc6

services/web/frontend/stylesheets/bootstrap-5/pages/templates-v2.scss

@@ -176,8 +176,15 @@
   }
 
   .popular-tags {
-    .gallery-thumbnail {
-      margin: 0 0 var(--spacing-06);
+    margin-top: var(--spacing-16);
+    margin-bottom: var(--spacing-16);
+
+    h2 {
+      margin-bottom: var(--spacing-09);
+    }
+
+    .popular-tags-list {
+      row-gap: var(--spacing-11);
     }
   }
 }

services/web/locales/en.json

@@ -240,6 +240,7 @@
   "card_must_be_authenticated_by_3dsecure": "Your card must be authenticated with 3D Secure before continuing",
   "card_payment": "Card payment",
   "careers": "Careers",
+  "categories": "Categories",
   "category_arrows": "Arrows",
   "category_greek": "Greek",
   "category_misc": "Misc",

services/web/public/img/website-redesign/gallery/cv.svg

@@ -0,0 +1,13 @@
+<svg width="384" height="240" viewBox="0 0 384 240" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_6696_10233)">
+<path d="M0 8.00001C0 3.58173 3.58172 0 8 0H376C380.418 0 384 3.58172 384 8V232C384 236.418 380.418 240 376 240H7.99999C3.58171 240 0 236.418 0 232V8.00001Z" fill="#80CB9C"/>
+<rect x="18" y="18" width="348" height="122" rx="10" fill="#DADBEB"/>
+<rect x="18" y="150" width="111" height="117" rx="10" fill="#F1A4A1"/>
+<rect x="139" y="150" width="227" height="117" rx="10" fill="#F9D880"/>
+</g>
+<defs>
+<clipPath id="clip0_6696_10233">
+<path d="M0 8.00001C0 3.58173 3.58172 0 8 0H376C380.418 0 384 3.58172 384 8V232C384 236.418 380.418 240 376 240H7.99999C3.58171 240 0 236.418 0 232V8.00001Z" fill="white"/>
+</clipPath>
+</defs>
+</svg>