Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
zulip/templates/zerver/landing_nav.html

281 lines
19 KiB
HTML
Raw Normal View History

portico: Add `isolated_page` context flag, to suppress site nav. This flag allows rendering as a single isolated page, without the navigation in header and footer that otherwise provides links to the rest of the site. The portico layout, including the styling of the "hero" area at top, all remains the same. We don't yet ever set this flag; that'll come next.
2020-01-28 23:57:52 +01:00
{% if not isolated_page %}
landing: Add option to show custom navbar message.
2020-05-21 16:36:14 +02:00
{% if landing_page_navbar_message %}
<div id="navbar-custom-message">
{{ landing_page_navbar_message |safe }}
</div>
{% endif %}
landing: Fix responsive styling for navbar custom messages. The previous styling was brittle and ended up breaking in very small phone-size views with the text overflowing the boundaries of the page. The right fix is to move those heading outside the portico-header class, since the CSS for that isn't generally appropriate here.
2020-05-27 07:57:51 +02:00
{% endif %}
{% if not isolated_page %}
css: Integrate newly designed header.
2023-03-22 19:19:46 +01:00
<nav class="top-menu">
<div class="top-menu-container">
<a class="top-menu-logo nav-zulip-logo" href="https://zulip.com" tabindex="1"></a>
<div class='top-menu-items-group-1'>
<div class='top-menu-item top-menu-tab'>
<div class="top-menu-tab-unselect"></div>
<input type="radio" name="top-menu-tabs" class="top-menu-tab-input" id="top-menu-tab-product" />
<label for="top-menu-tab-product" class="nav-menu-label" tabindex="0">Product</label>
<div class="top-menu-submenu">
<div class="top-menu-submenu-column">
<ul class="top-menu-submenu-list">
<li class="top-menu-submenu-list-item"><a href="https://zulip.com">Home</a></li>
<li class="top-menu-submenu-list-item"><a href="https://zulip.com/why-zulip/">Why Zulip</a></li>
<li class="top-menu-submenu-list-item"><a href="https://zulip.com/features/">Features</a></li>
<li class="top-menu-submenu-list-item"><a href="https://zulip.com/security/">Security</a></li>
<li class="top-menu-submenu-list-item"><a href="https://zulip.com/integrations/">Integrations</a></li>
<li class="top-menu-submenu-list-item"><a href="https://zulip.com/apps/">Apps</a></li>
<li class="top-menu-submenu-list-item"><a href="https://zulip.com/try-zulip/">Try Zulip</a></li>
</ul>
</div>
<div class="top-menu-submenu-column">
<ul class="top-menu-submenu-list">
<li class="top-menu-submenu-list-item"><a href="https://zulip.com/self-hosting/">Self-hosting</a></li>
<li class="top-menu-submenu-list-item"><a href="https://zulip.com/help/getting-your-organization-started-with-zulip">Moving to Zulip</a></li>
<li class="top-menu-submenu-list-item"><a href="/api/">API</a></li>
<li class="top-menu-submenu-list-item"><a href="https://github.com/zulip/zulip" target="_blank" rel="noopener noreferrer">GitHub</a></li>
</ul>
</div>
</div>
landing_page: Restructure top-level navigation. This commit restructures the top-level navigation on our landing page using dropdowns in a manner that allows us to advertise some important pages to our visitors: - Use cases for companies, open source projects, and communities. - Miscellaneous pages about the product are now accessible from the "Product" dropdown. - "Resources" are a few key resources our users may want to consult if they need help or support.
2021-06-23 23:00:05 +02:00
</div>
css: Integrate newly designed header.
2023-03-22 19:19:46 +01:00
<div class='top-menu-item top-menu-tab'>
<div class="top-menu-tab-unselect"></div>
<input type="radio" name="top-menu-tabs" class="top-menu-tab-input" id="top-menu-tab-solutions" />
<label for="top-menu-tab-solutions" class="nav-menu-label" tabindex="0">Solutions</label>
<div class="top-menu-submenu">
<div class="top-menu-submenu-column">
<span class="top-menu-submenu-section">USE CASES</span>
<ul class="top-menu-submenu-list">
<li class="top-menu-submenu-list-item"><a href="https://zulip.com/for/business/">Business</a></li>
<li class="top-menu-submenu-list-item"><a href="https://zulip.com/for/education/">Education</a></li>
<li class="top-menu-submenu-list-item"><a href="https://zulip.com/for/research/">Research</a></li>
<li class="top-menu-submenu-list-item"><a href="https://zulip.com/for/events/">Events and conferences</a></li>
<li class="top-menu-submenu-list-item"><a href="https://zulip.com/for/open-source/">Open source projects</a></li>
<li class="top-menu-submenu-list-item"><a href="https://zulip.com/for/communities/">Communities</a></li>
</ul>
landing_page: Link to case studies in the top navigation.
2021-07-20 20:35:44 +02:00
</div>
css: Integrate newly designed header.
2023-03-22 19:19:46 +01:00
<div class="top-menu-submenu-column">
<span class="top-menu-submenu-section">CUSTOMER STORIES</span>
<ul class="top-menu-submenu-list">
portico: Link to Atolio case study.
2023-04-26 22:07:55 +02:00
<li class="top-menu-submenu-list-item">
<a href="https://zulip.com/case-studies/idrift/">
Efficient distributed team management at iDrift AS
</a>
</li>
<li class="top-menu-submenu-list-item">
<a href="/case-studies/end-point/">
Managing hundreds of projects at End Point Dev
</a>
</li>
<li class="top-menu-submenu-list-item">
<a href="/case-studies/atolio/">
Open distributed communication at Atolio
</a>
</li>
css: Integrate newly designed header.
2023-03-22 19:19:46 +01:00
<li class="top-menu-submenu-list-item"><a href="https://zulip.com/case-studies/tum/">Organized chat for 1000s of students at TUM</a></li>
<li class="top-menu-submenu-list-item"><a href="https://zulip.com/case-studies/ucsd/">Communication hub across 6 continents at UCSD</a></li>
<li class="top-menu-submenu-list-item"><a href="https://zulip.com/case-studies/lean/">Research collaboration at scale in the Lean mathematical community</a></li>
<li class="top-menu-submenu-list-item"><a href="https://zulip.com/case-studies/asciidoctor/">Inclusive discussion in the open-source Asciidoctor community</a></li>
<li class="top-menu-submenu-list-item"><a href="https://zulip.com/case-studies/rust/">Faster decision-making in the Rust language community</a></li>
<li class="top-menu-submenu-list-item"><a href="https://zulip.com/case-studies/recurse-center/">Platform for a worldwide community since 2013 at Recurse Center</a></li>
<li class="top-menu-submenu-list-item"><a href="https://zulip.com/communities/">Open communities directory</a></li>
</ul>
landing_page: Link to case studies in the top navigation.
2021-07-20 20:35:44 +02:00
</div>
css: Integrate newly designed header.
2023-03-22 19:19:46 +01:00
</div>
landing_page: Restructure top-level navigation. This commit restructures the top-level navigation on our landing page using dropdowns in a manner that allows us to advertise some important pages to our visitors: - Use cases for companies, open source projects, and communities. - Miscellaneous pages about the product are now accessible from the "Product" dropdown. - "Resources" are a few key resources our users may want to consult if they need help or support.
2021-06-23 23:00:05 +02:00
</div>
css: Integrate newly designed header.
2023-03-22 19:19:46 +01:00
<div class='top-menu-item top-menu-tab'>
<div class="top-menu-tab-unselect"></div>
<input type="radio" name="top-menu-tabs" class="top-menu-tab-input" id="top-menu-tab-resources" />
<label for="top-menu-tab-resources" class="nav-menu-label" tabindex="0">Resources</label>
<div class="top-menu-submenu">
<div class="top-menu-submenu-column">
<span class="top-menu-submenu-section">FOR USERS</span>
<ul class="top-menu-submenu-list">
<li class="top-menu-submenu-list-item"><a href="/help/getting-started-with-zulip">Getting started</a></li>
<li class="top-menu-submenu-list-item"><a href="/help/">Help center</a></li>
<li class="top-menu-submenu-list-item"><a href="https://zulip.com/development-community/" target="_blank" rel="noopener noreferrer">Community chat</a></li>
<li class="top-menu-submenu-list-item"><a href="https://zulip.com/help/contact-support">Contact support</a></li>
</ul>
landing_page: Restructure top-level navigation. This commit restructures the top-level navigation on our landing page using dropdowns in a manner that allows us to advertise some important pages to our visitors: - Use cases for companies, open source projects, and communities. - Miscellaneous pages about the product are now accessible from the "Product" dropdown. - "Resources" are a few key resources our users may want to consult if they need help or support.
2021-06-23 23:00:05 +02:00
</div>
css: Integrate newly designed header.
2023-03-22 19:19:46 +01:00
<div class="top-menu-submenu-column">
<span class="top-menu-submenu-section">FOR ADMINISTRATORS</span>
<ul class="top-menu-submenu-list">
<li class="top-menu-submenu-list-item"><a href="/help/getting-your-organization-started-with-zulip">Setting up your organization</a></li>
<li class="top-menu-submenu-list-item"><a href="https://zulip.readthedocs.io/en/stable/production/install.html">Installing a Zulip server</a></li>
<li class="top-menu-submenu-list-item"><a href="https://zulip.readthedocs.io/en/stable/production/upgrade-or-modify.html">Upgrading a Zulip server</a></li>
<li class="top-menu-submenu-list-item"><a href="https://github.com/zulip/zulip" target="_blank" rel="noopener noreferrer">GitHub</a></li>
</ul>
landing_page: Restructure top-level navigation. This commit restructures the top-level navigation on our landing page using dropdowns in a manner that allows us to advertise some important pages to our visitors: - Use cases for companies, open source projects, and communities. - Miscellaneous pages about the product are now accessible from the "Product" dropdown. - "Resources" are a few key resources our users may want to consult if they need help or support.
2021-06-23 23:00:05 +02:00
</div>
css: Integrate newly designed header.
2023-03-22 19:19:46 +01:00
</div>
landing_page: Restructure top-level navigation. This commit restructures the top-level navigation on our landing page using dropdowns in a manner that allows us to advertise some important pages to our visitors: - Use cases for companies, open source projects, and communities. - Miscellaneous pages about the product are now accessible from the "Product" dropdown. - "Resources" are a few key resources our users may want to consult if they need help or support.
2021-06-23 23:00:05 +02:00
</div>
css: Integrate newly designed header.
2023-03-22 19:19:46 +01:00
<a class='top-menu-item' href="https://zulip.com/plans/">Pricing</a>
<a class='top-menu-item' href="https://zulip.com/apps/">Download</a>
</div>
<div class='top-menu-item-spacer'></div>
<div class='top-menu-items-group-2'>
<a class='top-menu-item' href="/new/">New organization</a>
portico: Show whether the user is logged in. This creates a dropdown in place of the normal register/login links you get when logged out, with an option to go to the app or log out if that appears you click on the avatar. A bit more work is needed to make this look really good, but it's a great start.
2017-09-29 01:31:55 +02:00
{% if user_is_authenticated %}
css: Integrate newly designed header.
2023-03-22 19:19:46 +01:00
<div class='top-menu-item top-menu-tab'>
<div class="top-menu-tab-unselect"></div>
<input type="radio" name="top-menu-tabs" class="top-menu-tab-input" id="top-menu-tab-user" />
<label class="top-menu-tab-user-label nav-menu-label" for="top-menu-tab-user" tabindex="0">
<img class="top-menu-tab-user-img" src="{{ realm_icon }}" />
<span>{{ realm_name }}</span>
</label>
<div class="top-menu-submenu singup-column">
<div class="top-menu-submenu-column">
<ul class="top-menu-submenu-list">
<li class="top-menu-submenu-list-item">
<a href="/">Go to app</a>
</li>
<div class="hidden">
<form id="logout_form" action="/accounts/logout/" method="POST">{{ csrf_input }}
</form>
</div>
<li class="top-menu-submenu-list-item">
<a class="logout_button">
Log out
</a>
</li>
</ul>
</div>
</div>
</div>
landing: Fix navigation to not link to registration.
2017-05-16 06:40:00 +02:00
{% else %}
css: Integrate newly designed header.
2023-03-22 19:19:46 +01:00
{% if login_link_disabled %}
{% else %}
<a class='top-menu-item' href="/login/">Log in</a>
{% endif %}
{% if register_link_disabled %}
{% else %}
<a class='top-menu-item' href="/register/">Sign up</a>
{% endif %}
landing: Fix navigation to not link to registration.
2017-05-16 06:40:00 +02:00
{% endif %}
{% if find_team_link_disabled %}
{% else %}
css: Integrate newly designed header.
2023-03-22 19:19:46 +01:00
<a class='top-menu-item' href="/accounts/find/">Find accounts</a>
landing: Fix navigation to not link to registration.
2017-05-16 06:40:00 +02:00
{% endif %}
css: Integrate newly designed header.
2023-03-22 19:19:46 +01:00
</div>
Redesign "/features/" page in portico. This redesigns the features page to incorporate the new landing nav, CSS animations, and general styling of the product page set.
2017-02-28 01:45:25 +01:00
</div>
css: Integrate newly designed header.
2023-03-22 19:19:46 +01:00
<input type="radio" name="top-menu-tabs" class="top-menu-tab-input-unselect" id="top-menu-tab-close" checked />
<div id='top-menu-submenu-backdrop' class="top-menu-submenu-backdrop"></div>
<label class="top-menu-tab-label-unselect nav-menu-label" for="top-menu-tab-close" tabindex="0"></label>
Redesign "/features/" page in portico. This redesigns the features page to incorporate the new landing nav, CSS animations, and general styling of the product page set.
2017-02-28 01:45:25 +01:00
</nav>
css: Integrate newly designed header.
2023-03-22 19:19:46 +01:00
<details class="top-menu-mobile">
<summary class="top-menu-mobile-summary">
<a class="top-menu-logo nav-zulip-logo" href="https://zulip.com"></a>
</summary>
<div class="top-menu-mobile-items-group-1">
<details>
<summary class="top-menu-mobile-item-summary">Product</summary>
<div class="top-menu-mobile-submenu">
<ul class="top-menu-submenu-list">
<li class="top-menu-submenu-list-item"><a href="https://zulip.com">Home</a></li>
<li class="top-menu-submenu-list-item"><a href="https://zulip.com/why-zulip">Why Zulip</a></li>
<li class="top-menu-submenu-list-item"><a href="https://zulip.com/features/">Features</a></li>
<li class="top-menu-submenu-list-item"><a href="https://zulip.com/security/">Security</a></li>
<li class="top-menu-submenu-list-item"><a href="https://zulip.com/integrations/">Integrations</a></li>
<li class="top-menu-submenu-list-item"><a href="https://zulip.com/apps">Apps</a></li>
<li class="top-menu-submenu-list-item"><a href="https://zulip.com/try-zulip/">Try Zulip</a></li>
</ul>
</div>
<div class="top-menu-mobile-submenu">
<ul class="top-menu-submenu-list">
<li class="top-menu-submenu-list-item"><a href="https://zulip.com/self-hosting/">Self-hosting</a></li>
<li class="top-menu-submenu-list-item"><a href="https://zulip.com/help/getting-your-organization-started-with-zulip">Moving to Zulip</a></li>
<li class="top-menu-submenu-list-item"><a href="/api/">API</a></li>
<li class="top-menu-submenu-list-item"><a href="https://github.com/zulip/zulip" target="_blank" rel="noopener noreferrer">GitHub</a></li>
</ul>
</div>
</details>
<details>
<summary class="top-menu-mobile-item-summary">Solutions</summary>
<div class="top-menu-mobile-submenu">
<span class="top-menu-mobile-submenu-section">USE CASES</span>
<ul class="top-menu-submenu-list">
<li class="top-menu-submenu-list-item"><a href="https://zulip.com/for/business/">Business</a></li>
<li class="top-menu-submenu-list-item"><a href="https://zulip.com/for/education/">Education</a></li>
<li class="top-menu-submenu-list-item"><a href="https://zulip.com/for/research/">Research</a></li>
<li class="top-menu-submenu-list-item"><a href="https://zulip.com/for/events/">Events and conferences</a></li>
<li class="top-menu-submenu-list-item"><a href="https://zulip.com/for/open-source/">Open source projects</a></li>
<li class="top-menu-submenu-list-item"><a href="https://zulip.com/for/communities/">Communities</a></li>
</ul>
<span class="top-menu-mobile-submenu-section">CUSTOMER STORIES</span>
<ul class="top-menu-submenu-list">
<li class="top-menu-submenu-list-item"><a href="https://zulip.com/case-studies/idrift/">Efficient distributed team management at iDrift AS</a></li>
<li class="top-menu-submenu-list-item"><a href="/case-studies/end-point/">Managing hundreds of projects at End Point Dev</a></li>
<li class="top-menu-submenu-list-item"><a href="https://zulip.com/case-studies/tum/">Organized chat for 1000s of students at TUM</a></li>
<li class="top-menu-submenu-list-item"><a href="https://zulip.com/case-studies/ucsd/">Communication hub across 6 continents at UCSD</a></li>
<li class="top-menu-submenu-list-item"><a href="https://zulip.com/case-studies/lean/">Research collaboration at scale in the Lean mathematical community</a></li>
<li class="top-menu-submenu-list-item"><a href="https://zulip.com/case-studies/asciidoctor/">Inclusive discussion in the open-source Asciidoctor community</a></li>
<li class="top-menu-submenu-list-item"><a href="https://zulip.com/case-studies/rust/">Faster decision-making in the Rust language community</a></li>
<li class="top-menu-submenu-list-item"><a href="https://zulip.com/case-studies/recurse-center/">Platform for a worldwide community since 2013 at Recurse Center</a></li>
<li class="top-menu-submenu-list-item"><a href="https://zulip.com/communities/">Open communities directory</a></li>
</ul>
</div>
</details>
<details>
<summary class="top-menu-mobile-item-summary">Resources</summary>
<div class="top-menu-mobile-submenu">
<span class="top-menu-mobile-submenu-section">FOR USERS</span>
<ul class="top-menu-submenu-list">
<li class="top-menu-submenu-list-item"><a href="/help/getting-started-with-zulip">Getting started</a></li>
<li class="top-menu-submenu-list-item"><a href="/help">Help center</a></li>
<li class="top-menu-submenu-list-item"><a href="https://zulip.com/development-community/" target="_blank" rel="noopener noreferrer">Community chat</a></li>
<li class="top-menu-submenu-list-item"><a href="https://zulip.com/help/contact-support">Contact support</a></li>
</ul>
<span class="top-menu-mobile-submenu-section">FOR ADMINISTRATORS</span>
<ul class="top-menu-submenu-list">
<li class="top-menu-submenu-list-item"><a href="/help/getting-your-organization-started-with-zulip">Setting up your organization</a></li>
<li class="top-menu-submenu-list-item"><a href="https://zulip.readthedocs.io/en/stable/production/install.html">Installing a Zulip server</a></li>
<li class="top-menu-submenu-list-item"><a href="https://zulip.readthedocs.io/en/stable/production/upgrade-or-modify.html">Upgrading a Zulip server</a></li>
<li class="top-menu-submenu-list-item"><a href="https://github.com/zulip/zulip" target="_blank" rel="noopener noreferrer">GitHub</a></li>
</ul>
</div>
</details>
<div class='top-menu-mobile-item'><a href="https://zulip.com/plans/">Pricing</a></div>
<div class='top-menu-mobile-item'><a href="https://zulip.com/apps/">Download</a></div>
</div>
<div class="top-menu-mobile-items-group-2">
<div class='top-menu-mobile-item'><a href="/new/">New organization</a></div>
{% if user_is_authenticated %}
<details>
<summary class="top-menu-mobile-item-summary">
<img class="top-menu-mobile-user-img"
src="{{ realm_icon }}" />
{{ realm_name }}
</summary>
<div class="top-menu-mobile-submenu">
<ul class="top-menu-submenu-list">
<li class="top-menu-submenu-list-item">
<a href="/">Go to app</a>
</li>
<div class="hidden">
<form id="logout_form" action="/accounts/logout/" method="POST">{{ csrf_input }}
</form>
</div>
<li class="top-menu-submenu-list-item">
<a class="logout_button">
Log out
</a>
</li>
</ul>
</div>
</details>
{% else %}
{% if login_link_disabled %}
{% else %}
<div class='top-menu-mobile-item'><a href="/login/">Log in</a></div>
{% endif %}
{% if register_link_disabled %}
{% else %}
<div class='top-menu-mobile-item'><a href="/register/">Sign up</a></div>
{% endif %}
{% endif %}
{% if find_team_link_disabled %}
{% else %}
<div class='top-menu-mobile-item'><a href="/accounts/find/">Find accounts</a></div>
{% endif %}
</div>
</details>
portico: Add `isolated_page` context flag, to suppress site nav. This flag allows rendering as a single isolated page, without the navigation in header and footer that otherwise provides links to the rest of the site. The portico layout, including the styling of the "hero" area at top, all remains the same. We don't yet ever set this flag; that'll come next.
2020-01-28 23:57:52 +01:00
{% endif %}