portico_pages: Add uniform structure HTML structure.

This commit ensures that the Attribution, Jobs, and Team pages all
share a uniform structure to match those of other pages. This will
simplify styling and should ensure greater confidence when modifying
portico landing-page styles.

The one CSS modification here, for the jobs page, maintains the space
at the top of the "How we work" section.
This commit is contained in:
Karl Stolley 2023-05-12 10:30:31 -05:00 committed by Tim Abbott
parent dd73f7272d
commit a5ff3d7e59
4 changed files with 97 additions and 100 deletions

View File

@ -17,6 +17,7 @@
<div class="hero empty-hero"></div> <div class="hero empty-hero"></div>
<div class="main"> <div class="main">
<div class="padded-content"> <div class="padded-content">
<div class="inner-content">
<h1>Website attributions</h1> <h1>Website attributions</h1>
<ul> <ul>
<li> <li>
@ -27,5 +28,6 @@
</ul> </ul>
</div> </div>
</div> </div>
</div>
</div> </div>
{% endblock %} {% endblock %}

View File

@ -23,9 +23,10 @@
</div> </div>
</div> </div>
<div class="open-positions-top">
<div class="main"> <div class="main">
<div class="padded-content markdown"> <div class="padded-content">
<div class="inner-content markdown">
<div class="open-positions">
<h1>Open positions</h1> <h1>Open positions</h1>
<p> <p>
We are not actively recruiting for any roles at this time. We are not actively recruiting for any roles at this time.
@ -39,12 +40,7 @@
All openings are remote, or partially in-person in our San Francisco, CA office. All openings are remote, or partially in-person in our San Francisco, CA office.
</p> </p>
</div> </div>
</div>
</div>
<div class="how-we-work"> <div class="how-we-work">
<div class="main">
<div class="padded-content markdown">
<h1 id="how-we-work"> <h1 id="how-we-work">
How we work How we work
</h1> </h1>
@ -91,10 +87,12 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="what-were-building"> <div class="what-were-building">
<div class="main"> <div class="main">
<div class="padded-content markdown"> <div class="padded-content">
<div class="inner-content markdown">
<h1 id="what-were-building"> <h1 id="what-were-building">
What we're building What we're building
</h1> </h1>
@ -118,6 +116,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div> </div>
{% endblock %} {% endblock %}

View File

@ -22,7 +22,7 @@ contributors, and more than 75 with 100+ commits." %}
<div class="main"> <div class="main">
<div class="padded-content markdown"> <div class="padded-content markdown">
<div class="team"> <div class="inner-content team">
<p> <p>
Over 1000 people have contributed to the Zulip Over 1000 people have contributed to the Zulip
codebase, from high school students to 30 year codebase, from high school students to 30 year

View File

@ -2576,11 +2576,7 @@ button {
margin: 20px 0 7px; margin: 20px 0 7px;
} }
.portico-landing.jobs .open-positions-top .padded-content { .portico-landing.jobs .how-we-work {
padding-bottom: 0;
}
.portico-landing.jobs .how-we-work .padded-content {
padding-top: 25px; padding-top: 25px;
} }