Merge pull request #42 from rtCamp/fix/removing-description-from-cards

Fix removing description from home page cards and adding missing class to user preference demo
rtCamp · Feb 8, 2024 · 1717359 · 1717359
2 parents 141c34b + 610316e
commit 1717359
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 11 deletions.
diff --git a/src/common/index.ejs b/src/common/index.ejs
@@ -1,23 +1,22 @@
 <%- include(commonPath + '/header.ejs') %>
 
-<% const renderCard = (title, emoji, link, description ) => { %>
+<% const renderCard = (title, emoji, link ) => { %>
     <a href="<%= link %>"
-        class="flex flex-col border border-blue p-4 bg-white drop-shadow-[8px_8px_0_rgba(32,33,37,.1)] rounded-md hover:bg-blue-500 hover:text-white aspect-square transition duration-300 size-40">
+        class="flex flex-col justify-center items-center border border-blue p-4 bg-white drop-shadow-[8px_8px_0_rgba(32,33,37,.1)] rounded-md hover:bg-blue-500 hover:text-white aspect-square transition duration-300 size-40">
         <span class="block text-5xl mb-4"><%= emoji %></span>
         <h3 class="font-bold mb-1"><%= title %></h3>
-        <p class="text-sm"><%= description %></p>
     </a>
 <% } %>
 
 <div class="container-lg mx-auto py-8">
     <div class="grid grid-cols-2 md:grid-cols-4 gap-6 mb-8 mt-8 w-[60rem] mx-auto max-w-full">
-        <%= renderCard('Analytics Tracking', '🔎', '/analytics','Testing the tracking cross-site') %>
-        <%= renderCard('Embedded Content', '📽️', '/embedded-video','Sharing data across sites with embedded content') %>
-        <%= renderCard('E-Commerce', '🛒', '/ecommerce','Storage a shopping cart across sites via iframe') %>
-        <%= renderCard('User preferences', '🎨', '/user-preferences','Using cookies to set user preferences cross-domain') %>
-        <%= renderCard('Single Sign-On', '🔐', '/single-sign-on','Using third-party providers to creating a login session') %>
-        <%= renderCard('Payment Gateway', '💳', '/payment-gateway','Payment flow simulation with credit card') %>
-        <%= renderCard('CHIPS', '🍪', '/chips','Using CHIPS to solve tracking issues across third-party applications') %>
+        <%= renderCard('Analytics Tracking', '🔎', '/analytics') %>
+        <%= renderCard('Embedded Content', '📽️', '/embedded-video') %>
+        <%= renderCard('E-Commerce', '🛒', '/ecommerce') %>
+        <%= renderCard('User preferences', '🎨', '/user-preferences') %>
+        <%= renderCard('Single Sign-On', '🔐', '/single-sign-on') %>
+        <%= renderCard('Payment Gateway', '💳', '/payment-gateway') %>
+        <%= renderCard('CHIPS', '🍪', '/chips') %>
         <%= renderCard('Legacy GSI', '🔐', '/gsi','Testing the Legacy GSI') %>
     </div>
 </div>

diff --git a/src/common/internal-page/header.ejs b/src/common/internal-page/header.ejs
@@ -10,4 +10,4 @@
                 <h1 class="text-3xl font-bold my-8 text-center text-slate-800"><%= title %></h1>
             </header>
         <% } %>
-        <div class="border p-8 bg-white drop-shadow-[8px_8px_0_rgba(32,33,37,.1)] rounded-lg text-center w-[<%= containerSize %>] mx-auto max-w-full transition duration-300">
+        <div class="page-card border p-8 bg-white drop-shadow-[8px_8px_0_rgba(32,33,37,.1)] rounded-lg text-center w-[<%= containerSize %>] mx-auto max-w-full transition duration-300">