<commit_before><link rel="import" href="../../bower_components/polymer/polymer.html">

<dom-module id="header-intro">
  <style>
    .header-intro__title,
    .header-intro__message {
      color: #fff;
      text-align: center;
    }

    .header-intro__title {
      font-size: 2.4em;
      margin-bottom: 0.5em;
    }

    .header-intro__message {
      font-size: 1.4em;
    }

    .header-intro__github-link {
      font-size: 1.5em;
      position: absolute;
      top: 10px;
      left: 0;
      padding: 0.5em;
      transition: all .2s ease-in-out;
    }

    .header-intro__github-link::hover {
      color: #47e6c7;
    }

    /*TODO: Add style to the nav element.*/

    nav {
      position: fixed;
      top: 0;
      display: none;
    }

    nav ul li {
      float: left;
      margin-left: 1em;
    }

  </style>

  <template class="header-intro">
    <a href="https://github.com/TiagoMaiaL" target="_blank" class="header-intro__github-link link"><span class="icon big icon-github-circled"></span></a>

    <!-- TODO: Add an element for the nav. -->
    <nav>
      <ul>
        <li><a href="">Projects</a></li>
        <li><a href="">About me</a></li>
        <li><a href="">Contact</a></li>
      </ul>
    </nav>

    <h1 class="header-intro__title">[[title]]</h1>
    <h2 class="header-intro__message">[[message]]</h2>
  </template>
</dom-module>

<script>
  Polymer({
    is: "header-intro",
    properties: {
      title: String,
      message: String<commit_msg>Adding classes to the navigation element.<commit_after><link rel="import" href="../../bower_components/polymer/polymer.html">

<dom-module id="header-intro">
  <style>
    .header-intro__title,
    .header-intro__message {
      color: #fff;
      text-align: center;
    }

    .header-intro__title {
      font-size: 2.4em;
      margin-bottom: 0.5em;
    }

    .header-intro__message {
      font-size: 1.4em;
    }

    .header-intro__github-link {
      font-size: 1.5em;
      position: absolute;
      top: 10px;
      left: 0;
      padding: 0.5em;
      transition: all .2s ease-in-out;
    }

    .header-intro__github-link::hover {
      color: #47e6c7;
    }

    .navigation {
      position: fixed;
      top: 0;
      display: none;
    }

    .menu__item {
      float: left;
      margin-left: 1em;
    }
  </style>

  <template class="header-intro">
    <a href="https://github.com/TiagoMaiaL" target="_blank" class="header-intro__github-link link"><span class="icon big icon-github-circled"></span></a>

    <!-- TODO: Add an element for the nav. -->
    <nav class="navigation">
      <ul class="menu">
        <li class="menu__item"><a href="">Projects</a></li>
        <li class="menu__item"><a href="">About me</a></li>
        <li class="menu__item"><a href="">Contact</a></li>
      </ul>
    </nav>

    <h1 class="header-intro__title">[[title]]</h1>
    <h2 class="header-intro__message">[[message]]</h2>
  </template>
</dom-module>

<script>
  Polymer({
    is: "header-intro",
    properties: {
      title: String,
      message: String
{'fraction_non_alphanumeric': 0.17490992466426467, 'fraction_numerical': 0.015722240419259743, 'mean_word_length': 2.3123644251626896, 'pattern_counts': {'":': 0, '<': 69, '<?xml version=': 0, '>': 69, 'https://': 2, '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': '2354006', 'n_tokens_mistral': 1134, 'n_tokens_neox': 1054, 'n_words': 206}