Flight HTML – Changelog: Version 1.8

Version 1.8 – Released 10/08/12

Updated /js/menus/flight.menu.js so it defaults to the Home position when no active menu item is selected in the HTML code (sliding menu and mouseover/hover highlight wasn’t working if active menu item got deleted). ADDED & CHANGED:

jQuery.fn.exists = function() {
  return (this.length > 0) ? this : false;
};

$(document).ready(function() {
  /*
   * Global variables
   */
  var $menu = $("#menu");
  var $pix_per_em = 16.0;
  var resize_height = 750;

  var $menu_desc = $('<div />', {
    'class': 'menu-desc',
    'id':    'menu-desc'
  }).appendTo('body');

  $('#menu a').each(function() {
	var text = $(this).data('title') ? $(this).data('title') : ' ';
    $('<span />').text(text).appendTo($('<div />').appendTo($menu_desc).width(0));
  });

  var $selected = $menu.find('.active').exists() || $menu.find('li').first();
  var $moving = $('<li />', {
    'class': 'move',
    'top':   $selected[0].offsetTop,
    'width': $selected[0].offsetWidth
  });

jQuery.fn.exists = function() {

return (this.length > 0) ? this : false;

};

$(document).ready(function() {

* Global variables

var $menu = $("#menu");

var $pix_per_em = 16.0;

var resize_height = 750;

var $menu_desc = $('<div />', {

'class': 'menu-desc',

'id': 'menu-desc'

}).appendTo('body');

$('#menu a').each(function() {

var text = $(this).data('title') ? $(this).data('title') : ' ';

$('<span />').text(text).appendTo($('<div />').appendTo($menu_desc).width(0));

});

var $selected = $menu.find('.active').exists() || $menu.find('li').first();

var $moving = $('<li />', {

'class': 'move',

'top': $selected[0].offsetTop,

'width': $selected[0].offsetWidth

});

Corrected an IE9 display issue (javascript items not loading). In /js/menus/flight.menu.js under the Helper functions section on Line 40 – REMOVED:

  /*
   * Helper functions
   */
  function moveTo($elem, speed) {
    $moving.stop(true).animate({
      top:   $elem[0].offsetTop,
      width: $elem.outerWidth()
    }, speed, 'easeOutExpo');
	   console.log('resize');
  }

* Helper functions

function moveTo($elem, speed) {

$moving.stop(true).animate({

top: $elem[0].offsetTop,

width: $elem.outerWidth()

}, speed, 'easeOutExpo');

console.log('resize');

}

Removed some lorem ipsim filler text from Portfolio Details and Project pages
On Line 766-768 of /css/mobile.css added media query to reduce font size in order to optimize layout of Pagination Buttons at 300px mobile resolution. ADDED:

/css/mobile.css
CSS

#pagination-portfolio { font-size: 12px; }

766
767
768

#pagination-portfolio {
font-size: 12px;
}
In /css/style.css to optimize Pagination at all resolutions and ensure Next button won’t wrap – CHANGED:

/css/style.css
CSS

#pagination #page, #pagination-portfolio #page { width: 180px; float: left; position: relative; }

3016
3017
3018
3019
3020

#pagination #page, #pagination-portfolio #page {
    width: 180px;
    float: left;
    position: relative;
}