<commit_before><template>

  	<nav role="navigation">
		<img onclick="switchertemp()" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA9SURBVDhPY6AaMJ5xq5wamMFkxu3/1MBQd40CugDj6bd3UwNTz6BRQEeALQOSgxlMpt/uoAaGuotSwMAAAFHfAhzFXIuJAAAAAElFTkSuQmCC" id="toggle-menu"/>
		<div class="logo" alt="Logo by <NAME>"><a href="/">Jaska</a>
		</div>
		<ul id="panel">
			<li class="targeted" id="active"><a href="#">Home</a></li>
			<li class="targeted"><a href="#about">About</a></li>
			<li class="targeted"><a href="#projects">Featured Projects</a></li>
			<figure id="indicator"></figure>
		</ul>
	</nav>
</template>


<script>
</script>

<style scoped lang="scss">
$font-stack: "Open Sans", Helvetica Neue, Arial, sans-serif;
$font-secondary: "Segoe UI", Helvetica Neue, Arial, sans-serif;
$light-blue: #3498db;

nav {
  position: absolute;
  top: 0;
  width: 100%;
  padding: 0;
  background: #fff;
  line-height: 3.125em;
  overflow: visible;
  border-bottom: 1px solid #dcddd8;
  transition: top 0.5s;
  z-index: 99;
  a {
    text-decoration: none;
  }
  ul {
    margin: 0;
    padding: 0;
    width: auto;
    height: auto !important;
    list-style: none;
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    justify-content: center;
    color: #1d6fa5;
    li {
      transition: all 0.2s;
    }
    li > a {
      padding: 0 20px;
      color: $light-blue;
      font-weight: 600;
      display: block;
      &:hover {
        color: #1d6fa5;
      }
      li > a span {
        margin-right: 4px;
        color: #0078d7;
      }
    }
  }
  ul li {
    float: right;
    margin: 0;<commit_msg>readded navbar hover effect<commit_after><template>

  	<nav role="navigation">
		<img onclick="switchertemp()" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA9SURBVDhPY6AaMJ5xq5wamMFkxu3/1MBQd40CugDj6bd3UwNTz6BRQEeALQOSgxlMpt/uoAaGuotSwMAAAFHfAhzFXIuJAAAAAElFTkSuQmCC" id="toggle-menu"/>
		<div class="logo" alt="Logo by <NAME>"><a href="/">Jaska</a>
		</div>
		<ul id="panel">
			<li class="targeted" id="active"><a href="#">Home</a></li>
			<li class="targeted"><a href="#about">About</a></li>
			<li class="targeted"><a href="#projects">Featured Projects</a></li>
			<figure id="indicator"></figure>
		</ul>
	</nav>
</template>


<script>
</script>

<style scoped lang="scss">
$font-stack: "Open Sans", Helvetica Neue, Arial, sans-serif;
$font-secondary: "Segoe UI", Helvetica Neue, Arial, sans-serif;
$light-blue: #3498db;

nav {
  position: absolute;
  top: 0;
  width: 100%;
  padding: 0;
  background: #fff;
  line-height: 3.125em;
  overflow: visible;
  border-bottom: 1px solid #dcddd8;
  transition: top 0.5s;
  z-index: 99;
  a {
    text-decoration: none;
  }
  ul {
    margin: 0;
    padding: 0;
    width: auto;
    height: auto !important;
    list-style: none;
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    justify-content: center;
    color: #1d6fa5;
    li {
      transition: all 0.2s;
    }
    li > a {
      padding: 0 20px;
      color: $light-blue;
      font-weight: 600;
      display: inline-block;
      vertical-align: middle;
      -webkit-transform: perspective(1px) translateZ(0);
      transform: perspective(1px) translateZ(0);
      box-shadow: 0 0 1px rgba(0, 0, 0, 0);
      position: relative;
      overflow: hidden;
      &:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 51%;
        right: 51%;
        bottom: 0;
        background: #2098d1;
        height: 4px;
        -webkit-transition-property: left, right;
        transition-property: left, right;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
      }
      &:hover {
        color: #1d6fa5;
      }
      &:hover:before,
      &:focus:before,
      &:active:before {
        left: 0;
        right: 0;
      }
      li > a span {
        margin-right: 4px;
        color: #0078d7;
      }
    }
  }
  ul li {
    float: right;
    margin: 0;
{'fraction_non_alphanumeric': 0.15045699554722286, 'fraction_numerical': 0.03632528708694633, 'mean_word_length': 2.9336405529953917, 'pattern_counts': {'":': 0, '<': 61, '<?xml version=': 0, '>': 65, 'https://': 0, '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': '484958', 'n_tokens_mistral': 1825, 'n_tokens_neox': 1681, 'n_words': 329}