diff --git a/core/models.py b/core/models.py index a437d02..729eaa2 100644 --- a/core/models.py +++ b/core/models.py @@ -606,6 +606,7 @@ class AboutUsPage(Page): ('photo', ImageChooserBlock(required=False)), ('bio', blocks.RichTextBlock(required=False)), ('email', blocks.EmailBlock(required=False)), + ('phone', blocks.CharBlock(max_length=128, required=False)), ('linkedin', blocks.URLBlock(required=False)), ('xing', blocks.URLBlock(required=False)), ])), diff --git a/core/templates/core/about_us_page.html b/core/templates/core/about_us_page.html index 284ddac..a0a922d 100644 --- a/core/templates/core/about_us_page.html +++ b/core/templates/core/about_us_page.html @@ -75,6 +75,29 @@ padding: 1rem 1.5rem; } + /* Contact info list styling - aligned with contact_form_page */ + .contact-info-list li { + padding: 0.75rem 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); + transition: transform 0.2s ease; + } + + .contact-info-list li:last-child { + border-bottom: none; + } + + .contact-info-list li:hover { + transform: translateX(5px); + } + + .contact-info-list i { + color: var(--bs-primary); + font-size: 1.2rem; + width: 30px; + text-align: center; + } + + /* Keep team-social-link for backward compatibility */ .team-social-link { display: inline-flex; align-items: center; @@ -149,6 +172,12 @@ height: 300px; } + /* Responsive styling for contact info list */ + .contact-info-list li { + padding: 0.5rem 0; + } + + /* Keep team-social-link for backward compatibility */ .team-social-link { width: 100%; margin-right: 0; @@ -245,26 +274,36 @@