Ahmadi/com2care_website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add people to projects and articles

Browse Source
This commit is contained in:
mohamad
2026-10-28 22:10:43 +08:00
parent 473637f477
commit 7c186b4230
14 changed files with 288 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/css/main.css
+6 -3
View File
@@ -117,18 +117,21 @@ body::before {
.blog-article { max-width: 900px; margin-inline: auto; padding: clamp(1.5rem, 4vw, 3rem); }
.blog-partners { min-width: 0; margin-top: clamp(2.5rem, 5vw, 4rem); }
.blog-partners--about { margin-top: 0; }
.blog-partners--embedded { margin-top: 2rem; border-top: 1px solid rgba(255,255,255,.12); padding-top: 1.5rem; }
.blog-partners--embedded .blog-partners-grid { grid-template-columns: repeat(auto-fill, minmax(min(100%, 145px), 1fr)); }
.blog-partners-heading { padding: .3rem .15rem 1.25rem; }
.blog-partners-eyebrow { display: block; color: var(--accent-blue-light); font-size: .65rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.blog-partners-heading h2 { margin-top: .45rem; font-size: clamp(1.2rem, 2vw, 1.5rem); line-height: 1.35; }
.blog-partners-heading h4 { margin-top: .45rem; font-size: 1.15rem; line-height: 1.35; }
.blog-partners-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1rem; }
.blog-partner-card { display: flex; flex-direction: column; gap: .85rem; padding: .8rem; min-width: 0; }
.blog-partner-image { width: 100%; aspect-ratio: 1 / 1; border-radius: 12px; background: rgba(255,255,255,.08); overflow: hidden; display: grid; place-items: center; }
.blog-partner-image img { width: 100%; height: 100%; object-fit: cover; object-position: center 25%; }
.blog-partner-info { min-width: 0; }
.blog-partner-role { display: block; color: var(--accent-blue-light); font-size: .62rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; margin-bottom: .35rem; }
.blog-partner-info h3 { font-size: .9rem; line-height: 1.35; margin: 0 0 .4rem; }
.blog-partner-info h3 a { color: inherit; }
.blog-partner-info h3 a:hover { color: var(--accent-blue-light); }
.blog-partner-info h3, .blog-partner-info h5 { font-size: .9rem; line-height: 1.35; margin: 0 0 .4rem; }
.blog-partner-info h3 a, .blog-partner-info h5 a { color: inherit; }
.blog-partner-info h3 a:hover, .blog-partner-info h5 a:hover { color: var(--accent-blue-light); }
.blog-partner-info p { color: var(--text-secondary); font-size: .76rem; line-height: 1.55; margin: 0; }
@media (max-width: 950px) { .blog-partners-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 620px) { .blog-partners-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }