Browse Source

Added a dropdown menu to the nav bar for loading/saving projects (currently just cosmetic atm). Cleaned up the look of the main logo.

dev
Bryan Miller 5 years ago
parent
commit
8ce067e1de
3 changed files with 33 additions and 11 deletions
  1. +0
    -6
      sass/header.scss
  2. +3
    -0
      sass/variables.scss
  3. +30
    -5
      views/header.html

+ 0
- 6
sass/header.scss View File

@@ -2,9 +2,3 @@
background-color: $menu-bg-color;
color: $menu-text-color;
}


span.color-NES-06{
background-color:#000;
color:#A80020;
}

+ 3
- 0
sass/variables.scss View File

@@ -19,6 +19,9 @@ $main-text-color: $color-bright;

$menu-bg-color: $color-highlight;
$menu-text-color: $color-mid;
$menu-item-bg: $color-mid;
$menu-item-bg-hover: lighten($color-mid, 25%);
$menu-item-text: $color-dark;

$canvas-bg-color: $color-mid;


+ 30
- 5
views/header.html View File

@@ -1,8 +1,33 @@
<div class="header">
<div class="home-menu pure-menu pure-menu-horizontal">
<a class="pure-menu-heading" href="">
<span class="color-NES-06">NES </span>
<div class="home-menu pure-menu pure-menu-horizontal simple-flex">
<a class="pure-menu-heading full-height nes-color-bg-3F" href="">
<span class="nes-color-text-06">NES </span>
<span class="color-NES-random">P</span><span class="color-NES-random">a</span><span class="color-NES-random">i</span><span class="color-NES-random">n</span><span class="color-NES-random">t</span>
</a>
</div>
</a>

<div class="pure-menu pure-menu-horizontal">
<ul class="pure-menu-list">
<li class="pure-menu-item pure-menu-has-children pure-menu-allow-hover">
<a href="#" class="pure-menu-link">
<i class="fa fa-folder"></i>
File
</a>
<ul class="pure-menu-children">
<li class="pure-menu-item">
<a href="#" class="pure-menu-link">
<i class="fa fa-folder-open"></i>
Load Project
</a>
</li>
<li class="pure-menu-item">
<a href="#" class="pure-menu-link">
<i class="fa fa-save"></i>
Save Project
</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>

Loading…
Cancel
Save