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

feat: add people sections and opt-in read more

Browse Source
This commit is contained in:
mohamad
2026-10-14 18:33:11 +03:30
parent 4bcb5f196d
commit 473637f477
33 changed files with 722 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/css/main.css
+22 -3
View File
@@ -112,9 +112,27 @@ body::before {
.blog-card-title a { color: var(--text-primary); }
.blog-card-excerpt { color: var(--text-secondary); margin-bottom: var(--spacing-sm); }
.blog-detail-header { max-width: 900px; }
.blog-article-wrap { max-width: 900px; }
.blog-cover { width: 100%; max-height: 520px; object-fit: cover; border-radius: var(--radius-lg); margin-bottom: var(--spacing-md); }
.blog-article { padding: clamp(1.5rem, 4vw, 3rem); }
.blog-article-wrap { max-width: 1200px; }
.blog-cover { width: 100%; max-width: 900px; max-height: 520px; object-fit: cover; border-radius: var(--radius-lg); margin: 0 auto var(--spacing-md); }
.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-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-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 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)); } }
@media (max-width: 380px) { .blog-partners-grid { grid-template-columns: 1fr; } }
.pagination { display: flex; align-items: center; justify-content: center; gap: var(--spacing-sm); margin-top: var(--spacing-xl); color: var(--text-secondary); }
#main-content {
@@ -1438,6 +1456,7 @@ a.citation-count-badge:hover {
.citation-text {
flex: 1;
}
.citation-text.readmore-wrap { display: block; min-width: 0; }
.citation-actions {
flex-shrink: 0;
static/js/main.js
+3 -1
View File
@@ -237,7 +237,9 @@ function initReadMore() {
btn.innerHTML = 'Read more ' + chevronSVG;
el.insertAdjacentElement('afterend', btn);
btn.addEventListener('click', function () {
btn.addEventListener('click', function (event) {
event.preventDefault();
event.stopPropagation();
var collapsed = el.classList.toggle('is-clamped');
if (collapsed) {
el.style.maxHeight = threshold + 'px';