<commit_before><!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Marid</title>
  <link rel="shortcut icon" href="images/marid_logo.png" type="image/png"/>
  <meta name="description" content="">
  <meta name="author" content="">
  <link rel="stylesheet" href="css/stylesheet.css">
  <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->
  <!-- Bootstrap CSS-->
  <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
  <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap-theme.min.css">
</head>
<body>
  <header class="navbar navbar-default navbar-fixed-top" role="banner">
    <div class="container">
      <div class="navbar-header">
        <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".navbar-collapse">
          <span class="sr-only">Toggle Navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a href="index.html" class="navbar-brand logo"></a>
      </div>
      <nav class="collapse navbar-collapse" role="navigation">
        <div class="col-md-9 col-xs-8">
          <form action="" class="navbar-form navbar-search" role="search">
            <div class="input-group">
              <input type="text" class="form-control" placeholder="Search for Artists, Songs, Videos, Lyrics, Genres">
              <i class="fa fa-microphone"></i>
            </div>
          </form>
        </div>
        <ul class="nav navbar-nav navbar-right">
          <li class="dropdown notificate">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-bell fa-lg"></i><span class="notification label label-danger">14</span></a>
            <ul class="dropdown-menu dropdown-notification">
              <li>
                <a href="#" class="media">
                  <div class="media-left"><img class="media-cover" src="images/chvrches.png" alt=""></div>
                  <div class="media-body">Daniel started following your band</div>
                </a>
              </li>
              <li>
                <a href="#" class="media">
                  <div class="media-left"><img class="media-cover" src="images/chvrches.png" alt=""></div>
                  <div class="media-body">Jennie liked your song</div>
                </a>
              </li>
              <li>
                <a href="#" class="media">
                  <div class="media-left"><img class="media-cover" src="images/chvrches.png" alt=""></div>
                  <div class="media-body">James sent you a private message "Hello user, I hope you..."</div>
                </a>
              </li>
              <li>
                <a href="#" class="media">
                  <div class="media-left"><img class="media-cover" src="images/chvrches.png" alt=""></div>
                  <div class="media-body">A new song from "XY" is out now. Click here to listen.</div>
                </a>
              </li>
            </ul>
          </li>
          <li class="dropdown">
			<a href="#" class="dropdown-toggle"><i class="fa fa-inbox fa-lg"></i></a>
		  </li>
		  <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user fa-lg"></i></a>
            <ul class="dropdown-menu menu-list">
              <li class="menu-list-item">
                <a href="index.html" class="menu-list-link" data-toggle="tooltip" data-placement="bottom" title="Home"><i class="fa fa-home"></i></a>
              </li>
              <li class="menu-list-item">
                <a href="#" class="menu-list-link" data-toggle="tooltip" data-placement="bottom" title="Dashboard"><i class="fa fa-desktop"></i></a>
              </li>
              <li class="menu-list-item">
                <a href="album.html" class="menu-list-link" data-toggle="tooltip" data-placement="bottom" title="View Portfolio"><i class="fa fa-eye"></i></a>
              </li>
              <li class="menu-list-item">
                <a href="upload.html" class="menu-list-link" data-toggle="tooltip" data-placement="bottom" title="Upload"><i class="fa fa-cloud-upload"></i></a>
              </li>
              <li class="menu-list-item">
                <a href="#" class="menu-list-link" data-toggle="tooltip" data-placement="bottom" title="Playlists"><i class="fa fa-bars"></i></a>
              </li>
              <li class="menu-list-item">
                <a href="#" class="menu-list-link" data-toggle="tooltip" data-placement="bottom" title="Connections"><i class="fa fa-link"></i></a>
              </li>
              <li class="menu-list-item">
                <a href="#" class="menu-list-link" data-toggle="tooltip" data-placement="bottom" title="Groups"><i class="fa fa-users"></i></a>
              </li>
              <li class="menu-list-item">
                <a href="settings.html" class="menu-list-link" data-toggle="tooltip" data-placement="bottom" title="Settings"><i class="fa fa-cog"></i></a>
              </li>
			  <li class="menu-list-item">
                <a href="#" class="menu-list-link" data-toggle="tooltip" data-placement="bottom" title="Sign Out"><i class="fa fa-sign-out"></i></a>
              </li>
            </ul>
          </li>
        </ul>
      </nav>
    </div>
  </header>
  <!-- /end header -->
  <main class="main" role="main">
    <div class="container">
      <div class="heading text-center">
        <h2>Discover</h2>
        <p class="lead">The music <i>you</i> want</p>
      </div>
      <div class="content">
        <ul class="filter">
          <li class="filter-item"><a href="#" class="filter-link active">All</a></li>
          <li class="filter-item"><a href="#" class="filter-link">Artists</a></li>
          <li class="filter-item"><a href="#" class="filter-link">Engineers</a></li>
          <li class="filter-item"><a href="#" class="filter-link">Producers</a></li>
          <li class="filter-item"><a href="#" class="filter-link">Songwriters</a></li>
        </ul>
        <div class="box">
          <h3 class="box-title">Featured</h3>
          <div class="track-container">
            <div class="track-body">
              <ul class="track-list"><commit_msg>Fixed bug with titles of nav-bar updating correctly<commit_after><!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Marid</title>
  <link rel="shortcut icon" href="images/marid_logo.png" type="image/png"/>
  <meta name="description" content="">
  <meta name="author" content="">
  <link rel="stylesheet" href="css/stylesheet.css">
  <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->
  <!-- Bootstrap CSS-->
  <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
  <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap-theme.min.css">
</head>
<body>
  <header class="navbar navbar-default navbar-fixed-top" role="banner">
    <div class="container">
      <div class="navbar-header">
        <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".navbar-collapse">
          <span class="sr-only">Toggle Navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a href="index.html" class="navbar-brand logo"></a>
      </div>
      <nav class="collapse navbar-collapse" role="navigation">
        <div class="col-md-9 col-xs-8">
          <form action="" class="navbar-form navbar-search" role="search">
            <div class="input-group">
              <input type="text" class="form-control" placeholder="Search for Artists, Songs, Videos, Lyrics, Genres">
              <i class="fa fa-microphone"></i>
            </div>
          </form>
        </div>
        <ul class="nav navbar-nav navbar-right">
          <li class="dropdown notificate">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-bell fa-lg"></i><span class="notification label label-danger">14</span></a>
            <ul class="dropdown-menu dropdown-notification">
              <li>
                <a href="#" class="media">
                  <div class="media-left"><img class="media-cover" src="images/chvrches.png" alt=""></div>
                  <div class="media-body">Daniel started following your band</div>
                </a>
              </li>
              <li>
                <a href="#" class="media">
                  <div class="media-left"><img class="media-cover" src="images/chvrches.png" alt=""></div>
                  <div class="media-body">Jennie liked your song</div>
                </a>
              </li>
              <li>
                <a href="#" class="media">
                  <div class="media-left"><img class="media-cover" src="images/chvrches.png" alt=""></div>
                  <div class="media-body">James sent you a private message "Hello user, I hope you..."</div>
                </a>
              </li>
              <li>
                <a href="#" class="media">
                  <div class="media-left"><img class="media-cover" src="images/chvrches.png" alt=""></div>
                  <div class="media-body">A new song from "XY" is out now. Click here to listen.</div>
                </a>
              </li>
            </ul>
          </li>
          <li class="dropdown">
			<a href="#" class="dropdown-toggle"><i class="fa fa-inbox fa-lg"></i></a>
		  </li>
		  <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user fa-lg"></i></a>
            <ul class="dropdown-menu menu-list">
              <li class="menu-list-item">
                <a href="index.html" class="menu-list-link" data-toggle="tooltip" data-placement="bottom" title="Home"><i class="fa fa-home"></i></a>
              </li>
              <li class="menu-list-item">
                <a href="#" class="menu-list-link" data-toggle="tooltip" data-placement="bottom" title="Dashboard"><i class="fa fa-desktop"></i></a>
              </li>
              <li class="menu-list-item">
                <a href="album.html" class="menu-list-link" data-toggle="tooltip" data-placement="bottom" title="View Portfolio"><i class="fa fa-eye"></i></a>
              </li>
              <li class="menu-list-item">
                <a href="upload.html" class="menu-list-link" data-toggle="tooltip" data-placement="bottom" title="Upload"><i class="fa fa-cloud-upload"></i></a>
              </li>
              <li class="menu-list-item">
                <a href="#" class="menu-list-link" data-toggle="tooltip" data-placement="bottom" title="Playlists"><i class="fa fa-bars"></i></a>
              </li>
              <li class="menu-list-item">
                <a href="#" class="menu-list-link" data-toggle="tooltip" data-placement="bottom" title="Connections"><i class="fa fa-link"></i></a>
              </li>
              <li class="menu-list-item">
                <a href="#" class="menu-list-link" data-toggle="tooltip" data-placement="bottom" title="Groups"><i class="fa fa-users"></i></a>
              </li>
              <li class="menu-list-item">
                <a href="settings.html" class="menu-list-link" data-toggle="tooltip" data-placement="bottom" title="Settings"><i class="fa fa-cog"></i></a>
              </li>
			  <li class="menu-list-item">
                <a href="#" class="menu-list-link" data-toggle="tooltip" data-placement="bottom" title="Sign Out"><i class="fa fa-sign-out"></i></a>
              </li>
            </ul>
          </li>
        </ul>
      </nav>
    </div>
  </header>
  <!-- /end header -->
  <main class="main" role="main">
    <div class="container">
      <div class="heading text-center">
        <h2>Discover</h2>
        <p class="lead">The music <i>you</i> want</p>
      </div>
      <div class="content">
        <ul class="filter filter-albums settings">
          <li role="presentation" class="filter-item active"><a href="#" role="tab" data-toggle="tab" class="filter-link filter-link-settings active">All</a></li>
          <li role="presentation" class="filter-item"><a href="#" role="tab" data-toggle="tab" class="filter-link filter-link-settings ">Artists</a></li>
          <li  role="presentation" class="filter-item"><a href="#" role="tab" data-toggle="tab" class="filter-link filter-link-settings ">Engineers</a></li>
          <li role="presentation" class="filter-item"><a href="#" role="tab" data-toggle="tab" class="filter-link filter-link-settings ">Producers</a></li>
          <li role="presentation" class="filter-item"><a href="#" role="tab" data-toggle="tab" class="filter-link filter-link-settings ">Songwriters</a></li>
        </ul>
        <div class="box">
          <h3 class="box-title">Featured</h3>
          <div class="track-container">
            <div class="track-body">
              <ul class="track-list">
{'fraction_non_alphanumeric': 0.19848339836560405, 'fraction_numerical': 0.003681071928145476, 'mean_word_length': 2.3515914137675797, 'pattern_counts': {'":': 0, '<': 419, '<?xml version=': 0, '>': 419, 'https://': 4, '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': '4682988', 'n_tokens_mistral': 4236, 'n_tokens_neox': 4084, 'n_words': 813}