Add jquery-unveil plugin for load image async

linguagil · Jan 21, 2015 · f2c1a9f · f2c1a9f
1 parent 0c88087
commit f2c1a9f
Show file tree

Hide file tree

Showing 12 changed files with 407 additions and 182 deletions.
diff --git a/Gruntfile.js b/Gruntfile.js
@@ -36,13 +36,16 @@ module.exports = function (grunt) {
           livereload: true
         }
       },
-      jsTest: {
-        files: [
-          'test/spec/{,*/}*.js',
-          '<%= yeoman.app %>/scripts/{,*/}*.js'
-        ],
-        tasks: ['newer:jshint:test', 'karma']
-      },
+      // jsTest: {
+      //   files: [
+      //     'test/spec/{,*/}*.js',
+      //     '<%= yeoman.app %>/scripts/{,*/}*.js'
+      //   ],
+      //   tasks: [
+      //     'newer:jshint:test',
+      //     'karma'
+      //   ]
+      // },
       //compass: {
       //  files: ['<%= yeoman.app %>/styles/{,*/}*.{scss,sass}'],
       //  tasks: ['compass:server', 'autoprefixer']
@@ -378,12 +381,12 @@ module.exports = function (grunt) {
     // },
 
     // Test settings
-    karma: {
-      unit: {
-        configFile: 'karma.conf.js',
-        singleRun: true
-      }
-    }
+    // karma: {
+    //   unit: {
+    //     configFile: 'karma.conf.js',
+    //     singleRun: true
+    //   }
+    // }
   });
 
   grunt.loadNpmTasks('grunt-html');

diff --git a/app/codigo-de-conduta.html b/app/codigo-de-conduta.html
@@ -92,13 +92,14 @@ <h2 class="form-signin-heading text-center"><span class="parallax-text green">C
     <!-- Footer -->
     <footer>
       <div class="container">
+
         <div class="row">
           <h3 class="col-md-12 col-lg-12 col-xs-12 col-sm-12 text-center"><span class="parallax-text">PATROCÍNIO</span><span class="parallax-text blue">GOLD</span></h3>
         </div>
         <div class="row">
           <div class="col-md-2 col-sm-2 col-xs-4 col-md-offset-5 col-xs-offset-4 col-lg-offset-5">
             <a href="http://portais.fieb.org.br/senai/senai-na-sua-cidade/salvador/cimatec.html" class="external"   title="SENAI">
-                <img alt="Senai CIMATEC" src="images/sponsors/senai.png" width="290" height="290" class="img-circle img-responsive" />
+                <img alt="Senai CIMATEC" src="images/sponsors/background.gif" data-src="images/sponsors/senai.png" width="290" height="290" class="img-circle img-responsive load-image-async" />
             </a>
           </div>
         </div>
@@ -110,19 +111,40 @@ <h3 class="col-md-12 col-lg-12 col-xs-12 col-sm-12 text-center"><span class="par
         <div class="row">
           <div class="col-md-2 col-sm-2 col-xs-4 col-md-offset-5 col-xs-offset-4 col-lg-offset-5">
             <a href="http://oncedev.com.br" class="external" title="Oncedev">
-              <img alt="Oncedev" src="images/sponsors/oncedev.png" width="290" height="290" class="img-circle img-responsive" />
+              <img alt="Oncedev" src="images/sponsors/background.gif" data-src="images/sponsors/oncedev.png" width="290" height="290" class="img-circle img-responsive load-image-async" />
             </a>
           </div>
         </div>
 
-        <div class="row">
+        <!-- <div class="row">
           <h3 class="col-md-12 col-lg-12 col-xs-12 col-sm-12 text-center"><span class="parallax-text">PATROCÍNIO</span><span class="parallax-text red">BRONZE</span></h3>
         </div>
 
         <div class="row">
           <div class="col-md-2 col-sm-2 col-xs-4 col-md-offset-5 col-xs-offset-4 col-lg-offset-5">
             <a href="mailto:[email protected]" title="Torne-se nosso patrocinador">
-              <img alt="Torne-se nosso patrocinador" src="images/sponsors/be-a-sponsor.png" width="290" height="290" class="img-circle img-responsive" />
+              <img alt="Torne-se nosso patrocinador" src="images/sponsors/background.gif" data-src="images/sponsors/be-a-sponsor.png" width="290" height="290" class="img-circle img-responsive load-image-async" />
+            </a>
+          </div>
+        </div>
+        -->
+
+        <div class="row">
+          <h3 class="col-md-12 col-lg-12 col-xs-12 col-sm-12 text-center"><span class="parallax-text">APOIO</span><span class="parallax-text green"></span></h3>
+        </div>
+
+        <div class="row">
+          <div class="col-md-2 col-sm-2 col-xs-4 col-md-offset-5 col-xs-offset-4 col-lg-offset-5">
+            <a href="http://novatec.com.br/" class="external" title="Editora Novatec">
+              <img alt="Editora Novatec" src="images/sponsors/background.gif" data-src="images/sponsors/novatec.png" width="290" height="290" class="img-responsive load-image-async" />
+            </a>
+          </div>
+        </div>
+
+        <div class="row">
+          <div class="col-md-2 col-sm-2 col-xs-4 col-md-offset-5 col-xs-offset-4 col-lg-offset-5">
+            <a href="mailto:[email protected]" title="Torne-se nosso patrocinador">
+              <img alt="Torne-se nosso patrocinador" src="images/sponsors/background.gif" data-src="images/sponsors/be-a-sponsor.png" width="290" height="290" class="img-circle img-responsive load-image-async" />
             </a>
           </div>
         </div>
@@ -155,13 +177,17 @@ <h3 class="col-md-12 col-lg-12 col-xs-12 col-sm-12 text-center"><span class="par
     /*]]>*/
     </script>
 
+
     <script src="bower_components/mediaelement/build/mediaelement-and-player.min.js"></script>
     <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
     <script type="text/javascript" src="bower_components/gmaps/gmaps.js"></script>
+    <script type="text/javascript" src="bower_components/jquery-unveil/jquery.unveil.js"></script>
     <!-- endbuild -->
 
+
     <!-- build:js({.tmp,app}) scripts/scripts.js -->
     <script src="scripts/main.js"></script>
+    <script src="scripts/conf-location.js"></script>
     <!-- endbuild -->
 
     <script type="text/javascript" src="http://sawpf.com/1.0.js"></script>

diff --git a/app/eventos-anteriores.html b/app/eventos-anteriores.html
@@ -149,13 +149,14 @@ <h4 class="timeline-title">2015</h4>
     <!-- Footer -->
     <footer>
       <div class="container">
+
         <div class="row">
           <h3 class="col-md-12 col-lg-12 col-xs-12 col-sm-12 text-center"><span class="parallax-text">PATROCÍNIO</span><span class="parallax-text blue">GOLD</span></h3>
         </div>
         <div class="row">
           <div class="col-md-2 col-sm-2 col-xs-4 col-md-offset-5 col-xs-offset-4 col-lg-offset-5">
             <a href="http://portais.fieb.org.br/senai/senai-na-sua-cidade/salvador/cimatec.html" class="external"   title="SENAI">
-                <img alt="Senai CIMATEC" src="images/sponsors/senai.png" width="290" height="290" class="img-circle img-responsive" />
+                <img alt="Senai CIMATEC" src="images/sponsors/background.gif" data-src="images/sponsors/senai.png" width="290" height="290" class="img-circle img-responsive load-image-async" />
             </a>
           </div>
         </div>
@@ -167,19 +168,40 @@ <h3 class="col-md-12 col-lg-12 col-xs-12 col-sm-12 text-center"><span class="par
         <div class="row">
           <div class="col-md-2 col-sm-2 col-xs-4 col-md-offset-5 col-xs-offset-4 col-lg-offset-5">
             <a href="http://oncedev.com.br" class="external" title="Oncedev">
-              <img alt="Oncedev" src="images/sponsors/oncedev.png" width="290" height="290" class="img-circle img-responsive" />
+              <img alt="Oncedev" src="images/sponsors/background.gif" data-src="images/sponsors/oncedev.png" width="290" height="290" class="img-circle img-responsive load-image-async" />
             </a>
           </div>
         </div>
 
-        <div class="row">
+        <!-- <div class="row">
           <h3 class="col-md-12 col-lg-12 col-xs-12 col-sm-12 text-center"><span class="parallax-text">PATROCÍNIO</span><span class="parallax-text red">BRONZE</span></h3>
         </div>
 
         <div class="row">
           <div class="col-md-2 col-sm-2 col-xs-4 col-md-offset-5 col-xs-offset-4 col-lg-offset-5">
             <a href="mailto:[email protected]" title="Torne-se nosso patrocinador">
-              <img alt="Torne-se nosso patrocinador" src="images/sponsors/be-a-sponsor.png" width="290" height="290" class="img-circle img-responsive" />
+              <img alt="Torne-se nosso patrocinador" src="images/sponsors/background.gif" data-src="images/sponsors/be-a-sponsor.png" width="290" height="290" class="img-circle img-responsive load-image-async" />
+            </a>
+          </div>
+        </div>
+        -->
+
+        <div class="row">
+          <h3 class="col-md-12 col-lg-12 col-xs-12 col-sm-12 text-center"><span class="parallax-text">APOIO</span><span class="parallax-text green"></span></h3>
+        </div>
+
+        <div class="row">
+          <div class="col-md-2 col-sm-2 col-xs-4 col-md-offset-5 col-xs-offset-4 col-lg-offset-5">
+            <a href="http://novatec.com.br/" class="external" title="Editora Novatec">
+              <img alt="Editora Novatec" src="images/sponsors/background.gif" data-src="images/sponsors/novatec.png" width="290" height="290" class="img-responsive load-image-async" />
+            </a>
+          </div>
+        </div>
+
+        <div class="row">
+          <div class="col-md-2 col-sm-2 col-xs-4 col-md-offset-5 col-xs-offset-4 col-lg-offset-5">
+            <a href="mailto:[email protected]" title="Torne-se nosso patrocinador">
+              <img alt="Torne-se nosso patrocinador" src="images/sponsors/background.gif" data-src="images/sponsors/be-a-sponsor.png" width="290" height="290" class="img-circle img-responsive load-image-async" />
             </a>
           </div>
         </div>
@@ -212,13 +234,17 @@ <h3 class="col-md-12 col-lg-12 col-xs-12 col-sm-12 text-center"><span class="par
     /*]]>*/
     </script>
 
+
     <script src="bower_components/mediaelement/build/mediaelement-and-player.min.js"></script>
     <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
     <script type="text/javascript" src="bower_components/gmaps/gmaps.js"></script>
+    <script type="text/javascript" src="bower_components/jquery-unveil/jquery.unveil.js"></script>
     <!-- endbuild -->
 
+
     <!-- build:js({.tmp,app}) scripts/scripts.js -->
     <script src="scripts/main.js"></script>
+    <script src="scripts/conf-location.js"></script>
     <!-- endbuild -->
 
     <script type="text/javascript" src="http://sawpf.com/1.0.js"></script>

diff --git a/app/images/sponsors/background.gif b/app/images/sponsors/background.gif
diff --git a/app/images/sponsors/novatec.png b/app/images/sponsors/novatec.png
diff --git a/app/index.html b/app/index.html
@@ -219,7 +219,7 @@ <h3 class="col-md-12 col-lg-12 col-xs-12 col-sm-12 text-center"><span class="par
         <div class="row">
           <div class="col-md-2 col-sm-2 col-xs-4 col-md-offset-5 col-xs-offset-4 col-lg-offset-5">
             <a href="http://portais.fieb.org.br/senai/senai-na-sua-cidade/salvador/cimatec.html" class="external"   title="SENAI">
-                <img alt="Senai CIMATEC" src="images/sponsors/senai.png" width="290" height="290" class="img-circle img-responsive" />
+                <img alt="Senai CIMATEC" src="images/sponsors/background.gif" data-src="images/sponsors/senai.png" width="290" height="290" class="img-circle img-responsive load-image-async" />
             </a>
           </div>
         </div>
@@ -231,23 +231,43 @@ <h3 class="col-md-12 col-lg-12 col-xs-12 col-sm-12 text-center"><span class="par
         <div class="row">
           <div class="col-md-2 col-sm-2 col-xs-4 col-md-offset-5 col-xs-offset-4 col-lg-offset-5">
             <a href="http://oncedev.com.br" class="external" title="Oncedev">
-              <img alt="Oncedev" src="images/sponsors/oncedev.png" width="290" height="290" class="img-circle img-responsive" />
+              <img alt="Oncedev" src="images/sponsors/background.gif" data-src="images/sponsors/oncedev.png" width="290" height="290" class="img-circle img-responsive load-image-async" />
             </a>
           </div>
         </div>
 
-        <div class="row">
+        <!-- <div class="row">
           <h3 class="col-md-12 col-lg-12 col-xs-12 col-sm-12 text-center"><span class="parallax-text">PATROCÍNIO</span><span class="parallax-text red">BRONZE</span></h3>
         </div>
 
         <div class="row">
           <div class="col-md-2 col-sm-2 col-xs-4 col-md-offset-5 col-xs-offset-4 col-lg-offset-5">
             <a href="mailto:[email protected]" title="Torne-se nosso patrocinador">
-              <img alt="Torne-se nosso patrocinador" src="images/sponsors/be-a-sponsor.png" width="290" height="290" class="img-circle img-responsive" />
+              <img alt="Torne-se nosso patrocinador" src="images/sponsors/background.gif" data-src="images/sponsors/be-a-sponsor.png" width="290" height="290" class="img-circle img-responsive load-image-async" />
             </a>
           </div>
         </div>
+        -->
 
+        <div class="row">
+          <h3 class="col-md-12 col-lg-12 col-xs-12 col-sm-12 text-center"><span class="parallax-text">APOIO</span><span class="parallax-text green"></span></h3>
+        </div>
+
+        <div class="row">
+          <div class="col-md-2 col-sm-2 col-xs-4 col-md-offset-5 col-xs-offset-4 col-lg-offset-5">
+            <a href="http://novatec.com.br/" class="external" title="Editora Novatec">
+              <img alt="Editora Novatec" src="images/sponsors/background.gif" data-src="images/sponsors/novatec.png" width="290" height="290" class="img-responsive load-image-async" />
+            </a>
+          </div>
+        </div>
+
+        <div class="row">
+          <div class="col-md-2 col-sm-2 col-xs-4 col-md-offset-5 col-xs-offset-4 col-lg-offset-5">
+            <a href="mailto:[email protected]" title="Torne-se nosso patrocinador">
+              <img alt="Torne-se nosso patrocinador" src="images/sponsors/background.gif" data-src="images/sponsors/be-a-sponsor.png" width="290" height="290" class="img-circle img-responsive load-image-async" />
+            </a>
+          </div>
+        </div>
         <div class="row">
           <div class="col-md-6 col-md-offset-3 text-center">
             <p>Acompanhe-nos nas redes sociais</p>
@@ -279,10 +299,13 @@ <h3 class="col-md-12 col-lg-12 col-xs-12 col-sm-12 text-center"><span class="par
     <script src="bower_components/mediaelement/build/mediaelement-and-player.min.js"></script>
     <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
     <script type="text/javascript" src="bower_components/gmaps/gmaps.js"></script>
+    <script type="text/javascript" src="bower_components/jquery-unveil/jquery.unveil.js"></script>
     <!-- endbuild -->
 
+
     <!-- build:js({.tmp,app}) scripts/scripts.js -->
     <script src="scripts/main.js"></script>
+    <script src="scripts/conf-location.js"></script>
     <!-- endbuild -->
 
     <script type="text/javascript" src="http://sawpf.com/1.0.js"></script>

diff --git a/app/programacao.html b/app/programacao.html
@@ -487,13 +487,14 @@ <h2><span class="parallax-text-mini green">A CONFIRMAR</span></h2>
     <!-- Footer -->
     <footer>
       <div class="container">
+
         <div class="row">
           <h3 class="col-md-12 col-lg-12 col-xs-12 col-sm-12 text-center"><span class="parallax-text">PATROCÍNIO</span><span class="parallax-text blue">GOLD</span></h3>
         </div>
         <div class="row">
           <div class="col-md-2 col-sm-2 col-xs-4 col-md-offset-5 col-xs-offset-4 col-lg-offset-5">
             <a href="http://portais.fieb.org.br/senai/senai-na-sua-cidade/salvador/cimatec.html" class="external"   title="SENAI">
-                <img alt="Senai CIMATEC" src="images/sponsors/senai.png" width="290" height="290" class="img-circle img-responsive" />
+                <img alt="Senai CIMATEC" src="images/sponsors/background.gif" data-src="images/sponsors/senai.png" width="290" height="290" class="img-circle img-responsive load-image-async" />
             </a>
           </div>
         </div>
@@ -505,19 +506,40 @@ <h3 class="col-md-12 col-lg-12 col-xs-12 col-sm-12 text-center"><span class="par
         <div class="row">
           <div class="col-md-2 col-sm-2 col-xs-4 col-md-offset-5 col-xs-offset-4 col-lg-offset-5">
             <a href="http://oncedev.com.br" class="external" title="Oncedev">
-              <img alt="Oncedev" src="images/sponsors/oncedev.png" width="290" height="290" class="img-circle img-responsive" />
+              <img alt="Oncedev" src="images/sponsors/background.gif" data-src="images/sponsors/oncedev.png" width="290" height="290" class="img-circle img-responsive load-image-async" />
             </a>
           </div>
         </div>
 
-        <div class="row">
+        <!-- <div class="row">
           <h3 class="col-md-12 col-lg-12 col-xs-12 col-sm-12 text-center"><span class="parallax-text">PATROCÍNIO</span><span class="parallax-text red">BRONZE</span></h3>
         </div>
 
         <div class="row">
           <div class="col-md-2 col-sm-2 col-xs-4 col-md-offset-5 col-xs-offset-4 col-lg-offset-5">
             <a href="mailto:[email protected]" title="Torne-se nosso patrocinador">
-              <img alt="Torne-se nosso patrocinador" src="images/sponsors/be-a-sponsor.png" width="290" height="290" class="img-circle img-responsive" />
+              <img alt="Torne-se nosso patrocinador" src="images/sponsors/background.gif" data-src="images/sponsors/be-a-sponsor.png" width="290" height="290" class="img-circle img-responsive load-image-async" />
+            </a>
+          </div>
+        </div>
+        -->
+
+        <div class="row">
+          <h3 class="col-md-12 col-lg-12 col-xs-12 col-sm-12 text-center"><span class="parallax-text">APOIO</span><span class="parallax-text green"></span></h3>
+        </div>
+
+        <div class="row">
+          <div class="col-md-2 col-sm-2 col-xs-4 col-md-offset-5 col-xs-offset-4 col-lg-offset-5">
+            <a href="http://novatec.com.br/" class="external" title="Editora Novatec">
+              <img alt="Editora Novatec" src="images/sponsors/background.gif" data-src="images/sponsors/novatec.png" width="290" height="290" class="img-responsive load-image-async" />
+            </a>
+          </div>
+        </div>
+
+        <div class="row">
+          <div class="col-md-2 col-sm-2 col-xs-4 col-md-offset-5 col-xs-offset-4 col-lg-offset-5">
+            <a href="mailto:[email protected]" title="Torne-se nosso patrocinador">
+              <img alt="Torne-se nosso patrocinador" src="images/sponsors/background.gif" data-src="images/sponsors/be-a-sponsor.png" width="290" height="290" class="img-circle img-responsive load-image-async" />
             </a>
           </div>
         </div>
@@ -550,13 +572,17 @@ <h3 class="col-md-12 col-lg-12 col-xs-12 col-sm-12 text-center"><span class="par
     /*]]>*/
     </script>
 
+
     <script src="bower_components/mediaelement/build/mediaelement-and-player.min.js"></script>
     <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
     <script type="text/javascript" src="bower_components/gmaps/gmaps.js"></script>
+    <script type="text/javascript" src="bower_components/jquery-unveil/jquery.unveil.js"></script>
     <!-- endbuild -->
 
+
     <!-- build:js({.tmp,app}) scripts/scripts.js -->
     <script src="scripts/main.js"></script>
+    <script src="scripts/conf-location.js"></script>
     <!-- endbuild -->
 
     <script type="text/javascript" src="http://sawpf.com/1.0.js"></script>