FlexSlider

- Replaced icons with font-face files - Compressed SyntaxHighlighter CSS and added to css/demo.css (deleted original files) - Browser test new font-face icons - Responsive layout tweaks - New responsive navigation - Clean up CSS
kirollosd · Feb 18, 2013 · 586eec4 · 586eec4
1 parent d302d89
commit 586eec4
Show file tree

Hide file tree

Showing 19 changed files with 359 additions and 599 deletions.
diff --git a/demo/basic-carousel.html b/demo/basic-carousel.html
@@ -5,9 +5,6 @@
 	<title>FlexSlider 2</title>
 	<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
 
-  <!-- Syntax Highlighter -->
-	<link href="css/shCore.css" rel="stylesheet" type="text/css" />
-  <link href="css/shThemeDefault.css" rel="stylesheet" type="text/css" />
   <!-- Demo CSS -->
 	<link rel="stylesheet" href="css/demo.css" type="text/css" media="screen" />
 	<link rel="stylesheet" href="../flexslider.css" type="text/css" media="screen" />
@@ -18,26 +15,21 @@
 </head>
 <body class="loading">
 
-	<div id="top">
-
-		<a href="http://www.woothemes.com" title="WooThemes">
-			<img src="images/logo.png" alt="WooThemes" />
-		</a>
-
-	</div>
-
   <div id="container" class="cf">
     <header role="navigation">
+      <a class="logo" href="http://www.woothemes.com" title="WooThemes">
+        <img src="images/logo.png" alt="WooThemes" />
+	  </a>
       <h1>FlexSlider 2</h1>
       <h2>The best responsive slider. Period.</h2>
       <a class="button green" href="https://github.com/woothemes/FlexSlider/zipball/master">Download Flexslider</a>
+      <h3 class="header-nav">Other Examples</h3>
       <nav>
-        <h3>Other Examples</h3>
         <ul>
           <li><a href="index.html">Basic Slider</a></li>
           <li><a href="thumbnail-controlnav.html">Slider w/thumbnail controlNav pattern</a></li>
           <li><a href="thumbnail-slider.html">Slider w/thumbnail slider</a></li>
-          <li><a class="active" href="basic-carousel.html">Basic Carousel</a></li>
+          <li class="active"><a href="basic-carousel.html">Basic Carousel</a></li>
           <li><a href="carousel-min-max.html">Carousel with min and max ranges</a></li>
           <li><a href="dynamic-carousel-min-max.html">Carousel with dynamic min/max ranges</a></li>
           <li><a href="video.html">Video & the api (vimeo)</a></li>

diff --git a/demo/carousel-min-max.html b/demo/carousel-min-max.html
@@ -18,27 +18,22 @@
 </head>
 <body class="loading">
 
-	<div id="top">
-
-		<a href="http://www.woothemes.com" title="WooThemes">
-			<img src="images/logo.png" alt="WooThemes" />
-		</a>
-
-	</div>
-
   <div id="container" class="cf">
     <header role="navigation">
+      <a class="logo" href="http://www.woothemes.com" title="WooThemes">
+        <img src="images/logo.png" alt="WooThemes" />
+	  </a>
       <h1>FlexSlider 2</h1>
       <h2>The best responsive slider. Period.</h2>
       <a class="button green" href="https://github.com/woothemes/FlexSlider/zipball/master">Download Flexslider</a>
+	  <h3 class="nav-header">Other Examples</h3>
       <nav>
-        <h3>Other Examples</h3>
         <ul>
           <li><a href="index.html">Basic Slider</a></li>
           <li><a href="thumbnail-controlnav.html">Slider w/thumbnail controlNav pattern</a></li>
           <li><a href="thumbnail-slider.html">Slider w/thumbnail slider</a></li>
           <li><a href="basic-carousel.html">Basic Carousel</a></li>
-          <li><a class="active" href="carousel-min-max.html">Carousel with min and max ranges</a></li>
+          <li class="active"><a href="carousel-min-max.html">Carousel with min and max ranges</a></li>
           <li><a href="dynamic-carousel-min-max.html">Carousel with dynamic min/max ranges</a></li>
           <li><a href="video.html">Video & the api (vimeo)</a></li>
           <li><a href="video-wistia.html">Video & the api (wistia)</a></li>