From 7708f2df946f2de80248825fb18226b9d64c9a8e Mon Sep 17 00:00:00 2001 From: Fellyph Cintra Date: Fri, 16 Feb 2024 16:24:31 +0000 Subject: [PATCH 1/7] adding new route for comments --- app.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/app.js b/app.js index a194fad..47f3893 100644 --- a/app.js +++ b/app.js @@ -71,7 +71,8 @@ const scenarios = [ 'personalization', 'personalization-localstorage', 'gsi', - 'social-media' + 'social-media', + 'social-media-comments' ]; scenarios.forEach(scenario => { const scenarioRoutes = require(`./src/scenarios/${scenario}/routes`); From 7ead9c21d3703ce83f7bc37738f36b9f70a1bcfa Mon Sep 17 00:00:00 2001 From: Fellyph Cintra Date: Fri, 16 Feb 2024 16:25:03 +0000 Subject: [PATCH 2/7] adding new card for facebook comments at the homepage --- public/assets/styles/style.css | 12 ++++++++++-- src/common/index.ejs | 5 +++-- 2 files changed, 13 insertions(+), 4 deletions(-) diff --git a/public/assets/styles/style.css b/public/assets/styles/style.css index f90e66a..e6a0ebc 100644 --- a/public/assets/styles/style.css +++ b/public/assets/styles/style.css @@ -825,8 +825,8 @@ video { appearance: none; } -.grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); +.grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); } .flex-col { @@ -1133,6 +1133,14 @@ video { } @media (min-width: 768px) { + .md\:w-\[60rem\] { + width: 60rem; + } + + .md\:max-w-full { + max-width: 100%; + } + .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } diff --git a/src/common/index.ejs b/src/common/index.ejs index 0d5e19c..c12e5d1 100644 --- a/src/common/index.ejs +++ b/src/common/index.ejs @@ -12,13 +12,14 @@
<%= renderCard('Analytics Tracking', '🔎', '/analytics') %> <%= renderCard('Embedded Content', '📽️', '/embedded-video') %> - <%= renderCard('E-Commerce', '🛒', '/ecommerce') %> + <%= renderCard('Shopping Cart', '🛒', '/ecommerce') %> <%= renderCard('Personalization', '🎨', '/personalization') %> <%= renderCard('Personalization with localStorage', '🖼️', '/personalization-localstorage') %> <%= renderCard('Single Sign-On', '🔐', '/single-sign-on') %> <%= renderCard('Payment Gateway', '💳', '/payment-gateway') %> <%= renderCard('Legacy GSI', '🔐', '/gsi') %> - <%= renderCard('Facebook', '👍', '/social-media') %> + <%= renderCard('Facebook Like', '👍', '/social-media') %> + <%= renderCard('Facebook Comments', '💬', '/social-media-comments') %> <%= renderCard('CHIPS', '🍪', '/chips') %> <%= renderCard('Storage Access API', '🗃️', '/storage-access-api') %>
From 19010d946e205811c7f92956c6a367717526dd80 Mon Sep 17 00:00:00 2001 From: Fellyph Cintra Date: Fri, 16 Feb 2024 16:25:24 +0000 Subject: [PATCH 3/7] removing other demos --- src/scenarios/social-media/index.ejs | 10 ---------- 1 file changed, 10 deletions(-) diff --git a/src/scenarios/social-media/index.ejs b/src/scenarios/social-media/index.ejs index 3aa6058..77d80b8 100644 --- a/src/scenarios/social-media/index.ejs +++ b/src/scenarios/social-media/index.ejs @@ -6,7 +6,6 @@
-

Like Button

- -
-

Share Button

-
-
-
-

Comments

-
-
<%- include(commonPath + '/internal-page/footer.ejs') %> <%- include(commonPath + '/footer.ejs') %> From 9f5ec47e21078ab0b49657e06f105fdf08ff052f Mon Sep 17 00:00:00 2001 From: Fellyph Cintra Date: Fri, 16 Feb 2024 16:27:35 +0000 Subject: [PATCH 4/7] adding template for facebook comments --- src/scenarios/social-media-comments/index.ejs | 12 ++++++++++++ src/scenarios/social-media-comments/routes.js | 13 +++++++++++++ 2 files changed, 25 insertions(+) create mode 100644 src/scenarios/social-media-comments/index.ejs create mode 100644 src/scenarios/social-media-comments/routes.js diff --git a/src/scenarios/social-media-comments/index.ejs b/src/scenarios/social-media-comments/index.ejs new file mode 100644 index 0000000..0a4f71d --- /dev/null +++ b/src/scenarios/social-media-comments/index.ejs @@ -0,0 +1,12 @@ +<%- include(commonPath + '/header.ejs') %> + + <%- include(commonPath + '/internal-page/header.ejs', {containerType: 'sm'}) %> +
+ + +
+
+
+
+ <%- include(commonPath + '/internal-page/footer.ejs') %> +<%- include(commonPath + '/footer.ejs') %> diff --git a/src/scenarios/social-media-comments/routes.js b/src/scenarios/social-media-comments/routes.js new file mode 100644 index 0000000..0520177 --- /dev/null +++ b/src/scenarios/social-media-comments/routes.js @@ -0,0 +1,13 @@ +const express = require('express'); +const path = require('path'); +const router = express.Router(); + +router.get('/', (req, res) => { + // Send the default page + const currentDomain = req.get('host'); + res.render(path.join(__dirname,'index'), { + title: 'Facebook Comments' + }); +}); + +module.exports = router; From 90c79224807ba52530a88c0c020b245866f5f6c0 Mon Sep 17 00:00:00 2001 From: Fellyph Cintra Date: Fri, 16 Feb 2024 16:27:53 +0000 Subject: [PATCH 5/7] updating demo title --- src/scenarios/social-media/routes.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/scenarios/social-media/routes.js b/src/scenarios/social-media/routes.js index bdab96c..37a2401 100644 --- a/src/scenarios/social-media/routes.js +++ b/src/scenarios/social-media/routes.js @@ -6,7 +6,7 @@ router.get('/', (req, res) => { // Send the default page const currentDomain = req.get('host'); res.render(path.join(__dirname,'index'), { - title: 'Facebook' + title: 'Facebook Like Button' }); }); From 689a456edc325450405375ba606b4a9451b2fe9b Mon Sep 17 00:00:00 2001 From: Fellyph Cintra Date: Fri, 16 Feb 2024 16:32:43 +0000 Subject: [PATCH 6/7] resizing the comment box --- src/scenarios/social-media-comments/index.ejs | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/scenarios/social-media-comments/index.ejs b/src/scenarios/social-media-comments/index.ejs index 0a4f71d..1934867 100644 --- a/src/scenarios/social-media-comments/index.ejs +++ b/src/scenarios/social-media-comments/index.ejs @@ -6,7 +6,7 @@
-
+
<%- include(commonPath + '/internal-page/footer.ejs') %> <%- include(commonPath + '/footer.ejs') %> From 84579b576bb9008efee866f4bd53c31ea1ded12a Mon Sep 17 00:00:00 2001 From: Fellyph Cintra Date: Fri, 16 Feb 2024 16:33:05 +0000 Subject: [PATCH 7/7] renaming the ecommerce page to shopping cart --- src/scenarios/ecommerce/routes.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/scenarios/ecommerce/routes.js b/src/scenarios/ecommerce/routes.js index 4eb9524..d725f52 100644 --- a/src/scenarios/ecommerce/routes.js +++ b/src/scenarios/ecommerce/routes.js @@ -14,7 +14,7 @@ router.use((req, res, next) => { router.get('/', (req, res) => { // Render the index view (homepage) res.render(path.join(__dirname,'index'), { - title: 'E-commerce' + title: 'Shopping Cart' }); });