diff --git a/templates/pej/index.html b/templates/pej/index.html index ab2807b..fc5608d 100644 --- a/templates/pej/index.html +++ b/templates/pej/index.html @@ -111,6 +111,19 @@ .pej-btn-outline:hover { background: #f5f3ff; } .pej-empty { text-align: center; padding: var(--spacing-xl); color: var(--text-secondary); } + + .pej-sources { display: grid; grid-template-columns: 1fr 1fr; gap: var(--spacing-lg); } + @media (max-width: 768px) { .pej-sources { grid-template-columns: 1fr; } } + .pej-source-group { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: var(--spacing-md); } + .pej-source-group h3 { font-size: var(--font-size-md); font-weight: 600; margin-bottom: var(--spacing-sm); color: #7c3aed; } + .pej-source-item { display: flex; align-items: flex-start; gap: var(--spacing-sm); padding: var(--spacing-xs) 0; } + .pej-source-item a { color: var(--text-primary); text-decoration: none; font-size: var(--font-size-sm); } + .pej-source-item a:hover { color: #7c3aed; } + .pej-source-item .pej-src-label { font-size: 0.75rem; color: var(--text-secondary); } + .pej-source-icon { min-width: 20px; color: #7c3aed; font-size: var(--font-size-sm); } + .pej-contact-card { background: #f5f3ff; border-radius: var(--radius); padding: var(--spacing-md); margin-bottom: var(--spacing-sm); } + .pej-contact-name { font-weight: 600; } + .pej-contact-role { font-size: var(--font-size-sm); color: var(--text-secondary); } {% endblock %} @@ -187,6 +200,115 @@ +