From f4e80c23f3332231f87f4efd7ce9733f39923c3c Mon Sep 17 00:00:00 2001 From: RonakSurana-2001 Date: Wed, 2 Oct 2024 11:28:58 +0530 Subject: [PATCH 1/4] Made the landing Page responsive --- .../CommunityLinks/CommunityLinks.module.css | 8 ++ app/styles/page.module.css | 95 +++++++++++++++++-- 2 files changed, 94 insertions(+), 9 deletions(-) diff --git a/app/components/CommunityLinks/CommunityLinks.module.css b/app/components/CommunityLinks/CommunityLinks.module.css index ad1834d..1645408 100644 --- a/app/components/CommunityLinks/CommunityLinks.module.css +++ b/app/components/CommunityLinks/CommunityLinks.module.css @@ -4,7 +4,15 @@ align-items: center; gap: 1em; position: relative; + width: 100%; } + +@media screen and (max-width:700px) { + .footerLinks { + flex-direction: column; + } +} + .footerLink { color: hsl(var(--primary)); text-decoration: underline; diff --git a/app/styles/page.module.css b/app/styles/page.module.css index 0efd6d4..2c37335 100644 --- a/app/styles/page.module.css +++ b/app/styles/page.module.css @@ -1,27 +1,40 @@ .main { display: flex; flex-direction: column; - height: inherit; - - justify-content: space-between; + /* height: inherit; */ + /* justify-content: space-between; */ + height: 100%; align-items: center; } .wrapper { display: flex; flex-direction: column; - height: 100%; - gap: 64px; + height:85%; + gap: 50px; justify-content: center; align-items: center; + width: 100%; +} + +@media screen and (max-width:400px) { + .wrapper{ + gap: 2px; + } +} + +@media screen and (max-width:700px) { + .wrapper{ + padding: 30px; + } } .titleWrapper { display: flex; flex-direction: column; gap: 8px; - margin-right: 5em; } + .title { font-size: 6rem; font-weight: 900; @@ -31,16 +44,29 @@ text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.25); } +@media screen and (max-width:700px){ + .title{ + font-size: 3rem; + text-align: center; + } +} +@media screen and (max-width:300px){ + .title{ + font-size: 2.5rem; + text-align: center; + } +} + .title > div { line-height: 115%; letter-spacing: -2px; } + .jsonSchemaTitle { color: hsl(var(--primary)); text-decoration: underline; text-decoration-thickness: 0.075em; /* add some gap between the underline and text */ - text-underline-offset: 0.15em; } .subtitle1 { @@ -52,7 +78,6 @@ } .subtitle2 { font-size: 1.3rem; - color: hsl(var(--text) / 0.5); } .subtitleWrapper { @@ -62,6 +87,28 @@ justify-content: center; } +@media screen and (max-width:700px){ + .subtitleWrapper{ + text-align: center; + margin-top: 5%; + } +} + +@media screen and (max-width:300px){ + .subtitleWrapper{ + text-align: center; + margin-top: 5%; + gap:5px; + } + .subtitle1{ + font-size: 20px; + } + .subtitle2{ + font-size: 1rem; + } +} + + .mainBtn { font-weight: 800; font-size: 1.4em; @@ -80,6 +127,27 @@ padding-right: 18px; } +@media screen and (max-width:700px) { + .mainBtn{ + font-size: 1.2em; + } +} + +@media screen and (max-width:400px) { + .mainBtn{ + font-size: 0.8em; + margin-top: 30%; + } +} + +@media screen and (max-width:220px) { + .mainBtn{ + font-size: 0.2em; + margin-top: 6%; + padding: 5px 5px; + } +} + .mainBtn:hover { gap: 24px; padding: 8px 18px; @@ -91,9 +159,18 @@ justify-content: center; align-items: center; gap: 4px; - padding-bottom: 8px; + width: 100%; + padding: 20px; + height: 15%; } .footerText { font-weight: 700; + text-align: center; } + +@media screen and (max-width:200px) { + .footerText { + margin-top: 30%; + } +} \ No newline at end of file From bec3fd77727ece299c697da5c87a0ecbe3e41694 Mon Sep 17 00:00:00 2001 From: RonakSurana-2001 Date: Thu, 3 Oct 2024 09:40:03 +0530 Subject: [PATCH 2/4] Resolved turbopack error --- next.config.mjs | 1 + package.json | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/next.config.mjs b/next.config.mjs index 71ac1b2..bbf92f5 100644 --- a/next.config.mjs +++ b/next.config.mjs @@ -20,6 +20,7 @@ const nextConfig = { pageExtensions: ["js", "jsx", "md", "mdx", "ts", "tsx"], output: "export", + transpilePackages: ['next-mdx-remote'], images: { unoptimized: true }, compiler: { diff --git a/package.json b/package.json index f7041ae..b86ee1c 100644 --- a/package.json +++ b/package.json @@ -6,7 +6,7 @@ "scripts": { "next-dev": "next dev", "content-watch": "nodemon --ext ts,mdx --watch ./content --ignore ./content/outline.json --exec \"tsx ./scripts/generateOutline.ts\"", - "dev": "concurrently \"pnpm run next-dev\" \"pnpm run content-watch\"", + "dev": "concurrently \"pnpm run next-dev\" \"pnpm run content-watch\" \"--turbo\"", "build": "tsx ./scripts/generateOutline.ts && next build", "start": "next start", "lint": "next lint", From db2f11153fcc1c20a67197f94c56e09dfc166de7 Mon Sep 17 00:00:00 2001 From: RonakSurana-2001 Date: Thu, 3 Oct 2024 09:54:20 +0530 Subject: [PATCH 3/4] Restored old unreponsive version --- .../CommunityLinks/CommunityLinks.module.css | 8 -- app/styles/page.module.css | 95 ++----------------- 2 files changed, 9 insertions(+), 94 deletions(-) diff --git a/app/components/CommunityLinks/CommunityLinks.module.css b/app/components/CommunityLinks/CommunityLinks.module.css index 1645408..ad1834d 100644 --- a/app/components/CommunityLinks/CommunityLinks.module.css +++ b/app/components/CommunityLinks/CommunityLinks.module.css @@ -4,15 +4,7 @@ align-items: center; gap: 1em; position: relative; - width: 100%; } - -@media screen and (max-width:700px) { - .footerLinks { - flex-direction: column; - } -} - .footerLink { color: hsl(var(--primary)); text-decoration: underline; diff --git a/app/styles/page.module.css b/app/styles/page.module.css index 2c37335..0efd6d4 100644 --- a/app/styles/page.module.css +++ b/app/styles/page.module.css @@ -1,40 +1,27 @@ .main { display: flex; flex-direction: column; - /* height: inherit; */ - /* justify-content: space-between; */ - height: 100%; + height: inherit; + + justify-content: space-between; align-items: center; } .wrapper { display: flex; flex-direction: column; - height:85%; - gap: 50px; + height: 100%; + gap: 64px; justify-content: center; align-items: center; - width: 100%; -} - -@media screen and (max-width:400px) { - .wrapper{ - gap: 2px; - } -} - -@media screen and (max-width:700px) { - .wrapper{ - padding: 30px; - } } .titleWrapper { display: flex; flex-direction: column; gap: 8px; + margin-right: 5em; } - .title { font-size: 6rem; font-weight: 900; @@ -44,29 +31,16 @@ text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.25); } -@media screen and (max-width:700px){ - .title{ - font-size: 3rem; - text-align: center; - } -} -@media screen and (max-width:300px){ - .title{ - font-size: 2.5rem; - text-align: center; - } -} - .title > div { line-height: 115%; letter-spacing: -2px; } - .jsonSchemaTitle { color: hsl(var(--primary)); text-decoration: underline; text-decoration-thickness: 0.075em; /* add some gap between the underline and text */ + text-underline-offset: 0.15em; } .subtitle1 { @@ -78,6 +52,7 @@ } .subtitle2 { font-size: 1.3rem; + color: hsl(var(--text) / 0.5); } .subtitleWrapper { @@ -87,28 +62,6 @@ justify-content: center; } -@media screen and (max-width:700px){ - .subtitleWrapper{ - text-align: center; - margin-top: 5%; - } -} - -@media screen and (max-width:300px){ - .subtitleWrapper{ - text-align: center; - margin-top: 5%; - gap:5px; - } - .subtitle1{ - font-size: 20px; - } - .subtitle2{ - font-size: 1rem; - } -} - - .mainBtn { font-weight: 800; font-size: 1.4em; @@ -127,27 +80,6 @@ padding-right: 18px; } -@media screen and (max-width:700px) { - .mainBtn{ - font-size: 1.2em; - } -} - -@media screen and (max-width:400px) { - .mainBtn{ - font-size: 0.8em; - margin-top: 30%; - } -} - -@media screen and (max-width:220px) { - .mainBtn{ - font-size: 0.2em; - margin-top: 6%; - padding: 5px 5px; - } -} - .mainBtn:hover { gap: 24px; padding: 8px 18px; @@ -159,18 +91,9 @@ justify-content: center; align-items: center; gap: 4px; - width: 100%; - padding: 20px; - height: 15%; + padding-bottom: 8px; } .footerText { font-weight: 700; - text-align: center; } - -@media screen and (max-width:200px) { - .footerText { - margin-top: 30%; - } -} \ No newline at end of file From a32325a41a50ed9bfccfdf29b74d9551ab445175 Mon Sep 17 00:00:00 2001 From: JeelRajodiya Date: Thu, 3 Oct 2024 11:13:07 +0530 Subject: [PATCH 4/4] fix: turbo tag --- package.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/package.json b/package.json index b86ee1c..41bb5c5 100644 --- a/package.json +++ b/package.json @@ -4,9 +4,9 @@ "private": true, "type": "module", "scripts": { - "next-dev": "next dev", + "next-dev": "next dev --turbo", "content-watch": "nodemon --ext ts,mdx --watch ./content --ignore ./content/outline.json --exec \"tsx ./scripts/generateOutline.ts\"", - "dev": "concurrently \"pnpm run next-dev\" \"pnpm run content-watch\" \"--turbo\"", + "dev": "concurrently \"pnpm run next-dev\" \"pnpm run content-watch\"", "build": "tsx ./scripts/generateOutline.ts && next build", "start": "next start", "lint": "next lint",