diff --git a/static/styles/portico/landing_page.css b/static/styles/portico/landing_page.css index 3bff119df9..269285b676 100644 --- a/static/styles/portico/landing_page.css +++ b/static/styles/portico/landing_page.css @@ -2051,7 +2051,7 @@ nav { } .portico-landing.hello .call-to-action-bottom .zulip-octopus { - margin: 130px auto 0 auto; + margin: 15px auto 130px auto; width: 32px; height: 30px; background-image: url(../../images/landing-page/zulip-octopus.png); @@ -2060,10 +2060,6 @@ nav { filter: invert(0.9); } -.footer.hello { - display: block; -} - .footer.hello li a { color: hsl(220, 15%, 76%); } diff --git a/static/styles/portico/portico.css b/static/styles/portico/portico.css index 327222272a..42a6583556 100644 --- a/static/styles/portico/portico.css +++ b/static/styles/portico/portico.css @@ -504,11 +504,17 @@ input.text-error { /* -- new footer -- */ .footer { - margin: 20px; + margin: 0; z-index: 100; - width: calc(100% - 40px); + width: calc(100%); text-align: center; - font-size: 0.9em; + font-size: 16px; + background-color: hsl(33, 34%, 96%); + display: grid; + grid-template-columns: repeat(4, max-content); + justify-content: center; + padding-top: 50px; + padding-bottom: 50px; .footer-navigation { margin-left: 0; @@ -519,11 +525,9 @@ input.text-error { color: inherit !important; } - section { - width: calc(25% - 40px); + .footer-section { margin: 0 20px; - max-width: 150px; - display: inline-block; + max-width: max-content; vertical-align: top; text-align: left; @@ -536,7 +540,7 @@ input.text-error { } ul { - color: hsl(0, 0%, 67%); + color: hsl(0, 0%, 40%); list-style-type: none; margin-left: 0; font-weight: 400; @@ -1446,13 +1450,10 @@ input.new-organization-button { @media (width <= 815px) { .footer { - width: 450px; + width: 100%; margin-left: auto; margin-right: auto; - - section { - width: calc(50% - 40px); - } + grid-template-columns: repeat(2, max-content); } } @@ -1571,22 +1572,11 @@ input.new-organization-button { padding-left: 6px; padding-right: 6px; } -} -@media (width <= 475px) { .footer { - width: auto; + grid-template-columns: repeat(1, max-content); - section { - margin: 0 3px; - width: calc(50% - 8px); - } - } -} - -@media (width <= 400px) { - .footer { - section { + .footer-section { width: calc(100% - 40px); max-width: none; text-align: center; diff --git a/templates/zerver/footer.html b/templates/zerver/footer.html index 5e589025ae..c438f8285c 100644 --- a/templates/zerver/footer.html +++ b/templates/zerver/footer.html @@ -1,55 +1,136 @@ + + + + + + + diff --git a/tools/lib/capitalization.py b/tools/lib/capitalization.py index e97bea1a4e..1ca60ee674 100644 --- a/tools/lib/capitalization.py +++ b/tools/lib/capitalization.py @@ -159,6 +159,9 @@ IGNORED_PHRASES = [ # Used in GIPHY popover. r"GIFs", r"GIPHY", + # Used in our case studies + r"Technical University of Munich", + r"University of California San Diego", ] # Sort regexes in descending order of their lengths. As a result, the