---
use_title_as_h1: true
---

{%- macro selected_href(url) -%}
{%- if (page.url | lower) == (url + '/') -%}
class="selected" href="{{ url }}"
{%- else -%}
href="{{ url }}"
{%- endif -%}
{%- endmacro -%}

{%- set script_tag %}
// Configure Algolia search.
let s = document.createElement('script');
s.src = '/_scripts/@docsearch/index.js';
document.head.append(s);

window.addEventListener('load', () => {
  // Add the Algolia search widget.
  docsearch({
    container: '#search',
    appId: 'RZDQYCCABX',
    apiKey: '98b0eabafeb13fe3e1af693d5713d8b4',
    indexName: 'chromium'
  });
});

// Configure Google Analytics v4
s = document.createElement('script');
s.src = 'https://www.googletagmanager.com/gtag/js?id=G-24XP4PG02H'
s.async = true;
document.head.append(s)

window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-24XP4PG02H');

// Configure consent bar.
s = document.createElement('script');
s.src = 'https://www.gstatic.com/brandstudio/kato/cookie_choice_component/cookie_consent_bar.v3.js'
s.dataset.autoloadCookieConsentBar = true;
s.dataset.autoloadCookieContentBarIntlCode = '';
document.head.append(s);

// Configure the mobile navigation drawer.
// Keep in sync with $mobile-nav-breakpoint in default.scss.
const mobileNavBreakpoint = 768;
const mobileNavToggle = document.getElementById('mobile-nav-toggle');
const mobileNav = document.getElementById('sidebar-left');
const mobileNavClose = document.getElementById('mobile-nav-close');
const mobileNavBackdrop = document.getElementById('mobile-nav-backdrop');

if (mobileNavToggle && mobileNav && mobileNavClose && mobileNavBackdrop) {
  const setMobileNavState = (isOpen) => {
    mobileNavToggle.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
    document.body.classList.toggle('mobile-nav-open', isOpen);
  };

  const closeMobileNav = (returnFocus = false) => {
    setMobileNavState(false);
    if (returnFocus) {
      mobileNavToggle.focus();
    }
  };

  const openMobileNav = () => {
    setMobileNavState(true);
    mobileNav.scrollTop = 0;
    mobileNavClose.focus();
  };

  mobileNavToggle.addEventListener('click', () => {
    if (document.body.classList.contains('mobile-nav-open')) {
      closeMobileNav();
    } else {
      openMobileNav();
    }
  });

  mobileNavClose.addEventListener('click', () => closeMobileNav(true));
  mobileNavBackdrop.addEventListener('click', () => closeMobileNav(true));

  document.addEventListener('keydown', (event) => {
    if (event.key === 'Escape') {
      closeMobileNav(true);
    }
  });

  window.addEventListener('resize', () => {
    if (window.innerWidth > mobileNavBreakpoint) {
      closeMobileNav();
    }
  });

  mobileNav.querySelectorAll('a').forEach((link) => {
    link.addEventListener('click', closeMobileNav);
  });
}
{%- endset -%}

<!DOCTYPE html>
{%- if redirect %}
<head>
  <meta charset="utf-8">
  <meta http-equiv="Refresh" content="0; url='{{redirect}}'">
</head>
{%- else %}
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  {%- if title %}
  <title>{{ title }}</title>
  {%- endif %}
  <link rel="stylesheet" href="/_stylesheets/@docsearch/style.css">
  <link rel="stylesheet" href="/_stylesheets/default.css">
  <link rel="stylesheet" href="/_stylesheets/highlight.js/github.min.css">
</head>

<header>
  <button id="mobile-nav-toggle" class="mobile-nav-toggle" type="button" aria-label="Open navigation menu" aria-controls="sidebar-left" aria-expanded="false">
    <span class="mobile-nav-toggle-bars" aria-hidden="true">
      <span></span>
      <span></span>
      <span></span>
    </span>
  </button>
  <a class="header-brand" href="/">
    <img alt="the Chromium logo" src="/_assets/icon-chromium-96.png" width="48" height="48">
    <h2>The Chromium Projects</h2>
  </a>
  <div id="search"></div>
</header>

<div id="mobile-nav-backdrop" aria-hidden="true"></div>

<div id="main-wrapper">
  <nav id="sidebar-left" class="sidebar-nav" aria-label="Site navigation">
    <div class="mobile-nav-header">
      <h3>Menu</h3>
      <button id="mobile-nav-close" class="mobile-nav-close" type="button" aria-label="Close navigation menu">&times;</button>
    </div>
    <section class="sidebar-primary">
      <a {{ selected_href("/chromium-projects") }}>Home</a>
      <a {{ selected_href("/Home") }}>Chromium</a>
      <a {{ selected_href("/chromium-os") }}>ChromiumOS</a>
    </section>
    <section class="sidebar-quick-links">
      <h4>Quick links</h4>
      <a href="/for-testers/bug-reporting-guidelines">Report bugs</a>
      <a href="/developers/discussion-groups">Discuss</a>
    </section>
    <section class="sidebar-other-sites">
      <h4>Other sites</h4>
      <a href="https://blog.chromium.org/">Chromium Blog</a>
      <a href="https://developer.chrome.com/extensions">Google Chrome Extensions</a>
    </section>
    <section class="sidebar-license" role="complementary">
      Except as otherwise
      <a href="https://developers.google.com/site-policies.html#restrictions">noted</a>,
      the content of this page is licensed under a
      <a href="https://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5 license</a>,
      and examples are licensed under the
      <a href="https://chromium.googlesource.com/chromium/src/+/HEAD/LICENSE">BSD License</a>.
    </section>
    <section class="sidebar-privacy" role="complementary">
      <a href="https://policies.google.com/privacy">Privacy</a>
    </section>
    <a class="edit-this-page" href="https://edit.chromium.org/edit?repo=chromium/website/main&file=site{{page.url}}index.md&cloneRepo=chromium/website:refs/heads/main&fullPath=chromium/site{{page.url}}index.md">Edit</a>
  </nav>
  <main>
  {%- if breadcrumbs %}
    <div class="breadcrumbs">
  {%- for link in breadcrumbs %}
      <a href="{{ link[0] }}">{{ link[1] }}</a> &gt;
  {%- endfor %}
    </div>
  {%- endif %}
  {%- if use_title_as_h1 and title %}
    <h1>{{ title }}</h1>
  {%- endif %}
  {{content | safe}}
  </main>
</div>
<script>{{ script_tag | cspHash | safe }}</script>
{%- endif %}
