From 1d70fe2daa5bfbcd198d8b331460e39ed485757c Mon Sep 17 00:00:00 2001 From: Diego Rapoport Date: Mon, 22 Apr 2024 13:07:11 -0300 Subject: [PATCH 1/3] Fix responsiveness of icons --- src/app/globals.css | 41 ++-- src/app/page.tsx | 490 ++++++++++++++++++++++---------------------- 2 files changed, 266 insertions(+), 265 deletions(-) diff --git a/src/app/globals.css b/src/app/globals.css index 3e7f785..b1d54df 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -3,31 +3,34 @@ @tailwind utilities; :root { - --foreground-rgb: 0, 0, 0; - --background-start-rgb: 214, 219, 220; - --background-end-rgb: 255, 255, 255; + --foreground-rgb: 0, 0, 0; + --background-start-rgb: 214, 219, 220; + --background-end-rgb: 255, 255, 255; } @media (prefers-color-scheme: dark) { - :root { - --foreground-rgb: 255, 255, 255; - --background-start-rgb: 0, 0, 0; - --background-end-rgb: 0, 0, 0; - } + :root { + --foreground-rgb: 255, 255, 255; + --background-start-rgb: 0, 0, 0; + --background-end-rgb: 0, 0, 0; + } } body { - color: rgb(var(--foreground-rgb)); - background: linear-gradient( - to bottom, - transparent, - rgb(var(--background-end-rgb)) - ) - rgb(var(--background-start-rgb)); + color: rgb(var(--foreground-rgb)); + background: linear-gradient(to bottom, + transparent, + rgb(var(--background-end-rgb))) rgb(var(--background-start-rgb)); } @layer utilities { - .text-balance { - text-wrap: balance; - } -} \ No newline at end of file + .text-balance { + text-wrap: balance; + } +} + +.flex-content-center { + display: flex; + flex-wrap: wrap; + justify-content: center; +} diff --git a/src/app/page.tsx b/src/app/page.tsx index 57a39a6..fc23e5d 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,53 +1,53 @@ -import React from 'react'; +import React from 'react' export default function Home() { return ( -
-
-
-
-

+
+
+
+
+

Unleash Innovation,
Embrace Open Source.

-

+

Empowering communities through open collaboration, our mission is to foster innovation and drive positive change by championing the principles of open source.

- -
- - +
+ + - + - + - - + + - + - + - + - + @@ -291,11 +291,11 @@ export default function Home() { @@ -304,84 +304,82 @@ export default function Home() {
-
-
- ); + ) } From e4ec1149bac3d979549c2e38ad47462c6d382725 Mon Sep 17 00:00:00 2001 From: Diego Rapoport Date: Mon, 22 Apr 2024 13:14:13 -0300 Subject: [PATCH 2/3] Fix icon colors and center max layout --- src/app/page.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index fc23e5d..2160a92 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -304,8 +304,8 @@ export default function Home() {

-
-
+
+
Date: Thu, 19 Sep 2024 12:34:17 -0700 Subject: [PATCH 3/3] install node types --- package-lock.json | 8 ++++---- package.json | 2 +- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/package-lock.json b/package-lock.json index cff6f39..1bfaa8c 100644 --- a/package-lock.json +++ b/package-lock.json @@ -13,7 +13,7 @@ "react-dom": "^18.3.1" }, "devDependencies": { - "@types/node": "^22.5.0", + "@types/node": "^22.5.5", "@types/react": "^18.3.4", "@types/react-dom": "^18.3.0", "autoprefixer": "^10.4.20", @@ -470,9 +470,9 @@ "dev": true }, "node_modules/@types/node": { - "version": "22.5.0", - "resolved": "https://registry.npmjs.org/@types/node/-/node-22.5.0.tgz", - "integrity": "sha512-DkFrJOe+rfdHTqqMg0bSNlGlQ85hSoh2TPzZyhHsXnMtligRWpxUySiyw8FY14ITt24HVCiQPWxS3KO/QlGmWg==", + "version": "22.5.5", + "resolved": "https://registry.npmjs.org/@types/node/-/node-22.5.5.tgz", + "integrity": "sha512-Xjs4y5UPO/CLdzpgR6GirZJx36yScjh73+2NlLlkFRSoQN8B0DpfXPdZGnvVmLRLOsqDpOfTNv7D9trgGhmOIA==", "dev": true, "license": "MIT", "dependencies": { diff --git a/package.json b/package.json index 5e2fdcb..295c051 100644 --- a/package.json +++ b/package.json @@ -17,7 +17,7 @@ "react-dom": "^18.3.1" }, "devDependencies": { - "@types/node": "^22.5.0", + "@types/node": "^22.5.5", "@types/react": "^18.3.4", "@types/react-dom": "^18.3.0", "autoprefixer": "^10.4.20",