diff --git a/.yarn/install-state.gz b/.yarn/install-state.gz index aa842bbe..ffaa720d 100644 Binary files a/.yarn/install-state.gz and b/.yarn/install-state.gz differ diff --git a/package.json b/package.json index 3c9faf9d..d20d10c9 100644 --- a/package.json +++ b/package.json @@ -70,13 +70,13 @@ }, "devDependencies": { "@astrojs/ts-plugin": "^1.6.1", - "@biomejs/biome": "1.7.2", + "@biomejs/biome": "1.7.3", "@commitlint/cli": "^19.3.0", "@commitlint/config-conventional": "^19.2.2", "@testing-library/react": "^15.0.6", "@testing-library/react-hooks": "^8.0.1", "@types/markdown-it": "^14.1.1", - "@types/node": "^20.12.8", + "@types/node": "^20.12.10", "@types/react": "^18.3.1", "@types/react-dom": "^18.3.0", "@types/three": "^0.164.0", diff --git a/src/pages/index.astro b/src/pages/index.astro index ffab25f0..5d4af773 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -5,7 +5,7 @@ import Testimonials from "@components/organisms/testimonials/Testimonials.astro" import MyWork from "@components/organisms/myWork/MyWork.astro"; import LatestArticles from "@components/organisms/latestArticles/LatestArticles.astro"; -// todo (current): responsive +// todo (current): responsive (about: city cards + latest articles slider) // todo: tags page // todo: add resume (PDF) in about? // todo: dynamic content diff --git a/src/ui/components/organisms/aboutLatestArticles/AboutLatestArticles.astro b/src/ui/components/organisms/aboutLatestArticles/AboutLatestArticles.astro index a19cc5bf..b38fe5da 100644 --- a/src/ui/components/organisms/aboutLatestArticles/AboutLatestArticles.astro +++ b/src/ui/components/organisms/aboutLatestArticles/AboutLatestArticles.astro @@ -13,7 +13,7 @@ articles.sort((a, b) => new Date(b.data.publishDate).valueOf() - new Date(a.data
-

Lorem ipsum dolir sit Amet. Dolor sit amet.

+

Lorem ipsum dolir sit Amet. Dolor sit amet.

Ferran Buireu
diff --git a/src/ui/components/organisms/aboutLatestArticles/about-latest-articles.css b/src/ui/components/organisms/aboutLatestArticles/about-latest-articles.css index 803ca219..b4f3f196 100644 --- a/src/ui/components/organisms/aboutLatestArticles/about-latest-articles.css +++ b/src/ui/components/organisms/aboutLatestArticles/about-latest-articles.css @@ -1,6 +1,9 @@ @layer about.latest-articles { .about-latest-articles__wrapper { margin-bottom: 12rem; + @media (max-width: 720px) { + margin-bottom: 5rem; + } } .about-latest-articles__title { @@ -10,6 +13,9 @@ color: var(--primary-main); display: inline-block; } + @media (max-width: 720px) { + margin-bottom: 2rem; + } } .about-latest-articles__inner { @@ -17,6 +23,12 @@ gap: 0 5rem; grid: 'Quote Latest-Articles' 1fr / calc(30% - 2rem) calc(70% - 2rem); justify-content: flex-end; + + @media (max-width: 720px) { + gap: 3rem 0; + grid: 'Quote Quote' min-content + 'Latest-Articles Latest-Articles' 1fr / auto; + } } .about-latest-articles__quote__wrapper { @@ -24,24 +36,33 @@ align-self: self-start; display: flex; flex-flow: column; - gap: 2rem 0; + gap: 1rem 0; grid-area: Quote; justify-content: flex-end; + position: relative; text-align: end; text-transform: uppercase; - } - - .about-latest-articles__quote { - position: relative; &::after { background-color: var(--neutral-main); content: ''; - height: 50%; + height: 100%; inset: 0 -2.5rem auto auto; position: absolute; - transform: translateY(50%); + top: 0; width: 1px; } + @media (max-width: 720px) { + align-items: center; + justify-content: center; + text-align: center; + + &::after { + height: 1px; + inset: auto 0 -1rem 0; + margin: 0 auto; + width: 4rem; + } + } } } diff --git a/src/ui/components/organisms/footer/footer.css b/src/ui/components/organisms/footer/footer.css index 8c016675..b6990d87 100644 --- a/src/ui/components/organisms/footer/footer.css +++ b/src/ui/components/organisms/footer/footer.css @@ -7,6 +7,9 @@ .footer__wrapper { padding: 2rem 0 1rem; + @media (max-width: 720px) { + padding: 0; + } } .footer__disclaimer { @@ -17,6 +20,9 @@ .footer__logo { svg { fill: var(--white); + @media (max-width: 720px) { + width: 14rem; + } } } @@ -24,6 +30,10 @@ margin: 4rem auto; max-width: var(--grid-extra-small); padding-inline-start: 0; + + @media (max-width: 720px) { + margin: 2rem auto; + } } .footer__social__networks__item { diff --git a/src/ui/styles/base/base.css b/src/ui/styles/base/base.css index 3bcd5394..ae26aca0 100644 --- a/src/ui/styles/base/base.css +++ b/src/ui/styles/base/base.css @@ -128,6 +128,6 @@ } h4 { - font-size: clamp(2rem, 2rem, 2rem); + font-size: clamp(1.25rem, 3vw, 2rem); } } diff --git a/yarn.lock b/yarn.lock index 090d0019..66ae4109 100644 --- a/yarn.lock +++ b/yarn.lock @@ -671,18 +671,18 @@ __metadata: languageName: node linkType: hard -"@biomejs/biome@npm:1.7.2": - version: 1.7.2 - resolution: "@biomejs/biome@npm:1.7.2" - dependencies: - "@biomejs/cli-darwin-arm64": "npm:1.7.2" - "@biomejs/cli-darwin-x64": "npm:1.7.2" - "@biomejs/cli-linux-arm64": "npm:1.7.2" - "@biomejs/cli-linux-arm64-musl": "npm:1.7.2" - "@biomejs/cli-linux-x64": "npm:1.7.2" - "@biomejs/cli-linux-x64-musl": "npm:1.7.2" - "@biomejs/cli-win32-arm64": "npm:1.7.2" - "@biomejs/cli-win32-x64": "npm:1.7.2" +"@biomejs/biome@npm:1.7.3": + version: 1.7.3 + resolution: "@biomejs/biome@npm:1.7.3" + dependencies: + "@biomejs/cli-darwin-arm64": "npm:1.7.3" + "@biomejs/cli-darwin-x64": "npm:1.7.3" + "@biomejs/cli-linux-arm64": "npm:1.7.3" + "@biomejs/cli-linux-arm64-musl": "npm:1.7.3" + "@biomejs/cli-linux-x64": "npm:1.7.3" + "@biomejs/cli-linux-x64-musl": "npm:1.7.3" + "@biomejs/cli-win32-arm64": "npm:1.7.3" + "@biomejs/cli-win32-x64": "npm:1.7.3" dependenciesMeta: "@biomejs/cli-darwin-arm64": optional: true @@ -702,62 +702,62 @@ __metadata: optional: true bin: biome: bin/biome - checksum: 10c0/c0fb7b653db6df2e2338f84c1105847713e60ec5c3737f3bbc7df2dd4b1b02e981af81290808806fe0342e9a530b2a83b1550adf9b96f4cab0d13c188070aaef + checksum: 10c0/05c95bb4b1fbf1b252cf2124f012f69a00ff5599ecac002b7e3004bfcd927e3d7b5f4935739096b5184653ec96b44ddcc36809d059682e5378bde20c836fb111 languageName: node linkType: hard -"@biomejs/cli-darwin-arm64@npm:1.7.2": - version: 1.7.2 - resolution: "@biomejs/cli-darwin-arm64@npm:1.7.2" +"@biomejs/cli-darwin-arm64@npm:1.7.3": + version: 1.7.3 + resolution: "@biomejs/cli-darwin-arm64@npm:1.7.3" conditions: os=darwin & cpu=arm64 languageName: node linkType: hard -"@biomejs/cli-darwin-x64@npm:1.7.2": - version: 1.7.2 - resolution: "@biomejs/cli-darwin-x64@npm:1.7.2" +"@biomejs/cli-darwin-x64@npm:1.7.3": + version: 1.7.3 + resolution: "@biomejs/cli-darwin-x64@npm:1.7.3" conditions: os=darwin & cpu=x64 languageName: node linkType: hard -"@biomejs/cli-linux-arm64-musl@npm:1.7.2": - version: 1.7.2 - resolution: "@biomejs/cli-linux-arm64-musl@npm:1.7.2" +"@biomejs/cli-linux-arm64-musl@npm:1.7.3": + version: 1.7.3 + resolution: "@biomejs/cli-linux-arm64-musl@npm:1.7.3" conditions: os=linux & cpu=arm64 & libc=musl languageName: node linkType: hard -"@biomejs/cli-linux-arm64@npm:1.7.2": - version: 1.7.2 - resolution: "@biomejs/cli-linux-arm64@npm:1.7.2" +"@biomejs/cli-linux-arm64@npm:1.7.3": + version: 1.7.3 + resolution: "@biomejs/cli-linux-arm64@npm:1.7.3" conditions: os=linux & cpu=arm64 & libc=glibc languageName: node linkType: hard -"@biomejs/cli-linux-x64-musl@npm:1.7.2": - version: 1.7.2 - resolution: "@biomejs/cli-linux-x64-musl@npm:1.7.2" +"@biomejs/cli-linux-x64-musl@npm:1.7.3": + version: 1.7.3 + resolution: "@biomejs/cli-linux-x64-musl@npm:1.7.3" conditions: os=linux & cpu=x64 & libc=musl languageName: node linkType: hard -"@biomejs/cli-linux-x64@npm:1.7.2": - version: 1.7.2 - resolution: "@biomejs/cli-linux-x64@npm:1.7.2" +"@biomejs/cli-linux-x64@npm:1.7.3": + version: 1.7.3 + resolution: "@biomejs/cli-linux-x64@npm:1.7.3" conditions: os=linux & cpu=x64 & libc=glibc languageName: node linkType: hard -"@biomejs/cli-win32-arm64@npm:1.7.2": - version: 1.7.2 - resolution: "@biomejs/cli-win32-arm64@npm:1.7.2" +"@biomejs/cli-win32-arm64@npm:1.7.3": + version: 1.7.3 + resolution: "@biomejs/cli-win32-arm64@npm:1.7.3" conditions: os=win32 & cpu=arm64 languageName: node linkType: hard -"@biomejs/cli-win32-x64@npm:1.7.2": - version: 1.7.2 - resolution: "@biomejs/cli-win32-x64@npm:1.7.2" +"@biomejs/cli-win32-x64@npm:1.7.3": + version: 1.7.3 + resolution: "@biomejs/cli-win32-x64@npm:1.7.3" conditions: os=win32 & cpu=x64 languageName: node linkType: hard @@ -3192,12 +3192,12 @@ __metadata: languageName: node linkType: hard -"@types/node@npm:^20.12.8": - version: 20.12.8 - resolution: "@types/node@npm:20.12.8" +"@types/node@npm:^20.12.10": + version: 20.12.10 + resolution: "@types/node@npm:20.12.10" dependencies: undici-types: "npm:~5.26.4" - checksum: 10c0/840002d20654e38a9af8cdffa215598fdb28ac4f96c5701ed672ec365ed6ccc66da299edddaa409baf13cd71bbf1128901f633b5e44e070fc236e26415805b78 + checksum: 10c0/2cc3b6ea09894ed1a3cf39f6491ec539281580f4ff83216e7d26ce85c83237fe0543c0ca49e25b2515ccdb6c8814b488d17a64a05f536dcaea94f9d32a60c7d7 languageName: node linkType: hard @@ -3950,7 +3950,7 @@ __metadata: "@astrojs/rss": "npm:^4.0.5" "@astrojs/sitemap": "npm:^3.1.4" "@astrojs/ts-plugin": "npm:^1.6.1" - "@biomejs/biome": "npm:1.7.2" + "@biomejs/biome": "npm:1.7.3" "@commitlint/cli": "npm:^19.3.0" "@commitlint/config-conventional": "npm:^19.2.2" "@fontsource-variable/nunito-sans": "npm:^5.0.14" @@ -3959,7 +3959,7 @@ __metadata: "@testing-library/react": "npm:^15.0.6" "@testing-library/react-hooks": "npm:^8.0.1" "@types/markdown-it": "npm:^14.1.1" - "@types/node": "npm:^20.12.8" + "@types/node": "npm:^20.12.10" "@types/react": "npm:^18.3.1" "@types/react-dom": "npm:^18.3.0" "@types/three": "npm:^0.164.0"