From 31df3bce896de11daf108be1f7a9c0b04b9f6399 Mon Sep 17 00:00:00 2001
From: Jessica Lawshe <5312836+lawshe@users.noreply.github.com>
Date: Mon, 21 Oct 2024 11:29:50 -0500
Subject: [PATCH] Merge pull request #21148 from
 overleaf/jel-gallery-categories

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

GitOrigin-RevId: 4af7da520485c47d54c2a0d004fd53edd7e93cc6
---
 .../stylesheets/bootstrap-5/pages/templates-v2.scss | 11 +++++++++--
 services/web/locales/en.json                        |  1 +
 .../web/public/img/website-redesign/gallery/cv.svg  | 13 +++++++++++++
 3 files changed, 23 insertions(+), 2 deletions(-)
 create mode 100644 services/web/public/img/website-redesign/gallery/cv.svg

diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/templates-v2.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/templates-v2.scss
index 5d4bfdb1a2..587e797596 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/pages/templates-v2.scss
+++ b/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);
     }
   }
 }
diff --git a/services/web/locales/en.json b/services/web/locales/en.json
index 9fbe735290..d1865b260e 100644
--- a/services/web/locales/en.json
+++ b/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",
diff --git a/services/web/public/img/website-redesign/gallery/cv.svg b/services/web/public/img/website-redesign/gallery/cv.svg
new file mode 100644
index 0000000000..e26abd6a23
--- /dev/null
+++ b/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>