From e8a06916b53a60988f429e73030d5231a3ade005 Mon Sep 17 00:00:00 2001 From: Arghya Ghosh <71373838+uiuxarghya@users.noreply.github.com> Date: Mon, 7 Feb 2022 00:54:35 +0530 Subject: [PATCH 1/4] Create MadeInBadge.js --- src/components/home/MadeInBadge.js | 15 +++++++++++++++ 1 file changed, 15 insertions(+) create mode 100644 src/components/home/MadeInBadge.js diff --git a/src/components/home/MadeInBadge.js b/src/components/home/MadeInBadge.js new file mode 100644 index 00000000..16efae54 --- /dev/null +++ b/src/components/home/MadeInBadge.js @@ -0,0 +1,15 @@ +import { IndianFlag } from '@/components/Logos' + +export default function MadeInBadge() { + return ( +

+ Made with +

+ in +

India

+ +

+ ) +} From bb46c7b272f0214a05cf449a15c59159764bfddc Mon Sep 17 00:00:00 2001 From: Arghya Ghosh <71373838+uiuxarghya@users.noreply.github.com> Date: Mon, 7 Feb 2022 00:54:49 +0530 Subject: [PATCH 2/4] Update main.css --- src/css/main.css | 48 ++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 48 insertions(+) diff --git a/src/css/main.css b/src/css/main.css index b68d0465..bf4b4832 100644 --- a/src/css/main.css +++ b/src/css/main.css @@ -52,3 +52,51 @@ thead tr th { .prose strong { font-weight: 700; } + +/* Heart */ + +.heart { + position: relative; + width: 10px; + height: 10px; + background-color: red; + transform: rotate(45deg) scale(1); + border-radius: 0 0 2px 0; + animation: pumpHeart 1500ms ease-in-out infinite; +} +.heart::before, +.heart::after { + content: ''; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + background-color: red; +} +.heart::before { + transform: translateY(-50%); +} +.heart::after { + transform: translateX(-50%); +} + +@keyframes pumpHeart { + 0% { + transform: rotate(45deg) scale(1); + } + 50% { + transform: rotate(45deg) scale(1); + } + 60% { + transform: rotate(45deg) scale(1.2); + } + 80% { + transform: rotate(45deg) scale(0.95); + } + 90% { + transform: rotate(45deg) scale(1); + } + 100% { + transform: rotate(45deg) scale(1); + } +} From 77a9be44e2c4cdf47ba826396693cac6b17fd530 Mon Sep 17 00:00:00 2001 From: Arghya Ghosh <71373838+uiuxarghya@users.noreply.github.com> Date: Mon, 7 Feb 2022 00:55:49 +0530 Subject: [PATCH 3/4] Update Footer.js --- src/components/home/Footer.js | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/src/components/home/Footer.js b/src/components/home/Footer.js index 6b2a8299..b532fba2 100644 --- a/src/components/home/Footer.js +++ b/src/components/home/Footer.js @@ -5,6 +5,7 @@ import { programsNav } from '@/navs/program' import clsx from 'clsx' import Link from 'next/link' import styles from './Footer.module.css' +import MadeInBadge from './MadeInBadge' const footerNav = { 'Getting started': { @@ -146,8 +147,9 @@ export function Footer() { Status

- - +

+ +

From a3f12990447191386af0039f2c572a651355b9a5 Mon Sep 17 00:00:00 2001 From: Arghya Ghosh <71373838+uiuxarghya@users.noreply.github.com> Date: Mon, 7 Feb 2022 00:58:49 +0530 Subject: [PATCH 4/4] Update MadeInBadge.js --- src/components/home/MadeInBadge.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/home/MadeInBadge.js b/src/components/home/MadeInBadge.js index 16efae54..48077897 100644 --- a/src/components/home/MadeInBadge.js +++ b/src/components/home/MadeInBadge.js @@ -3,7 +3,7 @@ import { IndianFlag } from '@/components/Logos' export default function MadeInBadge() { return (

Made with

in pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.

Alternative Proxies: