From a965a37579ad884f6159026a106bcd00a46f5289 Mon Sep 17 00:00:00 2001 From: Leticia Dias Date: Fri, 4 Jul 2025 15:25:43 -0300 Subject: [PATCH 1/4] refactor: markdown-styles.module.css removed --- src/markdown-styles.module.css | 18 ------------------ 1 file changed, 18 deletions(-) delete mode 100644 src/markdown-styles.module.css diff --git a/src/markdown-styles.module.css b/src/markdown-styles.module.css deleted file mode 100644 index e123ce8..0000000 --- a/src/markdown-styles.module.css +++ /dev/null @@ -1,18 +0,0 @@ -/* - -There will be a TSX component only for -Markdown statements injection -*/ - -.reactMarkdown { - -} - -.reactMarkdown p { - font-size: 1.2em; -} - -.reactMarkdown h1 { - font-size: 3.2em; -} - From a553c22d504846930f5ff22668ce10970b27071e Mon Sep 17 00:00:00 2001 From: Leticia Dias Date: Fri, 4 Jul 2025 15:25:56 -0300 Subject: [PATCH 2/4] fix: fixed responsiveness issues on home page --- src/App.tsx | 2 +- src/components/footer/Footer.tsx | 46 +++++++++++++------------ src/components/header/Header.module.css | 1 - src/components/header/Header.tsx | 2 +- src/components/navbar/Navbar.tsx | 2 +- src/sections/SectionEvents.tsx | 2 +- src/sections/SectionTechLab.tsx | 6 +--- 7 files changed, 29 insertions(+), 32 deletions(-) diff --git a/src/App.tsx b/src/App.tsx index ba8d6b3..d81004d 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -11,7 +11,7 @@ import "./global.css"; export function App() { return ( -
+
diff --git a/src/components/footer/Footer.tsx b/src/components/footer/Footer.tsx index b9577bc..e0dfd40 100644 --- a/src/components/footer/Footer.tsx +++ b/src/components/footer/Footer.tsx @@ -8,28 +8,30 @@ export function Footer() { const { darkMode } = useContext(ThemeContext); return ( -
-
-

- ©2022 - 2025. Todos os direitos reservados ao TechKnowledge. -

-
+
+
+
+

+ ©2022 - 2025. Todos os direitos reservados ao TechKnowledge. +

+
-
- {darkMode ? ( - TechKnowledge Logo - ) : ( - TechKnowledge Logo - )} -
-
+
+ {darkMode ? ( + TechKnowledge Logo + ) : ( + TechKnowledge Logo + )} +
+
+
); } diff --git a/src/components/header/Header.module.css b/src/components/header/Header.module.css index 1d60033..1519507 100644 --- a/src/components/header/Header.module.css +++ b/src/components/header/Header.module.css @@ -1,6 +1,5 @@ @media (max-width: 480px) { .logo { height: 38px; - margin-top: 8px; } } diff --git a/src/components/header/Header.tsx b/src/components/header/Header.tsx index 7a7a27d..8aea6db 100644 --- a/src/components/header/Header.tsx +++ b/src/components/header/Header.tsx @@ -13,7 +13,7 @@ export function Header() { const { darkMode, toggleDarkMode } = useContext(ThemeContext); return ( -
+
{darkMode ? (
setOpen(!open)} - className="absolute right-8 top-7 cursor-pointer md:hidden" + className="absolute right-4 top-7 cursor-pointer md:hidden" > {darkMode ? ( Menu diff --git a/src/sections/SectionEvents.tsx b/src/sections/SectionEvents.tsx index 5b5f6d0..88eb909 100644 --- a/src/sections/SectionEvents.tsx +++ b/src/sections/SectionEvents.tsx @@ -6,7 +6,7 @@ import rocketImage from "../assets/images/rocket.svg"; export function SectionEvents() { return ( -
+
diff --git a/src/sections/SectionTechLab.tsx b/src/sections/SectionTechLab.tsx index c456030..38e0330 100644 --- a/src/sections/SectionTechLab.tsx +++ b/src/sections/SectionTechLab.tsx @@ -5,11 +5,7 @@ import TechLabImage from "../assets/images/techknowledge-techlab.png"; export function SectionTechLab() { return ( -
+

Vem conferir nosso catálogo de conteúdos no TechLab. From 8c9f7291b3fa6775d549437f3019706f9d8435dd Mon Sep 17 00:00:00 2001 From: Leticia Dias Date: Fri, 4 Jul 2025 21:41:51 -0300 Subject: [PATCH 3/4] fix: fixed responsiveness issues on the sections --- src/components/cardourpurpose/CardOurPurpose.tsx | 2 +- src/components/footer/Footer.tsx | 4 ++-- src/components/posts/postpreview/PostPreview.tsx | 6 +++--- src/sections/SectionEvents.tsx | 8 ++++---- src/sections/SectionFounders.tsx | 4 ++-- src/sections/SectionKnowledgers.tsx | 8 ++++---- src/sections/SectionLatestPosts.tsx | 6 +++--- src/sections/SectionMain.tsx | 2 +- src/sections/SectionTechLab.tsx | 2 +- tailwind.config.js | 2 ++ 10 files changed, 23 insertions(+), 21 deletions(-) diff --git a/src/components/cardourpurpose/CardOurPurpose.tsx b/src/components/cardourpurpose/CardOurPurpose.tsx index 736a033..cdd6be8 100644 --- a/src/components/cardourpurpose/CardOurPurpose.tsx +++ b/src/components/cardourpurpose/CardOurPurpose.tsx @@ -13,7 +13,7 @@ export function CardOurPurpose() { return (
) : ( TechKnowledge Logo )} diff --git a/src/components/posts/postpreview/PostPreview.tsx b/src/components/posts/postpreview/PostPreview.tsx index ad227d6..43c797b 100644 --- a/src/components/posts/postpreview/PostPreview.tsx +++ b/src/components/posts/postpreview/PostPreview.tsx @@ -45,7 +45,7 @@ export function PostPreview() { .slice(0, 3); return ( -
+
{sortedPosts.map((post) => { const mock = mockPost.find((mock) => mock.id === post.id); @@ -68,12 +68,12 @@ export function PostPreview() {
{post.title} -

+

{post.previewContent}

diff --git a/src/sections/SectionEvents.tsx b/src/sections/SectionEvents.tsx index 88eb909..0719d00 100644 --- a/src/sections/SectionEvents.tsx +++ b/src/sections/SectionEvents.tsx @@ -10,27 +10,27 @@ export function SectionEvents() {
-

+

Nos convide para o seu evento!

-

+

Tem um evento de tecnologia chegando? Estamos prontos para compartilhar conhecimento, inspirar pessoas e discutir nossas experiências no mercado! Adoramos contribuir com conteúdos relevantes e experiências práticas.

-

+

Convide-nos para palestrar no seu evento e fazer parte dessa troca de ideias. Será um prazer colaborar com a sua comunidade!

-
+
diff --git a/src/sections/SectionFounders.tsx b/src/sections/SectionFounders.tsx index 0d95132..515a4ea 100644 --- a/src/sections/SectionFounders.tsx +++ b/src/sections/SectionFounders.tsx @@ -16,7 +16,7 @@ export function SectionFounders() { Fundadores

-
+

Fala galera! Somos o Mikael e a Leticia, os criadores do blog TechKnowledge. Gostariamos de compartilhar com vocês um pouco da @@ -29,7 +29,7 @@ export function SectionFounders() {

-
+
diff --git a/src/sections/SectionKnowledgers.tsx b/src/sections/SectionKnowledgers.tsx index 796719b..b02c3ff 100644 --- a/src/sections/SectionKnowledgers.tsx +++ b/src/sections/SectionKnowledgers.tsx @@ -5,13 +5,13 @@ import knowledgersImage from "../assets/images/knowledgers.png"; export function SectionKnowledgers() { return ( -
+

Knowledgers

-
+

Os Knowledgers são criadores de conteúdo sobre tecnologia, que compartilham conhecimento com propósito e autenticidade. @@ -23,7 +23,7 @@ export function SectionKnowledgers() {

-
+
@@ -31,7 +31,7 @@ export function SectionKnowledgers() {
knowledgers
diff --git a/src/sections/SectionLatestPosts.tsx b/src/sections/SectionLatestPosts.tsx index 235f60e..9d0c1a6 100644 --- a/src/sections/SectionLatestPosts.tsx +++ b/src/sections/SectionLatestPosts.tsx @@ -5,14 +5,14 @@ import { Button } from "../components/button/Button"; export function SectionLatestPosts() { return ( -
-

+
+

Artigos Recentes

-
+
diff --git a/src/sections/SectionMain.tsx b/src/sections/SectionMain.tsx index 9a8123f..0b31bda 100644 --- a/src/sections/SectionMain.tsx +++ b/src/sections/SectionMain.tsx @@ -8,7 +8,7 @@ import NewLogo from "../assets/images/techknowledge-logo.svg"; export function SectionMain() { return (
-
+

Um blog para compartilharmos conhecimento da área da{" "} tecnologia. diff --git a/src/sections/SectionTechLab.tsx b/src/sections/SectionTechLab.tsx index 38e0330..4c7a11c 100644 --- a/src/sections/SectionTechLab.tsx +++ b/src/sections/SectionTechLab.tsx @@ -6,7 +6,7 @@ import TechLabImage from "../assets/images/techknowledge-techlab.png"; export function SectionTechLab() { return (

-
+

Vem conferir nosso catálogo de conteúdos no TechLab.

diff --git a/tailwind.config.js b/tailwind.config.js index 2f40a62..62612d7 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -28,6 +28,8 @@ export default { "md-custom": "853px", "xs-custom": "412px", "sm-extended": "540px", + "sm-medium": "390px", + "screen-custom": "375px", "sm-custom": "344px", }, keyframes: { From 499008fa6bc24ce6fb59d1de86bed47388666660 Mon Sep 17 00:00:00 2001 From: Leticia Dias Date: Fri, 4 Jul 2025 22:46:32 -0300 Subject: [PATCH 4/4] style: adjusted button width for better alignment --- src/sections/SectionEvents.tsx | 2 +- src/sections/SectionLatestPosts.tsx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/sections/SectionEvents.tsx b/src/sections/SectionEvents.tsx index 0719d00..29dca67 100644 --- a/src/sections/SectionEvents.tsx +++ b/src/sections/SectionEvents.tsx @@ -30,7 +30,7 @@ export function SectionEvents() {
-
+
diff --git a/src/sections/SectionLatestPosts.tsx b/src/sections/SectionLatestPosts.tsx index 9d0c1a6..d21c9db 100644 --- a/src/sections/SectionLatestPosts.tsx +++ b/src/sections/SectionLatestPosts.tsx @@ -12,7 +12,7 @@ export function SectionLatestPosts() { -
+