<commit_before>import React from "react";
import Link from "next/link";

import colors from "../styles/colors";

const Header = () => {
  return (
    <header role="navigation">
      <nav className="nav">
        <div className="nav__container">
          <Link href="/">
            <a>
              <img
                className="nav__logo"
                src="/images/logo-api.gouv.fr.svg"
                alt="Accueil de api.gouv.fr"
              />
            </a>
          </Link>

          <ul className="nav__links">
            <li id="signup-link" style={{ display: "none" }}>
              <a href="https://signup.api.gouv.fr">Mes demandes</a>
            </li>
            <li>
              <a href="/services">Voir les réalisations</a>
            </li>
            <li>
              <a href="/apropos">À propos</a>
            </li>
            <li>
              <a href="/contact">Nous contacter</a>
            </li>
            <li>
              <a
                href="mailto:<EMAIL>?subject=Demande%20d%27une%20nouvelle%20API"
                className="button-link alt"
              >
                Demander une API
              </a>
            </li>
          </ul>
        </div>
      </nav>

      <style jsx>{`
        .nav {
          width: 100%;
          background: #fff;<commit_msg>Add "Partager votre API" button<commit_after>import React from "react";
import Link from "next/link";

import colors from "../styles/colors";

const Header = () => {
  return (
    <header role="navigation">
      <nav className="nav">
        <div className="nav__container">
          <Link href="/">
            <a>
              <img
                className="nav__logo"
                src="/images/logo-api.gouv.fr.svg"
                alt="Accueil de api.gouv.fr"
              />
            </a>
          </Link>

          <ul className="nav__links">
            <li id="signup-link" style={{ display: "none" }}>
              <a href="https://signup.api.gouv.fr">Mes demandes</a>
            </li>
            <li>
              <a href="/services">Voir les réalisations</a>
            </li>
            <li>
              <a href="/apropos">À propos</a>
            </li>
            <li>
              <a href="/contact">Nous contacter</a>
            </li>
            <li>
              <a
                href="https://github.com/betagouv/api.gouv.fr/blob/master/CONTRIBUTING.md#ajouter-une-api"
                className="button-link"
              >
                Partager votre API
              </a>
            </li>
            <li>
              <a
                href="mailto:<EMAIL>?subject=Demande%20d%27une%20nouvelle%20API"
                className="button-link alt"
              >
                Demander une API
              </a>
            </li>
          </ul>
        </div>
      </nav>

      <style jsx>{`
        .nav {
          width: 100%;
          background: #fff;
{'fraction_non_alphanumeric': 0.14581213970837573, 'fraction_numerical': 0.007460155985079688, 'mean_word_length': 1.173913043478261, 'pattern_counts': {'":': 0, '<': 75, '<?xml version=': 0, '>': 77, 'https://': 3, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4782481', 'n_tokens_mistral': 894, 'n_tokens_neox': 864, 'n_words': 170}