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,14 +17,16 @@
<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">
<h1>Website attributions</h1> <div class="inner-content">
<ul> <h1>Website attributions</h1>
<li> <ul>
<b>On <a href="/for/business/">/for/business/</a> page:</b> <li>
<img alt="" src="{{ static('images/landing-page/companies/software-engineer.svg') }}" /> <b>On <a href="/for/business/">/for/business/</a> page:</b>
<p>"<a href="https://iconscout.com/illustration/software-engineer-2043023">Software engineer Illustration</a>" By <a href="https://iconscout.com/contributors/delesign/illustrations">Delesign Graphic</a> is licensed under <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a>.</p> <img alt="" src="{{ static('images/landing-page/companies/software-engineer.svg') }}" />
</li> <p>"<a href="https://iconscout.com/illustration/software-engineer-2043023">Software engineer Illustration</a>" By <a href="https://iconscout.com/contributors/delesign/illustrations">Delesign Graphic</a> is licensed under <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a>.</p>
</ul> </li>
</ul>
</div>
</div> </div>
</div> </div>
</div> </div>

View File

@ -23,98 +23,97 @@
</div> </div>
</div> </div>
<div class="open-positions-top"> <div class="main">
<div class="main"> <div class="padded-content">
<div class="padded-content markdown"> <div class="inner-content markdown">
<h1>Open positions</h1> <div class="open-positions">
<p> <h1>Open positions</h1>
We are not actively recruiting for any roles at this time. <p>
However, if you are an experienced engineer, and you believe We are not actively recruiting for any roles at this time.
that your background would be a great fit for Zulip, please However, if you are an experienced engineer, and you believe
email us at <a that your background would be a great fit for Zulip, please
href="mailto:jobs@zulip.com">jobs@zulip.com</a> with your email us at <a
cover letter and resume. href="mailto:jobs@zulip.com">jobs@zulip.com</a> with your
</p> cover letter and resume.
<p> </p>
All openings are remote, or partially in-person in our San Francisco, CA office. <p>
</p> All openings are remote, or partially in-person in our San Francisco, CA office.
</div> </p>
</div> </div>
</div> <div class="how-we-work">
<h1 id="how-we-work">
<div class="how-we-work"> How we work
<div class="main"> </h1>
<div class="padded-content markdown"> <p>
<h1 id="how-we-work"> <strong>Open source.</strong> The Zulip software is 100% free and
How we work open source. We're <a href="/team/">an open-source project</a> first,
</h1> and were building a sustainable business as a means to support the
<p> project's growth and long-term future. We provide the same open-source
<strong>Open source.</strong> The Zulip software is 100% free and code to our largest customers as to anyone with <code>git clone</code>.
open source. We're <a href="/team/">an open-source project</a> first, We get paid by enterprises for support, and by smaller companies using
and were building a sustainable business as a means to support the our rapidly-growing hosted service.
project's growth and long-term future. We provide the same open-source </p>
code to our largest customers as to anyone with <code>git clone</code>. <p>
We get paid by enterprises for support, and by smaller companies using <strong>Open project.</strong> The Zulip project is one where people
our rapidly-growing hosted service. really do show up through the Internet and start making real changes.
</p> That doesnt happen by accident; it takes work and thoughtfulness. Most
<p> of us work remotely, and we discuss our code and our plans in public, in
<strong>Open project.</strong> The Zulip project is one where people writing, primarily asynchronously, using Zulip and GitHub.
really do show up through the Internet and start making real changes. </p>
That doesnt happen by accident; it takes work and thoughtfulness. Most <p>
of us work remotely, and we discuss our code and our plans in public, in <strong>Inclusive community.</strong> The Zulip community is made up of a
writing, primarily asynchronously, using Zulip and GitHub. mixture of volunteers and professionals from all walks of life. Diversity is
</p> one of our strengths, and we strive to be a community that welcomes and
<p> supports people of all backgrounds and identities from anywhere in the world.
<strong>Inclusive community.</strong> The Zulip community is made up of a </p>
mixture of volunteers and professionals from all walks of life. Diversity is <p>
one of our strengths, and we strive to be a community that welcomes and <strong>Globally distributed.</strong> Our company is
supports people of all backgrounds and identities from anywhere in the world. headquartered in San Francisco, CA, but like our community,
</p> we work from around the world. Our roles
<p> are open to all applicants without regard for location.
<strong>Globally distributed.</strong> Our company is </p>
headquartered in San Francisco, CA, but like our community, <p>
we work from around the world. Our roles <strong>Maintainable software.</strong> Great
are open to all applicants without regard for location. software over time depends on a teams shared
</p> understanding of a system and how to change it, as
<p> much as on the code itself. Beyond writing our
<strong>Maintainable software.</strong> Great code so it works today, we put equal effort into
software over time depends on a teams shared writing code, tests, comments, commit history,
understanding of a system and how to change it, as and <a href="https://zulip.readthedocs.io/en/latest/">documentation</a>
much as on the code itself. Beyond writing our clearly, to share with each other and future
code so it works today, we put equal effort into contributors our understanding of how and why it
writing code, tests, comments, commit history, works, so we can build on it tomorrow.
and <a href="https://zulip.readthedocs.io/en/latest/">documentation</a> </p>
clearly, to share with each other and future </div>
contributors our understanding of how and why it
works, so we can build on it tomorrow.
</p>
</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">
<h1 id="what-were-building"> <div class="inner-content markdown">
What we're building <h1 id="what-were-building">
</h1> What we're building
<p> </h1>
People working together need to communicate with their teammates, and they <p>
also need to tune out the conversation to get work done. Teams tired of People working together need to communicate with their teammates, and they
wasting time in meetings move discussion to email; tired of waiting all also need to tune out the conversation to get work done. Teams tired of
day for email replies, move to a team chat like Slack or IRC; and then wasting time in meetings move discussion to email; tired of waiting all
team chat becomes an always-on meeting, leaving people constantly day for email replies, move to a team chat like Slack or IRC; and then
distracted, missing out on important conversations, or both. team chat becomes an always-on meeting, leaving people constantly
</p> distracted, missing out on important conversations, or both.
<p> </p>
Zulip is reinventing chat so teams can accomplish more together. We've <p>
created a place where a conversation can shift seamlessly from the Zulip is reinventing chat so teams can accomplish more together. We've
immediacy of chat to the reply-whenever efficiency of email, and back; created a place where a conversation can shift seamlessly from the
where you can participate in the conversations that matter to you and immediacy of chat to the reply-whenever efficiency of email, and back;
efficiently tune out the rest, no matter whether you're there in real where you can participate in the conversations that matter to you and
time, coming online after a morning hard at work, or returning from a efficiently tune out the rest, no matter whether you're there in real
vacation away from it. time, coming online after a morning hard at work, or returning from a
</p> vacation away from it.
</p>
</div>
</div> </div>
</div> </div>
</div> </div>

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;
} }