1. brendanarnold
  2. WWW-MatthewRoyArnold

Commits

brendanarnold  committed 6de59b4

Added JavaScript effects the fade background image since it is held static on the page now.

  • Participants
  • Parent commits 4dba0b6
  • Branches default

Comments (0)

Files changed (21)

File v1.0/build/about.html

View file
  • Ignore whitespace
 
   
   
+
+  <div id="bg-container">
+    <div id="bg-img-container">
+      <img src="./img/hand-bg.png" />
+    </div>
+  </div>
+
   <div class="row">
     <div class="small-12 columns">
-      <div id="bg-container">
-        <div id="bg-img-container">
-          <img src="./img/hand-bg.png" />
-        </div>
-      </div>
       <div id="site-header">
         <a href="./">
           Matthew<br />
   
 
   <script>
-  document.write('<script src=./' +
-  ('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
-  '.js><\/script>')
+  //document.write('<script src=./' +
+  //('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
+  //'.js><\/script>')
   </script>
   
+  <script src="./js/vendor/jquery.js"></script>
   <script src="./js/foundation/foundation.js"></script>
   <script src="./js/foundation/foundation.interchange.js"></script>
   <script src="./js/jquery.magnific-popup.js"></script> 
+  <script src="./js/mra.js"></script>
 
-  <script>
-    // The script for the slideshow code
-    // see - http://stackoverflow.com/questions/18067062/
-    $('.slideshow-link').click(function() {
-      // Build an items list for use in Magnific Popup
-      var items = [];
-      $( $(this).attr('href') ).find('.slide').each(function() {
-        items.push(
-          { src : $(this) }
-        );
-      });
-      $.magnificPopup.open({
-        items: items,
-        gallery: {
-          enabled: true
-        }
-      });
-      // Put this in here to prevent littering the history with URL
-      // fragments - cancels the click event continuation
-      return false;
-    });
-  </script>
 
   <!--
 

File v1.0/build/acquire/corporate.html

View file
  • Ignore whitespace
 
   
   
+
+  <div id="bg-container">
+    <div id="bg-img-container">
+      <img src="../img/hand-bg.png" />
+    </div>
+  </div>
+
   <div class="row">
     <div class="small-12 columns">
-      <div id="bg-container">
-        <div id="bg-img-container">
-          <img src="../img/hand-bg.png" />
-        </div>
-      </div>
       <div id="site-header">
         <a href="../">
           Matthew<br />
   
 
   <script>
-  document.write('<script src=../' +
-  ('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
-  '.js><\/script>')
+  //document.write('<script src=../' +
+  //('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
+  //'.js><\/script>')
   </script>
   
+  <script src="../js/vendor/jquery.js"></script>
   <script src="../js/foundation/foundation.js"></script>
   <script src="../js/foundation/foundation.interchange.js"></script>
   <script src="../js/jquery.magnific-popup.js"></script> 
+  <script src="../js/mra.js"></script>
 
-  <script>
-    // The script for the slideshow code
-    // see - http://stackoverflow.com/questions/18067062/
-    $('.slideshow-link').click(function() {
-      // Build an items list for use in Magnific Popup
-      var items = [];
-      $( $(this).attr('href') ).find('.slide').each(function() {
-        items.push(
-          { src : $(this) }
-        );
-      });
-      $.magnificPopup.open({
-        items: items,
-        gallery: {
-          enabled: true
-        }
-      });
-      // Put this in here to prevent littering the history with URL
-      // fragments - cancels the click event continuation
-      return false;
-    });
-  </script>
 
   <!--
 

File v1.0/build/acquire/galleries.html

View file
  • Ignore whitespace
 
   
   
+
+  <div id="bg-container">
+    <div id="bg-img-container">
+      <img src="../img/hand-bg.png" />
+    </div>
+  </div>
+
   <div class="row">
     <div class="small-12 columns">
-      <div id="bg-container">
-        <div id="bg-img-container">
-          <img src="../img/hand-bg.png" />
-        </div>
-      </div>
       <div id="site-header">
         <a href="../">
           Matthew<br />
   
 
   <script>
-  document.write('<script src=../' +
-  ('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
-  '.js><\/script>')
+  //document.write('<script src=../' +
+  //('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
+  //'.js><\/script>')
   </script>
   
+  <script src="../js/vendor/jquery.js"></script>
   <script src="../js/foundation/foundation.js"></script>
   <script src="../js/foundation/foundation.interchange.js"></script>
   <script src="../js/jquery.magnific-popup.js"></script> 
+  <script src="../js/mra.js"></script>
 
-  <script>
-    // The script for the slideshow code
-    // see - http://stackoverflow.com/questions/18067062/
-    $('.slideshow-link').click(function() {
-      // Build an items list for use in Magnific Popup
-      var items = [];
-      $( $(this).attr('href') ).find('.slide').each(function() {
-        items.push(
-          { src : $(this) }
-        );
-      });
-      $.magnificPopup.open({
-        items: items,
-        gallery: {
-          enabled: true
-        }
-      });
-      // Put this in here to prevent littering the history with URL
-      // fragments - cancels the click event continuation
-      return false;
-    });
-  </script>
 
   <!--
 

File v1.0/build/acquire/index.html

View file
  • Ignore whitespace
 
   
   
+
+  <div id="bg-container">
+    <div id="bg-img-container">
+      <img src="../img/hand-bg.png" />
+    </div>
+  </div>
+
   <div class="row">
     <div class="small-12 columns">
-      <div id="bg-container">
-        <div id="bg-img-container">
-          <img src="../img/hand-bg.png" />
-        </div>
-      </div>
       <div id="site-header">
         <a href="../">
           Matthew<br />
   
 
   <script>
-  document.write('<script src=../' +
-  ('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
-  '.js><\/script>')
+  //document.write('<script src=../' +
+  //('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
+  //'.js><\/script>')
   </script>
   
+  <script src="../js/vendor/jquery.js"></script>
   <script src="../js/foundation/foundation.js"></script>
   <script src="../js/foundation/foundation.interchange.js"></script>
   <script src="../js/jquery.magnific-popup.js"></script> 
+  <script src="../js/mra.js"></script>
 
-  <script>
-    // The script for the slideshow code
-    // see - http://stackoverflow.com/questions/18067062/
-    $('.slideshow-link').click(function() {
-      // Build an items list for use in Magnific Popup
-      var items = [];
-      $( $(this).attr('href') ).find('.slide').each(function() {
-        items.push(
-          { src : $(this) }
-        );
-      });
-      $.magnificPopup.open({
-        items: items,
-        gallery: {
-          enabled: true
-        }
-      });
-      // Put this in here to prevent littering the history with URL
-      // fragments - cancels the click event continuation
-      return false;
-    });
-  </script>
 
   <!--
 

File v1.0/build/acquire/individual.html

View file
  • Ignore whitespace
 
   
   
+
+  <div id="bg-container">
+    <div id="bg-img-container">
+      <img src="../img/hand-bg.png" />
+    </div>
+  </div>
+
   <div class="row">
     <div class="small-12 columns">
-      <div id="bg-container">
-        <div id="bg-img-container">
-          <img src="../img/hand-bg.png" />
-        </div>
-      </div>
       <div id="site-header">
         <a href="../">
           Matthew<br />
   
 
   <script>
-  document.write('<script src=../' +
-  ('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
-  '.js><\/script>')
+  //document.write('<script src=../' +
+  //('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
+  //'.js><\/script>')
   </script>
   
+  <script src="../js/vendor/jquery.js"></script>
   <script src="../js/foundation/foundation.js"></script>
   <script src="../js/foundation/foundation.interchange.js"></script>
   <script src="../js/jquery.magnific-popup.js"></script> 
+  <script src="../js/mra.js"></script>
 
-  <script>
-    // The script for the slideshow code
-    // see - http://stackoverflow.com/questions/18067062/
-    $('.slideshow-link').click(function() {
-      // Build an items list for use in Magnific Popup
-      var items = [];
-      $( $(this).attr('href') ).find('.slide').each(function() {
-        items.push(
-          { src : $(this) }
-        );
-      });
-      $.magnificPopup.open({
-        items: items,
-        gallery: {
-          enabled: true
-        }
-      });
-      // Put this in here to prevent littering the history with URL
-      // fragments - cancels the click event continuation
-      return false;
-    });
-  </script>
 
   <!--
 

File v1.0/build/css/mra_compiled.css

View file
  • Ignore whitespace
-p{font-family:Open Sans, sans-serif;font-weight:400;font-size:1em;line-height:1.6;color:#433735;margin:0 0 20px 0}a{text-decoration:none}h2{font-family:Open Sans, sans-serif;font-weight:400;font-size:1em;line-height:1.6;color:#433735;display:inline-block;font-size:1.75em;line-height:1em;margin:20px 0 20px 0}h1{font-family:Open Sans, sans-serif;text-transform:uppercase;font-weight:300;line-height:.9;color:#433735;font-size:5.75em;margin:10px 0 3px 0;padding:0 0 10px 0;max-width:100%;position:relative;border-bottom:1px solid #433735;display:inline-block}@media only screen and (max-width: 768px){h1{font-size:4em}}h1#index-site-header{margin:20px 0 3px 0}table{font-family:Open Sans, sans-serif;font-weight:400;font-size:1em;line-height:1.6;color:#433735}table th{font-weight:300;text-transform:uppercase}ol,ul{font-family:Open Sans, sans-serif;font-weight:400;font-size:1em;line-height:1.6;color:#433735;list-style-position:inside;padding-left:0}ol.nodecoration,ul.nodecoration{list-style-type:none}address{font-family:Open Sans, sans-serif;font-weight:400;font-size:1em;line-height:1.6;color:#433735;line-height:1.3;font-style:normal;margin:0 0 20px 20px}.columns > :first-child{margin-top:0}.bottom-gutter{margin-bottom:40px}#site-header{font-family:Open Sans, sans-serif;text-transform:uppercase;font-weight:300;line-height:.9;color:#433735;font-size:3.9em;margin:20px 0 20px 0;position:relative}#site-header a{color:#433735}@media only screen and (max-width: 768px){#site-header{font-size:3em}}.breadcrumb-container,.page-type-header{font-family:Open Sans, sans-serif;font-weight:400;font-size:1em;line-height:1.6;color:#433735;font-size:1.375em;text-transform:uppercase;margin:0 0 40px 0;font-weight:400;display:inline-block}@media only screen and (max-width: 768px){.breadcrumb-container,.page-type-header{font-size:1.1875em}}div.nav-container div.nav{font-family:Open Sans, sans-serif;font-weight:400;font-size:1em;line-height:1.6;color:#433735;margin:0 0 10px 0;background:#000;position:relative}div.nav-container div.nav a:hover img{opacity:.7}div.nav-container div.nav span{display:block;width:100%;color:#fff;font-size:2.625em;position:absolute;top:0;left:0;opacity:.8;line-height:1.5em;margin:0 15px 0 15px}@media only screen and (max-width: 768px){div.nav-container div.nav span{line-height:1.3;font-size:1.6em;font-weight:600;margin:0 5px 0 5px}}div.nav-container div.nav img{width:100%;border-width:0;position:relative;opacity:.95}div.nav-container div.nav #artspaceforsale-btn-ad-container{width:468px;height:60px;border:1px solid #00f;position:absolute;top:35%;left:8px}@media only screen and (max-width: 768px){div.nav-container div.nav #artspaceforsale-btn-ad-container{left:-6px}}div.nav-container p.nav-caption{margin:0 5px 0 0;line-height:1.4em}#sign-off{font-family:Open Sans, sans-serif;font-weight:400;font-size:1em;line-height:1.6;color:#433735;font-size:1.375em;text-align:right;border-bottom:1px solid #433735;margin:0 0 40px 0;padding:0 0 10px 0}@media only screen and (max-width: 768px){#sign-off{font-size:1.1875em}}@media only screen and (max-width: 768px){#sign-off img{width:54px;height:51px}}#bg-container{position:relative}#bg-container #bg-img-container{position:absolute;right:-96px;top:-190px}.slide-normal{position:relative;background:#fff;padding:40px 1% 20px 1%;max-width:100%;width:1000px;margin:20px auto}.slide-normal .slide-img-container{text-align:center;margin-bottom:10px}.slide-normal .slide-img-container img{width:100%}.slide-normal .slide-placard .slide-placard-title{text-transform:uppercase;margin-bottom:0;margin-top:0}.slide-normal .slide-placard .slide-placard-subtitle{margin:0}.slide-normal .slide-placard .slide-placard-price{margin:0}.slide-normal .slide-placard .spacer{margin-bottom:10px}.slide-narrow{position:relative;background:#fff;padding:40px 1% 20px 1%;max-width:100%;width:600px;margin:20px auto}.slide-narrow .slide-img-container{text-align:center;margin-bottom:10px}.slide-narrow .slide-img-container img{width:100%}.slide-narrow .slide-placard .slide-placard-title{text-transform:uppercase;margin-bottom:0;margin-top:0}.slide-narrow .slide-placard .slide-placard-subtitle{margin:0}.slide-narrow .slide-placard .slide-placard-price{margin:0}.slide-narrow .slide-placard .spacer{margin-bottom:10px}.signed{font-family:Open Sans, sans-serif;font-weight:400;font-size:1em;line-height:1.6;color:#433735;margin-top:20px;font-size:1.375em}@media only screen and (max-width: 768px){.signed{font-size:1.1875em}}.article-meta-container{font-family:Open Sans, sans-serif;font-weight:400;font-size:1em;line-height:1.6;color:#433735;font-size:1.375em;margin-bottom:40px}@media only screen and (max-width: 768px){.article-meta-container{font-size:1.1875em}}.figure-left{max-width:100%;margin-right:10px;float:left}.figure-left img{max-width:100%}@media only screen and (max-width: 481px){.figure-left img{width:100%}}.figure-left .figure-caption{margin-bottom:10px;font-weight:600}@media only screen and (max-width: 481px){.figure-left{width:100%;margin:0}}.figure-right{max-width:100%;margin-left:10px;margin-right:10px;float:right}.figure-right img{max-width:100%}@media only screen and (max-width: 481px){.figure-right img{width:100%}}.figure-right .figure-caption{margin-bottom:10px;font-weight:600}@media only screen and (max-width: 481px){.figure-right{width:100%;margin:0}}div.clear{clear:both}.slideshow-launcher{font-family:Open Sans, sans-serif;font-weight:400;font-size:1em;line-height:1.6;color:#433735;border:1px solid #433735;padding:5px;display:inline-block;margin-bottom:20px}.available-ideas table{font-family:Open Sans, sans-serif;font-weight:400;font-size:1em;line-height:1.6;color:#433735;margin:0 0 20px 0}.available-ideas table .label{vertical-align:top;text-transform:uppercase;padding-right:20px}.artspaceforsale-btn{width:100%;height:0;padding-bottom:50%;position:relative}.artspaceforsale-banner-advert-container{padding:40px 10px 40px 10px}.artspaceforsale-banner-advert-container .ad-container{border:1px solid #00f;margin:auto 0}.artspaceforsale-advert{padding:80px 10px 160px 10px}.artspaceforsale-advert p{text-align:center}.artspaceforsale-advert .header{text-transform:uppercase}.artspaceforsale-others-container{padding:80px 10px 160px 10px}.artspaceforsale-others-container ul{margin:0 auto 0 auto;list-style-type:none}.artspaceforsale-others-container ul li{display:inline-block}
+p{font-family:Open Sans, sans-serif;font-weight:400;font-size:1em;line-height:1.6;color:#433735;margin:0 0 20px 0}a{text-decoration:none}h2{font-family:Open Sans, sans-serif;font-weight:400;font-size:1em;line-height:1.6;color:#433735;display:inline-block;font-size:1.75em;line-height:1em;margin:20px 0 20px 0}h1{font-family:Open Sans, sans-serif;text-transform:uppercase;font-weight:300;line-height:.9;color:#433735;font-size:5.75em;margin:10px 0 3px 0;padding:0 0 10px 0;max-width:100%;position:relative;border-bottom:1px solid #433735;display:inline-block}@media only screen and (max-width: 768px){h1{font-size:4em}}h1#index-site-header{margin:20px 0 3px 0}table{font-family:Open Sans, sans-serif;font-weight:400;font-size:1em;line-height:1.6;color:#433735}table th{font-weight:300;text-transform:uppercase}ol,ul{font-family:Open Sans, sans-serif;font-weight:400;font-size:1em;line-height:1.6;color:#433735;list-style-position:inside;padding-left:0}ol.nodecoration,ul.nodecoration{list-style-type:none}address{font-family:Open Sans, sans-serif;font-weight:400;font-size:1em;line-height:1.6;color:#433735;line-height:1.3;font-style:normal;margin:0 0 20px 20px}.columns > :first-child{margin-top:0}.bottom-gutter{margin-bottom:40px}#site-header{font-family:Open Sans, sans-serif;text-transform:uppercase;font-weight:300;line-height:.9;color:#433735;font-size:3.9em;margin:20px 0 20px 0;position:relative}#site-header a{color:#433735}@media only screen and (max-width: 768px){#site-header{font-size:3em}}.breadcrumb-container,.page-type-header{font-family:Open Sans, sans-serif;font-weight:400;font-size:1em;line-height:1.6;color:#433735;font-size:1.375em;text-transform:uppercase;margin:0 0 40px 0;font-weight:400;display:inline-block}@media only screen and (max-width: 768px){.breadcrumb-container,.page-type-header{font-size:1.1875em}}div.nav-container div.nav{font-family:Open Sans, sans-serif;font-weight:400;font-size:1em;line-height:1.6;color:#433735;margin:0 0 10px 0;background:#000;position:relative}div.nav-container div.nav span{display:block;width:100%;color:#fff;font-size:2.625em;position:absolute;top:0;left:0;opacity:.8;line-height:1.5em;padding:0 15px 0 15px}@media only screen and (max-width: 768px){div.nav-container div.nav span{line-height:1.3;font-size:1.6em;font-weight:600;padding:0 5px 0 5px}}div.nav-container div.nav img{width:100%;border-width:0;position:relative;opacity:.95}div.nav-container div.nav #artspaceforsale-btn-ad-container{width:468px;height:60px;border:1px solid #00f;position:absolute;top:35%;left:8px}@media only screen and (max-width: 768px){div.nav-container div.nav #artspaceforsale-btn-ad-container{left:-6px}}div.nav-container p.nav-caption{margin:0 5px 0 0;line-height:1.4em}#sign-off{font-family:Open Sans, sans-serif;font-weight:400;font-size:1em;line-height:1.6;color:#433735;font-size:1.375em;text-align:right;border-bottom:1px solid #433735;margin:0 0 40px 0;padding:0 0 10px 0}@media only screen and (max-width: 768px){#sign-off{font-size:1.1875em}}@media only screen and (max-width: 768px){#sign-off img{width:54px;height:51px}}#bg-container{visibility:hidden;position:fixed;top:-150px;left:0;overflow:visible}#bg-container #bg-img-container{overflow:visible}#bg-container #bg-img-container img{max-width:none}.slide-normal{position:relative;background:#fff;padding:40px 1% 20px 1%;max-width:100%;width:1000px;margin:20px auto}.slide-normal .slide-img-container{text-align:center;margin-bottom:10px}.slide-normal .slide-img-container img{width:100%}.slide-normal .slide-placard .slide-placard-title{text-transform:uppercase;margin-bottom:0;margin-top:0}.slide-normal .slide-placard .slide-placard-subtitle{margin:0}.slide-normal .slide-placard .slide-placard-price{margin:0}.slide-normal .slide-placard .spacer{margin-bottom:10px}.slide-narrow{position:relative;background:#fff;padding:40px 1% 20px 1%;max-width:100%;width:600px;margin:20px auto}.slide-narrow .slide-img-container{text-align:center;margin-bottom:10px}.slide-narrow .slide-img-container img{width:100%}.slide-narrow .slide-placard .slide-placard-title{text-transform:uppercase;margin-bottom:0;margin-top:0}.slide-narrow .slide-placard .slide-placard-subtitle{margin:0}.slide-narrow .slide-placard .slide-placard-price{margin:0}.slide-narrow .slide-placard .spacer{margin-bottom:10px}.signed{font-family:Open Sans, sans-serif;font-weight:400;font-size:1em;line-height:1.6;color:#433735;margin-top:20px;font-size:1.375em}@media only screen and (max-width: 768px){.signed{font-size:1.1875em}}.article-meta-container{font-family:Open Sans, sans-serif;font-weight:400;font-size:1em;line-height:1.6;color:#433735;font-size:1.375em;margin-bottom:40px}@media only screen and (max-width: 768px){.article-meta-container{font-size:1.1875em}}.figure-left{max-width:100%;margin-right:10px;float:left}.figure-left img{max-width:100%}@media only screen and (max-width: 481px){.figure-left img{width:100%}}.figure-left .figure-caption{margin-bottom:10px;font-weight:600}@media only screen and (max-width: 481px){.figure-left{width:100%;margin:0}}.figure-right{max-width:100%;margin-left:10px;margin-right:10px;float:right}.figure-right img{max-width:100%}@media only screen and (max-width: 481px){.figure-right img{width:100%}}.figure-right .figure-caption{margin-bottom:10px;font-weight:600}@media only screen and (max-width: 481px){.figure-right{width:100%;margin:0}}div.clear{clear:both}.slideshow-launcher{font-family:Open Sans, sans-serif;font-weight:400;font-size:1em;line-height:1.6;color:#433735;border:1px solid #433735;padding:5px;display:inline-block;margin-bottom:20px}.available-ideas table{font-family:Open Sans, sans-serif;font-weight:400;font-size:1em;line-height:1.6;color:#433735;margin:0 0 20px 0}.available-ideas table .label{vertical-align:top;text-transform:uppercase;padding-right:20px}.artspaceforsale-btn{width:100%;height:0;padding-bottom:50%;position:relative}.artspaceforsale-banner-advert-container{padding:40px 10px 40px 10px}.artspaceforsale-banner-advert-container .ad-container{border:1px solid #00f;margin:auto 0}.artspaceforsale-advert{padding:80px 10px 160px 10px}.artspaceforsale-advert p{text-align:center}.artspaceforsale-advert .header{text-transform:uppercase}.artspaceforsale-others-container{padding:80px 10px 160px 10px}.artspaceforsale-others-container ul{margin:0 auto 0 auto;list-style-type:none}.artspaceforsale-others-container ul li{display:inline-block}

File v1.0/build/exhibitions/artspaceforsale.html

View file
  • Ignore whitespace
 
   
   
+
+  <div id="bg-container">
+    <div id="bg-img-container">
+      <img src="../img/hand-bg.png" />
+    </div>
+  </div>
+
   <div class="row">
     <div class="small-12 columns">
-      <div id="bg-container">
-        <div id="bg-img-container">
-          <img src="../img/hand-bg.png" />
-        </div>
-      </div>
       <div id="site-header">
         <a href="../">
           Matthew<br />
   
 
   <script>
-  document.write('<script src=../' +
-  ('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
-  '.js><\/script>')
+  //document.write('<script src=../' +
+  //('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
+  //'.js><\/script>')
   </script>
   
+  <script src="../js/vendor/jquery.js"></script>
   <script src="../js/foundation/foundation.js"></script>
   <script src="../js/foundation/foundation.interchange.js"></script>
   <script src="../js/jquery.magnific-popup.js"></script> 
+  <script src="../js/mra.js"></script>
 
-  <script>
-    // The script for the slideshow code
-    // see - http://stackoverflow.com/questions/18067062/
-    $('.slideshow-link').click(function() {
-      // Build an items list for use in Magnific Popup
-      var items = [];
-      $( $(this).attr('href') ).find('.slide').each(function() {
-        items.push(
-          { src : $(this) }
-        );
-      });
-      $.magnificPopup.open({
-        items: items,
-        gallery: {
-          enabled: true
-        }
-      });
-      // Put this in here to prevent littering the history with URL
-      // fragments - cancels the click event continuation
-      return false;
-    });
-  </script>
 
   <!--
 

File v1.0/build/exhibitions/index.html

View file
  • Ignore whitespace
 
   
   
+
+  <div id="bg-container">
+    <div id="bg-img-container">
+      <img src="../img/hand-bg.png" />
+    </div>
+  </div>
+
   <div class="row">
     <div class="small-12 columns">
-      <div id="bg-container">
-        <div id="bg-img-container">
-          <img src="../img/hand-bg.png" />
-        </div>
-      </div>
       <div id="site-header">
         <a href="../">
           Matthew<br />
   
 
   <script>
-  document.write('<script src=../' +
-  ('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
-  '.js><\/script>')
+  //document.write('<script src=../' +
+  //('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
+  //'.js><\/script>')
   </script>
   
+  <script src="../js/vendor/jquery.js"></script>
   <script src="../js/foundation/foundation.js"></script>
   <script src="../js/foundation/foundation.interchange.js"></script>
   <script src="../js/jquery.magnific-popup.js"></script> 
+  <script src="../js/mra.js"></script>
 
-  <script>
-    // The script for the slideshow code
-    // see - http://stackoverflow.com/questions/18067062/
-    $('.slideshow-link').click(function() {
-      // Build an items list for use in Magnific Popup
-      var items = [];
-      $( $(this).attr('href') ).find('.slide').each(function() {
-        items.push(
-          { src : $(this) }
-        );
-      });
-      $.magnificPopup.open({
-        items: items,
-        gallery: {
-          enabled: true
-        }
-      });
-      // Put this in here to prevent littering the history with URL
-      // fragments - cancels the click event continuation
-      return false;
-    });
-  </script>
 
   <!--
 

File v1.0/build/exhibitions/work.html

View file
  • Ignore whitespace
 
   
 
+
+  <div id="bg-container">
+    <div id="bg-img-container">
+      <img src="../img/hand-bg.png" />
+    </div>
+  </div>
+
   <div class="row">
     <div class="small-12 columns">
-      <div id="bg-container">
-        <div id="bg-img-container">
-          <img src="../img/hand-bg.png" />
-        </div>
-      </div>
       <div id="site-header">
         <a href="../">
           Matthew<br />
   
 
   <script>
-  document.write('<script src=../' +
-  ('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
-  '.js><\/script>')
+  //document.write('<script src=../' +
+  //('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
+  //'.js><\/script>')
   </script>
   
+  <script src="../js/vendor/jquery.js"></script>
   <script src="../js/foundation/foundation.js"></script>
   <script src="../js/foundation/foundation.interchange.js"></script>
   <script src="../js/jquery.magnific-popup.js"></script> 
+  <script src="../js/mra.js"></script>
 
-  <script>
-    // The script for the slideshow code
-    // see - http://stackoverflow.com/questions/18067062/
-    $('.slideshow-link').click(function() {
-      // Build an items list for use in Magnific Popup
-      var items = [];
-      $( $(this).attr('href') ).find('.slide').each(function() {
-        items.push(
-          { src : $(this) }
-        );
-      });
-      $.magnificPopup.open({
-        items: items,
-        gallery: {
-          enabled: true
-        }
-      });
-      // Put this in here to prevent littering the history with URL
-      // fragments - cancels the click event continuation
-      return false;
-    });
-  </script>
 
   <!--
 

File v1.0/build/index.html

View file
  • Ignore whitespace
 <body >
 
   
+
+  <div id="bg-container">
+    <div id="bg-img-container">
+      <img src="./img/hand-bg.png" />
+    </div>
+  </div>
+
   <div class="row">
     <div class="small-12 columns">
-      <div id="bg-container">
-        <div id="bg-img-container">
-          <img src="./img/hand-bg.png" />
-        </div>
-      </div>
       <h1 id="index-site-header">
         MATTHEW<br />ROY<br />ARNOLD
       </h1>
   
 
   <script>
-  document.write('<script src=./' +
-  ('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
-  '.js><\/script>')
+  //document.write('<script src=./' +
+  //('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
+  //'.js><\/script>')
   </script>
   
+  <script src="./js/vendor/jquery.js"></script>
   <script src="./js/foundation/foundation.js"></script>
   <script src="./js/foundation/foundation.interchange.js"></script>
   <script src="./js/jquery.magnific-popup.js"></script> 
+  <script src="./js/mra.js"></script>
 
-  <script>
-    // The script for the slideshow code
-    // see - http://stackoverflow.com/questions/18067062/
-    $('.slideshow-link').click(function() {
-      // Build an items list for use in Magnific Popup
-      var items = [];
-      $( $(this).attr('href') ).find('.slide').each(function() {
-        items.push(
-          { src : $(this) }
-        );
-      });
-      $.magnificPopup.open({
-        items: items,
-        gallery: {
-          enabled: true
-        }
-      });
-      // Put this in here to prevent littering the history with URL
-      // fragments - cancels the click event continuation
-      return false;
-    });
-  </script>
 
   <!--
 

File v1.0/build/js/mra.js

View file
  • Ignore whitespace
+$(document).ready(function() {
+  
+  // The script for the slideshow code
+  // see - http://stackoverflow.com/questions/18067062/
+  $('.slideshow-link').click(function() {
+    // Build an items list for use in Magnific Popup
+    var items = [];
+    $( $(this).attr('href') ).find('.slide').each(function() {
+      items.push(
+        { src : $(this) }
+      );
+    });
+    $.magnificPopup.open({
+      items: items,
+      gallery: {
+        enabled: true
+      }
+    });
+    // Put this in here to prevent littering the history with URL
+    // fragments - cancels the click event continuation
+    return false;
+  });
+
+  // The script for positioning the background image flush to the right
+  // of the main content container
+  positionBgImgContainer();
+  $(window).resize(function() {
+    positionBgImgContainer();
+  });
+  function positionBgImgContainer() {
+    var left = $('.row').offset().left + $('.row').width();
+    $('#bg-container').css({'left': left - 400 + 'px', 'visibility': 'visible'});
+  }
+
+  // Set a behaviour so the opacity is decreaed when scrolling down to
+  // allow reading of overlaid text
+  setBGOpacity();
+  $(window).scroll(setBGOpacity);
+  $(window).resize(setBGOpacity);
+  function setBGOpacity() {
+    var pxFromTop = $(window).scrollTop();
+    var fadeTo = 0.5;
+    var vertPxTilFaded = 200;
+    var opacity = (pxFromTop > vertPxTilFaded) ? fadeTo : 1 - fadeTo * (pxFromTop / vertPxTilFaded);
+    $('#bg-container').css({'opacity': opacity});
+  }
+
+  // Put a smoother fade effect when hovering over the links
+  $('.nav > a').mouseenter(function() {
+      $(this).find('img').fadeTo(100, 0.7);
+  })
+  .mouseleave(function() {
+      $(this).find('img').fadeTo(100, 1);
+  });
+
+});

File v1.0/build/works/apparitions.html

View file
  • Ignore whitespace
 
   
   
+
+  <div id="bg-container">
+    <div id="bg-img-container">
+      <img src="../img/hand-bg.png" />
+    </div>
+  </div>
+
   <div class="row">
     <div class="small-12 columns">
-      <div id="bg-container">
-        <div id="bg-img-container">
-          <img src="../img/hand-bg.png" />
-        </div>
-      </div>
       <div id="site-header">
         <a href="../">
           Matthew<br />
   
 
   <script>
-  document.write('<script src=../' +
-  ('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
-  '.js><\/script>')
+  //document.write('<script src=../' +
+  //('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
+  //'.js><\/script>')
   </script>
   
+  <script src="../js/vendor/jquery.js"></script>
   <script src="../js/foundation/foundation.js"></script>
   <script src="../js/foundation/foundation.interchange.js"></script>
   <script src="../js/jquery.magnific-popup.js"></script> 
+  <script src="../js/mra.js"></script>
 
-  <script>
-    // The script for the slideshow code
-    // see - http://stackoverflow.com/questions/18067062/
-    $('.slideshow-link').click(function() {
-      // Build an items list for use in Magnific Popup
-      var items = [];
-      $( $(this).attr('href') ).find('.slide').each(function() {
-        items.push(
-          { src : $(this) }
-        );
-      });
-      $.magnificPopup.open({
-        items: items,
-        gallery: {
-          enabled: true
-        }
-      });
-      // Put this in here to prevent littering the history with URL
-      // fragments - cancels the click event continuation
-      return false;
-    });
-  </script>
 
   <!--
 

File v1.0/build/works/artideasforsale.html

View file
  • Ignore whitespace
 
   
   
+
+  <div id="bg-container">
+    <div id="bg-img-container">
+      <img src="../img/hand-bg.png" />
+    </div>
+  </div>
+
   <div class="row">
     <div class="small-12 columns">
-      <div id="bg-container">
-        <div id="bg-img-container">
-          <img src="../img/hand-bg.png" />
-        </div>
-      </div>
       <div id="site-header">
         <a href="../">
           Matthew<br />
   
 
   <script>
-  document.write('<script src=../' +
-  ('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
-  '.js><\/script>')
+  //document.write('<script src=../' +
+  //('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
+  //'.js><\/script>')
   </script>
   
+  <script src="../js/vendor/jquery.js"></script>
   <script src="../js/foundation/foundation.js"></script>
   <script src="../js/foundation/foundation.interchange.js"></script>
   <script src="../js/jquery.magnific-popup.js"></script> 
+  <script src="../js/mra.js"></script>
 
-  <script>
-    // The script for the slideshow code
-    // see - http://stackoverflow.com/questions/18067062/
-    $('.slideshow-link').click(function() {
-      // Build an items list for use in Magnific Popup
-      var items = [];
-      $( $(this).attr('href') ).find('.slide').each(function() {
-        items.push(
-          { src : $(this) }
-        );
-      });
-      $.magnificPopup.open({
-        items: items,
-        gallery: {
-          enabled: true
-        }
-      });
-      // Put this in here to prevent littering the history with URL
-      // fragments - cancels the click event continuation
-      return false;
-    });
-  </script>
 
   <!--
 

File v1.0/build/works/index.html

View file
  • Ignore whitespace
 
   
   
+
+  <div id="bg-container">
+    <div id="bg-img-container">
+      <img src="../img/hand-bg.png" />
+    </div>
+  </div>
+
   <div class="row">
     <div class="small-12 columns">
-      <div id="bg-container">
-        <div id="bg-img-container">
-          <img src="../img/hand-bg.png" />
-        </div>
-      </div>
       <div id="site-header">
         <a href="../">
           Matthew<br />
   
 
   <script>
-  document.write('<script src=../' +
-  ('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
-  '.js><\/script>')
+  //document.write('<script src=../' +
+  //('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
+  //'.js><\/script>')
   </script>
   
+  <script src="../js/vendor/jquery.js"></script>
   <script src="../js/foundation/foundation.js"></script>
   <script src="../js/foundation/foundation.interchange.js"></script>
   <script src="../js/jquery.magnific-popup.js"></script> 
+  <script src="../js/mra.js"></script>
 
-  <script>
-    // The script for the slideshow code
-    // see - http://stackoverflow.com/questions/18067062/
-    $('.slideshow-link').click(function() {
-      // Build an items list for use in Magnific Popup
-      var items = [];
-      $( $(this).attr('href') ).find('.slide').each(function() {
-        items.push(
-          { src : $(this) }
-        );
-      });
-      $.magnificPopup.open({
-        items: items,
-        gallery: {
-          enabled: true
-        }
-      });
-      // Put this in here to prevent littering the history with URL
-      // fragments - cancels the click event continuation
-      return false;
-    });
-  </script>
 
   <!--
 

File v1.0/build/works/misc.html

View file
  • Ignore whitespace
 
   
   
+
+  <div id="bg-container">
+    <div id="bg-img-container">
+      <img src="../img/hand-bg.png" />
+    </div>
+  </div>
+
   <div class="row">
     <div class="small-12 columns">
-      <div id="bg-container">
-        <div id="bg-img-container">
-          <img src="../img/hand-bg.png" />
-        </div>
-      </div>
       <div id="site-header">
         <a href="../">
           Matthew<br />
   
 
   <script>
-  document.write('<script src=../' +
-  ('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
-  '.js><\/script>')
+  //document.write('<script src=../' +
+  //('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
+  //'.js><\/script>')
   </script>
   
+  <script src="../js/vendor/jquery.js"></script>
   <script src="../js/foundation/foundation.js"></script>
   <script src="../js/foundation/foundation.interchange.js"></script>
   <script src="../js/jquery.magnific-popup.js"></script> 
+  <script src="../js/mra.js"></script>
 
-  <script>
-    // The script for the slideshow code
-    // see - http://stackoverflow.com/questions/18067062/
-    $('.slideshow-link').click(function() {
-      // Build an items list for use in Magnific Popup
-      var items = [];
-      $( $(this).attr('href') ).find('.slide').each(function() {
-        items.push(
-          { src : $(this) }
-        );
-      });
-      $.magnificPopup.open({
-        items: items,
-        gallery: {
-          enabled: true
-        }
-      });
-      // Put this in here to prevent littering the history with URL
-      // fragments - cancels the click event continuation
-      return false;
-    });
-  </script>
 
   <!--
 

File v1.0/resources/facebook_btn.svg

View file
  • Ignore whitespace
Old
Old image
New
New image

File v1.0/static/js/mra.js

View file
  • Ignore whitespace
+$(document).ready(function() {
+  
+  // The script for the slideshow code
+  // see - http://stackoverflow.com/questions/18067062/
+  $('.slideshow-link').click(function() {
+    // Build an items list for use in Magnific Popup
+    var items = [];
+    $( $(this).attr('href') ).find('.slide').each(function() {
+      items.push(
+        { src : $(this) }
+      );
+    });
+    $.magnificPopup.open({
+      items: items,
+      gallery: {
+        enabled: true
+      }
+    });
+    // Put this in here to prevent littering the history with URL
+    // fragments - cancels the click event continuation
+    return false;
+  });
+
+  // The script for positioning the background image flush to the right
+  // of the main content container
+  positionBgImgContainer();
+  $(window).resize(function() {
+    positionBgImgContainer();
+  });
+  function positionBgImgContainer() {
+    var left = $('.row').offset().left + $('.row').width();
+    $('#bg-container').css({'left': left - 400 + 'px', 'visibility': 'visible'});
+  }
+
+  // Set a behaviour so the opacity is decreaed when scrolling down to
+  // allow reading of overlaid text
+  setBGOpacity();
+  $(window).scroll(setBGOpacity);
+  $(window).resize(setBGOpacity);
+  function setBGOpacity() {
+    var pxFromTop = $(window).scrollTop();
+    var fadeTo = 0.5;
+    var vertPxTilFaded = 200;
+    var opacity = (pxFromTop > vertPxTilFaded) ? fadeTo : 1 - fadeTo * (pxFromTop / vertPxTilFaded);
+    $('#bg-container').css({'opacity': opacity});
+  }
+
+  // Put a smoother fade effect when hovering over the links
+  $('.nav > a').mouseenter(function() {
+      $(this).find('img').fadeTo(100, 0.7);
+  })
+  .mouseleave(function() {
+      $(this).find('img').fadeTo(100, 1);
+  });
+
+});

File v1.0/templates/base_templates/desktop_web.tmpl

View file
  • Ignore whitespace
   {% endblock %}
 
   <script>
-  document.write('<script src={{ root_path }}' +
-  ('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
-  '.js><\/script>')
+  //document.write('<script src={{ root_path }}' +
+  //('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
+  //'.js><\/script>')
   </script>
   
+  <script src="{{ root_path }}js/vendor/jquery.js"></script>
   <script src="{{ root_path }}js/foundation/foundation.js"></script>
   <script src="{{ root_path }}js/foundation/foundation.interchange.js"></script>
   <script src="{{ root_path }}js/jquery.magnific-popup.js"></script> 
+  <script src="{{ root_path }}js/mra.js"></script>
 
-  <script>
-    // The script for the slideshow code
-    // see - http://stackoverflow.com/questions/18067062/
-    $('.slideshow-link').click(function() {
-      // Build an items list for use in Magnific Popup
-      var items = [];
-      $( $(this).attr('href') ).find('.slide').each(function() {
-        items.push(
-          { src : $(this) }
-        );
-      });
-      $.magnificPopup.open({
-        items: items,
-        gallery: {
-          enabled: true
-        }
-      });
-      // Put this in here to prevent littering the history with URL
-      // fragments - cancels the click event continuation
-      return false;
-    });
-  </script>
 
   <!--
 

File v1.0/templates/base_templates/macros.tmpl

View file
  • Ignore whitespace
 {% endmacro %}
 
 {% macro standard_header(title='') %}
+
+  <div id="bg-container">
+    <div id="bg-img-container">
+      <img src="{{ root_path }}img/hand-bg.png" />
+    </div>
+  </div>
+
   <div class="row">
     <div class="small-12 columns">
-      <div id="bg-container">
-        <div id="bg-img-container">
-          <img src="{{ root_path }}img/hand-bg.png" />
-        </div>
-      </div>
       <div id="site-header">
         <a href="{{ root_path }}">
           Matthew<br />

File v1.0/templates/css/main.scss

View file
  • Ignore whitespace
     margin: 0px 0px $gutter_small 0px;
     background: black;
     position: relative;
-    a:hover {
-      img {
-        opacity: 0.7;
-      }
-    }
+    // a:hover {
+    //   img {
+    //     opacity: 0.7;
+    //   }
+    // }
     // This span is the overlaid title
     span {
       display: block;
       left: 0px;
       opacity: 0.8;
       line-height: 1.5em;
-      margin: 0px 15px 0px 15px;
+      padding: 0px 15px 0px 15px;
       @media only screen and (max-width: 768px) {
         line-height: 1.3;
         font-size: 1.6em;
         font-weight: 600;
-        margin: 0px 5px 0px 5px;
+        padding: 0px 5px 0px 5px;
       }
     }
     img {
 
 // The container for the background hand image
 #bg-container {
-  position: relative;
+  // position: relative;
+  visibility: hidden;
+  position: fixed;
+  top: -150px;
+  left: 0px;
+  overflow: visible;
+  // opacity: 0.5;
   #bg-img-container {
-    position: absolute;
-    right: -96px;
-    top: -190px;
+    overflow: visible;
+    img {
+      max-width: none;
+    } 
+    // position: absolute;
+    // right: -96px;
+    // top: -190px;
   }
 }
 

File v1.0/templates/www/index.tmpl

View file
  • Ignore whitespace
 
 
 {% block header %}
+
+  <div id="bg-container">
+    <div id="bg-img-container">
+      <img src="{{ root_path }}img/hand-bg.png" />
+    </div>
+  </div>
+
   <div class="row">
     <div class="small-12 columns">
-      <div id="bg-container">
-        <div id="bg-img-container">
-          <img src="{{ root_path }}img/hand-bg.png" />
-        </div>
-      </div>
       <h1 id="index-site-header">
         MATTHEW<br />ROY<br />ARNOLD
       </h1>