diff --git a/public/fonts/IRANYekanXVF.ttf b/public/fonts/IRANYekanXVF.ttf new file mode 100644 index 0000000..c73c150 Binary files /dev/null and b/public/fonts/IRANYekanXVF.ttf differ diff --git a/src/components/ExperienceSection.module.css b/src/components/ExperienceSection.module.css index 32d5391..b3c988c 100644 --- a/src/components/ExperienceSection.module.css +++ b/src/components/ExperienceSection.module.css @@ -45,9 +45,9 @@ .verticalLine { position: absolute; top: 20px; - bottom: 0; + bottom: 14px; width: 2px; - background-color: var(--border-default); + background-color: var(--border-strong); z-index: 1; } @@ -55,27 +55,27 @@ display: flex; flex-grow: 1; padding-left: 20px; - padding-bottom: 56px; - gap: 48px; + padding-bottom: 36px; + gap: 36px; } .identityCol { - width: 380px; + width: 360px; flex-shrink: 0; } .metaRow { display: flex; align-items: center; - gap: 16px; - margin-bottom: 16px; + gap: 8px; + margin-bottom: 14px; } .dateBadge { font-size: var(--font-size-label-small); line-height: var(--line-height-label-small); font-weight: 700; - letter-spacing: var(--letter-spacing-eyebrow); + letter-spacing: 0.08em; color: var(--text-muted); text-transform: uppercase; } @@ -90,6 +90,7 @@ .locationIcon { color: var(--text-muted); + flex-shrink: 0; } .locationText { @@ -99,7 +100,7 @@ .roleIdentityRow { display: flex; align-items: flex-start; - gap: 16px; + gap: 10px; } .logoContainer { @@ -107,8 +108,8 @@ height: 72px; border-radius: var(--radius-md); overflow: hidden; - background-color: var(--bg-surface); - border: 1px solid var(--border-default); + background: transparent; + border: 0; display: flex; align-items: center; justify-content: center; @@ -132,7 +133,7 @@ line-height: var(--line-height-h3); font-weight: 700; color: var(--text-primary); - margin-bottom: 4px; + margin-bottom: 0; } .companyName { @@ -149,10 +150,10 @@ } .summary { - font-size: var(--font-size-body-default); - line-height: var(--line-height-body-default); + font-size: var(--font-size-body-small); + line-height: var(--line-height-body-small); color: var(--text-secondary); - margin-bottom: 16px; + margin-bottom: 12px; } .bulletList { diff --git a/src/components/ExperienceSection.tsx b/src/components/ExperienceSection.tsx index 947fe74..916f53a 100644 --- a/src/components/ExperienceSection.tsx +++ b/src/components/ExperienceSection.tsx @@ -2,7 +2,6 @@ import React from 'react'; import Image from 'next/image'; -import { MapPin } from 'lucide-react'; import { experiences } from '@/data/experience'; import styles from './ExperienceSection.module.css'; @@ -42,7 +41,20 @@ export const ExperienceSection: React.FC = () => {
{item.date}
- + {item.location}
diff --git a/src/styles/globals.css b/src/styles/globals.css index 5b35723..3aee43a 100644 --- a/src/styles/globals.css +++ b/src/styles/globals.css @@ -1,6 +1,14 @@ -@import url('https://fonts.googleapis.com/css2?family=Pacifico&family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap'); @import './tokens.css'; +@font-face { + font-family: 'IRANYekanXVF'; + src: url('/fonts/IRANYekanXVF.ttf') format('truetype-variations'); + font-style: normal; + font-weight: 100 1000; + font-display: swap; +} + *, *::before, *::after { box-sizing: border-box; margin: 0; @@ -21,7 +29,8 @@ body { min-width: 1440px; background-color: var(--bg-page); color: var(--text-primary); - font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; + font-family: 'IRANYekanXVF', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; + font-synthesis: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: auto;