more optimizations #4

apiengine · Nov 26, 2012 · dfa2949 · dfa2949
1 parent d78e20e
commit dfa2949
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 19 deletions.
diff --git a/css/home.css b/css/home.css
@@ -184,4 +184,20 @@ padding-bottom: 80px;
 	width:165px;
 	height:23px;
 	display:inline-block;
+}
+
+.feature-1 {
+  background: url('../img/hp-feature-1.png');
+  width: 222px;
+  height: 222px;
+}
+.feature-2 {
+  background: url('../img/hp-feature-2.png');
+  width: 222px;
+  height: 222px;
+}
+.feature-3 {
+  background: url('../img/hp-feature-3.png');
+  width: 222px;
+  height: 222px;
 }
diff --git a/js/views/home/page.js b/js/views/home/page.js
@@ -12,13 +12,10 @@ define([
   'modal',
   'text!templates/modals/login.html',
   'animations/cogs',
-  'animations/collaboration',
-  'animations/framework',
   'animations/mobile',
   'animations/private',
-  'animations/public',
-  'animations/stylish'
-], function($, _, Backbone, swiffy, Session, homeTemplate, AuthView, ApisList, exampleLoginTemplate, exampleLogoutTemplate, Modal, logint, acogs, acollaboration, aframework,amobile,aprivate,apublic,astylish){
+  'animations/public'
+], function($, _, Backbone, swiffy, Session, homeTemplate, AuthView, ApisList, exampleLoginTemplate, exampleLogoutTemplate, Modal, logint, acogs, amobile,aprivate,apublic){
   var ExamplePage = Backbone.View.extend({
     el: '.page',
     initialize: function () {
@@ -543,16 +540,10 @@ define([
           that.slider.changeSlide(that.slider.currentSlide, $(ev.currentTarget).attr('data-slide')*1);
         });
 
-        this.stage4 = new swiffy.Stage(document.getElementById('collaboration'),acollaboration);
-        this.stage5 = new swiffy.Stage(document.getElementById('stylish'),astylish);
-        this.stage6 = new swiffy.Stage(document.getElementById('framework'),aframework);
         this.stage7 = new swiffy.Stage(document.getElementById('cogs'),acogs);
 
 
 
-        this.stage4.start();
-        this.stage5.start();
-        this.stage6.start();
         this.stage7.start();
 
 

diff --git a/templates/home/page.html b/templates/home/page.html
@@ -81,23 +81,23 @@ <h3 class="home-heading">
             WHAT DO YOU GET WITH AN API ENGINE ACCOUNT?
         </h3>
         <div class="feature-box">
-            <div id="stylish" style="width: 250px; height: 250px; margin: auto;">
+            <div id="stylish" class="feature-1" style="margin: auto;">
             </div>
             <h4 class="blue-panel-feature-headings">STYLISH DOCUMENTS</h4>
             <p class="feature-description">
                 When you host your APIs with API Engine they're accessible, responsive and look great on all platforms.
             </p>
         </div>
         <div class="feature-box">
-            <div id="collaboration" style="width: 250px; height: 250px; margin: auto;">
+            <div id="collaboration" class="feature-2" style="margin: auto;">
             </div>
             <h4 class="blue-panel-feature-headings">COLLABORATION</h4>
             <p class="feature-description">
                 All APIs have integrated comment threads, allowing you to stay up to date with your colleagues, your customers, and followers.
             </p>
         </div>
         <div class="feature-box last">
-            <div id="framework" style="width: 250px; height: 250px; margin: auto;">
+            <div id="framework" class="feature-3" style="margin: auto;">
             </div>
             <h4 class="blue-panel-feature-headings">FRAMEWORK AGNOSTIC</h4>
             <p class="feature-description">

diff --git a/templates/profile/page.html b/templates/profile/page.html
@@ -26,23 +26,23 @@ <h3>{{user.attributes.login}}</h3>
 
 
       {{#user.attributes.profile.twitter}}
-      <a href="http://twitter.com/{{user.attributes.profile.twitter}}"><img class="favicon icon" src="http://twitter.com/favicon.ico" /></a>
+      <a href="http://twitter.com/{{user.attributes.profile.twitter}}"><img class="favicon icon" src="//twitter.com/favicon.ico" /></a>
       {{/user.attributes.profile.twitter}}
 
       {{#user.attributes.profile.facebook}}
-      <a href="http://facebook.com/{{user.attributes.profile.facebook}}"><img class="favicon icon" src="http://facebook.com/favicon.ico" /></a>
+      <a href="http://facebook.com/{{user.attributes.profile.facebook}}"><img class="favicon icon" src="//facebook.com/favicon.ico" /></a>
       {{/user.attributes.profile.facebook}}
 
       {{#user.attributes.profile.github}}
-      <a href="http://github.com/{{user.attributes.profile.github}}"><img class="favicon icon" src="http://github.com/favicon.ico" /></a>
+      <a href="http://github.com/{{user.attributes.profile.github}}"><img class="favicon icon" src="//github.com/favicon.ico" /></a>
       {{/user.attributes.profile.github}}
 
       {{#user.attributes.profile.stackoverflow}}
-      <a href="http://stackoverflow.com/{{user.attributes.profile.stackoverflow}}"><img class="favicon icon" src="http://stackoverflow.com/favicon.ico" /></a>
+      <a href="http://stackoverflow.com/{{user.attributes.profile.stackoverflow}}"><img class="favicon icon" src="//stackoverflow.com/favicon.ico" /></a>
       {{/user.attributes.profile.stackoverflow}}
 
       {{#user.attributes.profile.linkedin}}
-      <a href="http://linkedin.com/{{user.attributes.profile.linkedin}}"><img class="favicon icon" src="http://linkedin.com/favicon.ico" /></a>
+      <a href="http://linkedin.com/{{user.attributes.profile.linkedin}}"><img class="favicon icon" src="//linkedin.com/favicon.ico" /></a>
       {{/user.attributes.profile.linkedin}}
     </div> 
   </div>