From c9a7f312efcee00f0e61ff1551f6c85ad93c8673 Mon Sep 17 00:00:00 2001 From: nik-r-cmd Date: Mon, 13 May 2024 13:23:45 +0530 Subject: [PATCH] added the resource card feature --- Public/styles/result.css | 32 +++++++++++- views/result.ejs | 106 ++++++++++++++++++++++++++++++++++++++- 2 files changed, 136 insertions(+), 2 deletions(-) diff --git a/Public/styles/result.css b/Public/styles/result.css index c678c5c..923a401 100644 --- a/Public/styles/result.css +++ b/Public/styles/result.css @@ -195,4 +195,34 @@ body { /* change the direction of the change here */ color: #fff; text-decoration: none; -} \ No newline at end of file +} + +.recommended-resources { + background-color: rgb(255, 255, 255); + border-radius: 5px; + padding: 1rem; + margin-top: 2rem; +} + +.recommended-resources h2 { + text-align: center; /* Center align the text inside the header */ + font-weight: bold; /* Make the text bold */ + margin-bottom: 1rem; /* Add space below the header */ +} + +.resource-card { + display: inline-block; /* Make cards appear side-by-side */ + width: calc(20% - 1rem); /* Set width to 20% of available space with 1rem margin */ + margin: 0.5rem; /* Add some margin between cards */ + padding: 1rem; /* Add padding inside cards */ + border: 1px solid #ddd; /* Add a thin border */ + border-radius: 5px; /* Add rounded corners to cards */ + background-color: #fff; /* Set card background color (white) */ + text-align: center; /* Center align content within cards */ +} + + + + + + diff --git a/views/result.ejs b/views/result.ejs index 0d708f6..2200cee 100644 --- a/views/result.ejs +++ b/views/result.ejs @@ -128,7 +128,111 @@ + - +
+

Recommended Resources

+
+ <% if (pos < 5) { %> +
+

Boosting Positivity

+

Feeling down? Check out these tips for increasing positive emotions.

+ Visit Resource +
+ <% } else if (pos >= 5 && pos <= 7) { %> +
+

Maintaining Positivity

+

Strategies to keep your positive emotions thriving.

+ Visit Resource +
+ <% } else { %> +
+

Enhancing Positivity

+

Take your positive emotions to the next level with these practices.

+ Visit Resource +
+ <% } %> + + <% if (eng < 5) { %> +
+

Spark Engagement

+

Feeling disengaged? Explore these tips to find activities that light you up.

+ Visit Resource +
+ <% } else if (eng >= 5 && eng <= 7) { %> +
+

Deepen Engagement

+

Take your engagement to the next level with these strategies.

+ Visit Resource +
+ <% } else { %> +
+

Supercharge Engagement

+

Learn how to maximize your flow and motivation.

+ Visit Resource +
+ <% } %> + + <% if (rel < 5) { %> +
+

Strengthen Relationships

+

Build stronger connections with these tips for fostering healthy relationships.

+ Visit Resource +
+ <% } else if (rel >= 5 && rel <= 7) { %> +
+

Nurture Relationships

+

Learn how to nurture and deepen your existing connections.

+ Visit Resource +
+ <% } else { %> +
+

Thriving Relationships

+

Explore advanced strategies for building strong and fulfilling relationships.

+ Visit Resource +
+ <% } %> + + <% if (mea < 5) { %> +
+

Discover Meaning

+

Feeling lost? Explore resources to help you find your purpose in life.

+ Visit Resource +
+ <% } else if (mea >= 5 && mea <= 7) { %> +
+

Live a Meaningful Life

+

Learn how to integrate meaning into your daily life.

+ Visit Resource +
+ <% } else { %> +
+

Expand Your Purpose

+

Explore ways to broaden your sense of purpose and make a bigger impact.

+ Visit Resource +
+ <% } %> + + <% if (acc < 5) { %> +
+

Boost Accomplishment

+

Feeling stuck? Discover strategies to set and achieve goals effectively.

+ Visit Resource +
+ <% } else if (acc >= 5 && acc <= 7) { %> +
+

Maximize Accomplishment

+

Take your goal-setting skills to the next level with advanced strategies.

+ Visit Resource +
+ <% } else { %> +
+

Breakthrough Accomplishment

+

Explore strategies for tackling ambitious goals and achieving peak performance.

+ Visit Resource +
+ <% } %> +
+