Add gitignore and make it ignore the /build folder, updating about pa…

…ge, prepping new holding page
carterdea · Dec 31, 2015 · 39875be · 39875be
1 parent 8ad4596
commit 39875be
Show file tree

Hide file tree

Showing 11 changed files with 170 additions and 52 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+Build/
+.DS_Store
diff --git a/Build/about.html b/Build/about.html
@@ -13,12 +13,13 @@
                 if(typeof ws != 'undefined' && ws.readyState == 1){return true;}
                 ws = new WebSocket('ws://'+(location.host || 'localhost').split(':')[0]+':35353')
                 ws.onopen = function(){ws.onclose = function(){document.location.reload()}}
+                window.onbeforeunload = function() { ws = null }
                 ws.onmessage = function(){
-                  var links = document.getElementsByTagName('link'); 
-                    for (var i = 0; i < links.length;i++) { 
-                    var link = links[i]; 
-                    if (link.rel === 'stylesheet' && !link.href.match(/typekit/)) { 
-                      href = link.href.replace(/((&|\?)hammer=)[^&]+/,''); 
+                  var links = document.getElementsByTagName('link');
+                    for (var i = 0; i < links.length;i++) {
+                    var link = links[i];
+                    if (link.rel === 'stylesheet' && !link.href.match(/typekit/)) {
+                      href = link.href.replace(/((&|\?)hammer=)[^&]+/,'');
                       link.href = href + (href.indexOf('?')>=0?'&':'?') + 'hammer='+(new Date().valueOf());
                     }
                   }
@@ -47,7 +48,7 @@
 <body class="about">
 	<div class="container">
 		<header class="cf">
-			<a href="index.html" class="logo">
+			<a href="index.html" class="current-parent logo">
 				Carter De Angelis
 				<span class="tagline">Product Designer &amp; Digital Producer</span>
 			</a>
@@ -66,17 +67,34 @@ <h3>Services</h3>
 		<div class="thirds">
 			<i class="strategy"></i>
 			<h2>Product Strategy</h2>
-			<p>With real-time access to reporting data, you can connect Stripe with your existing accounting or ERP systems.</p>
+			<ul>
+				<li>User research</li>
+				<li>Strategic planning &amp; Project Management</li>
+				<li>Competetive analysis</li>
+				<li>Product features</li>
+				<li>A/B testing &amp; User testing</li>
+				<li>Product Roadmap</li>
+			</ul>
 		</div><!--.thirds-->
 		<div class="thirds">
 			<i class="design"></i>
 			<h2>Product Design</h2>
-			<p>Stripe actively works to protect your business from fraudulent charges and monitors suspicious transactions.</p>
+			<ul>
+				<li>Mobile-first Design Philosophy</li>
+				<li>Product Prototyping</li>
+				<li>User Experience Design</li>
+				<li>Visual Design</li>
+			</ul>
 		</div><!--.thirds-->
 		<div class="thirds">
 			<i class="production"></i>
 			<h2>Digital Production</h2>
-			<p>Work with international customers right out of the box while still getting paid in your preferred currency.</p>
+			<ul>
+				<li>Front-end Development (HTML/CSS/Ember.js)</li>
+				<li>Back-end Development (Ruby on Rails/Elixir &amp; Phoenix Framework)</li>
+				<li>Mobile First, Responsive Web Development</li>
+				<li>Native Mobile Development (iOS)</li>
+			</ul>
 		</div><!--.thirds-->
 	</div><!--.services-->
 	<p class="pitch">Clients approach us at many different points in the life of a product. As a result, we've built a diverse team of world-class designers, developers, marketers, project managers, and QA pros to ensure that we can meet any challenge.</p>
@@ -132,7 +150,7 @@ <h2>Contact</h2>
 	<div class="contact-info">
 		<ul>
 			<li>(424) 268-0717</li>
-			<li>Living in Santa Monica, CA</li>
+			<li>Santa Monica, CA</li>
 			<li><a href="skype:carterdea">carterdea on Skype</a></li>
 			<li><a href="http://twitter.com/carterdea">@carterdea on Twitter</a></li>
 		</ul>

diff --git a/Build/assets/css/style.css b/Build/assets/css/style.css
@@ -347,13 +347,13 @@ h4 {
 
 #simplemodal-overlay {
   background-color: #fff;
-  background: -moz-radial-gradient(center, ellipse cover, white 0%, rgba(255, 255, 255, 0.8) 100%);
-  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, white), color-stop(100%, rgba(255, 255, 255, 0.8)));
-  background: -webkit-radial-gradient(center, ellipse cover, white 0%, rgba(255, 255, 255, 0.8) 100%);
-  background: -o-radial-gradient(center, ellipse cover, white 0%, rgba(255, 255, 255, 0.8) 100%);
-  background: -ms-radial-gradient(center, ellipse cover, white 0%, rgba(255, 255, 255, 0.8) 100%);
-  background: radial-gradient(ellipse at center, white 0%, rgba(255, 255, 255, 0.8) 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ccffffff',GradientType=1 ); }
+  background: -moz-radial-gradient(center, ellipse cover, white 0%, rgba(255, 255, 255, 0.9) 100%);
+  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, white), color-stop(100%, rgba(255, 255, 255, 0.9)));
+  background: -webkit-radial-gradient(center, ellipse cover, white 0%, rgba(255, 255, 255, 0.9) 100%);
+  background: -o-radial-gradient(center, ellipse cover, white 0%, rgba(255, 255, 255, 0.9) 100%);
+  background: -ms-radial-gradient(center, ellipse cover, white 0%, rgba(255, 255, 255, 0.9) 100%);
+  background: radial-gradient(ellipse at center, white 0%, rgba(255, 255, 255, 0.9) 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ccffffff',GradientType=1 ); }
 
 #simplemodal-container {
   position: absolute !important;

diff --git a/Build/index.html b/Build/index.html
@@ -13,12 +13,13 @@
                 if(typeof ws != 'undefined' && ws.readyState == 1){return true;}
                 ws = new WebSocket('ws://'+(location.host || 'localhost').split(':')[0]+':35353')
                 ws.onopen = function(){ws.onclose = function(){document.location.reload()}}
+                window.onbeforeunload = function() { ws = null }
                 ws.onmessage = function(){
-                  var links = document.getElementsByTagName('link'); 
-                    for (var i = 0; i < links.length;i++) { 
-                    var link = links[i]; 
-                    if (link.rel === 'stylesheet' && !link.href.match(/typekit/)) { 
-                      href = link.href.replace(/((&|\?)hammer=)[^&]+/,''); 
+                  var links = document.getElementsByTagName('link');
+                    for (var i = 0; i < links.length;i++) {
+                    var link = links[i];
+                    if (link.rel === 'stylesheet' && !link.href.match(/typekit/)) {
+                      href = link.href.replace(/((&|\?)hammer=)[^&]+/,'');
                       link.href = href + (href.indexOf('?')>=0?'&':'?') + 'hammer='+(new Date().valueOf());
                     }
                   }
@@ -61,11 +62,10 @@
 		</header>
 		<section>
 	<h1>Product Design for startups in Los Angeles.</h1>
-	<p>Gin Lane is a collective of over two dozen creative technologists. We build compelling experiences with brands that get results.</p>
+	<p>Carterdea is a design and development studio led by Carter De Angelis. We work with startups and small-ish businesses.</p>
 	<a href="work/index.html" class="button">See Work</a>
 	<script>
 		$(document).ready(function(){
-
 			$.backstretch("../assets/img/home-hero.jpg");
 		});
 	</script>
@@ -87,7 +87,7 @@ <h2>Contact</h2>
 	<div class="contact-info">
 		<ul>
 			<li>(424) 268-0717</li>
-			<li>Living in Santa Monica, CA</li>
+			<li>Santa Monica, CA</li>
 			<li><a href="skype:carterdea">carterdea on Skype</a></li>
 			<li><a href="http://twitter.com/carterdea">@carterdea on Twitter</a></li>
 		</ul>

diff --git a/Build/work/index.html b/Build/work/index.html
@@ -13,12 +13,13 @@
                 if(typeof ws != 'undefined' && ws.readyState == 1){return true;}
                 ws = new WebSocket('ws://'+(location.host || 'localhost').split(':')[0]+':35353')
                 ws.onopen = function(){ws.onclose = function(){document.location.reload()}}
+                window.onbeforeunload = function() { ws = null }
                 ws.onmessage = function(){
-                  var links = document.getElementsByTagName('link'); 
-                    for (var i = 0; i < links.length;i++) { 
-                    var link = links[i]; 
-                    if (link.rel === 'stylesheet' && !link.href.match(/typekit/)) { 
-                      href = link.href.replace(/((&|\?)hammer=)[^&]+/,''); 
+                  var links = document.getElementsByTagName('link');
+                    for (var i = 0; i < links.length;i++) {
+                    var link = links[i];
+                    if (link.rel === 'stylesheet' && !link.href.match(/typekit/)) {
+                      href = link.href.replace(/((&|\?)hammer=)[^&]+/,'');
                       link.href = href + (href.indexOf('?')>=0?'&':'?') + 'hammer='+(new Date().valueOf());
                     }
                   }
@@ -53,7 +54,7 @@
 			</a>
 			<nav>
 	<ul>
-		<li class='current-parent current'><a class='current-parent current' href="index.html">Work</a></li>
+		<li class='current'><a class='current' href="index.html">Work</a></li>
 		<li><a href="../about.html">About</a></li>
 		<li class="contact-button"><a href="#" class="button">Contact</a></li>
 	</ul>
@@ -70,6 +71,36 @@ <h2>Spinlister</h2>
 			</div><!--.text-->
 		</div><!--.row-->
 	</a>
+	<a href="#">
+		<div class="row cf">
+		<img src="../assets/img/row-meddevicejobs.png" alt="MedDeviceJobs" />
+			<div class="text">
+				<h2>Alexander Yulish</h2>
+				<p>We build compelling experiences with brands that get results.</p>
+				<span class="services-rendered">Design, Strategy, Production</span>
+			</div><!--.text-->
+		</div><!--.row-->
+	</a>
+	<a href="#">
+		<div class="row cf">
+		<img src="../assets/img/row-meddevicejobs.png" alt="MedDeviceJobs" />
+			<div class="text">
+				<h2>Stussy</h2>
+				<p>We build compelling experiences with brands that get results.</p>
+				<span class="services-rendered">Design, Strategy, Production</span>
+			</div><!--.text-->
+		</div><!--.row-->
+	</a>
+	<a href="#">
+		<div class="row cf">
+		<img src="../assets/img/row-meddevicejobs.png" alt="MedDeviceJobs" />
+			<div class="text">
+				<h2>GrubMarket</h2>
+				<p>We build compelling experiences with brands that get results.</p>
+				<span class="services-rendered">Design, Strategy, Production</span>
+			</div><!--.text-->
+		</div><!--.row-->
+	</a>
 	<a href="#">
 		<div class="row cf">
 		<img src="../assets/img/row-meddevicejobs.png" alt="MedDeviceJobs" />
@@ -85,12 +116,22 @@ <h2>MedDeviceJobs</h2>
 			<!--<img src="#" />-->
 			<img src='http://placehold.it/100x100' width='100' height='100' alt='Placeholder Image' />
 			<div class="text">
-				<h2>Content Blvd</h2>
+				<h2>AdoptTogether</h2>
 				<p>We build compelling experiences with brands that get results.</p>
 				<span class="services-rendered">Design, Strategy, Production</span>
 			</div><!--.text-->
 		</div><!--.row-->
 	</a>
+	<a href="#">
+		<div class="row cf">
+			<!--<img src="#" />-->
+			<img src='http://placehold.it/100x100' width='100' height='100' alt='Placeholder Image' />
+			<div class="text">
+				<h2>Happ</h2>
+				<p>We build compelling experiences with brands that get results.</p>
+				<span class="services-rendered">Design, Strategy, Production</span>
+			</div><!--.text-->
+		</div><!--.row-->
 	<a href="#">
 		<div class="row cf">
 			<!--<img src="#" />-->
@@ -121,7 +162,7 @@ <h2>Contact</h2>
 	<div class="contact-info">
 		<ul>
 			<li>(424) 268-0717</li>
-			<li>Living in Santa Monica, CA</li>
+			<li>Santa Monica, CA</li>
 			<li><a href="skype:carterdea">carterdea on Skype</a></li>
 			<li><a href="http://twitter.com/carterdea">@carterdea on Twitter</a></li>
 		</ul>

diff --git a/Build/work/spinlister.html b/Build/work/spinlister.html
@@ -13,12 +13,13 @@
                 if(typeof ws != 'undefined' && ws.readyState == 1){return true;}
                 ws = new WebSocket('ws://'+(location.host || 'localhost').split(':')[0]+':35353')
                 ws.onopen = function(){ws.onclose = function(){document.location.reload()}}
+                window.onbeforeunload = function() { ws = null }
                 ws.onmessage = function(){
-                  var links = document.getElementsByTagName('link'); 
-                    for (var i = 0; i < links.length;i++) { 
-                    var link = links[i]; 
-                    if (link.rel === 'stylesheet' && !link.href.match(/typekit/)) { 
-                      href = link.href.replace(/((&|\?)hammer=)[^&]+/,''); 
+                  var links = document.getElementsByTagName('link');
+                    for (var i = 0; i < links.length;i++) {
+                    var link = links[i];
+                    if (link.rel === 'stylesheet' && !link.href.match(/typekit/)) {
+                      href = link.href.replace(/((&|\?)hammer=)[^&]+/,'');
                       link.href = href + (href.indexOf('?')>=0?'&':'?') + 'hammer='+(new Date().valueOf());
                     }
                   }
@@ -85,7 +86,7 @@ <h2>Contact</h2>
 	<div class="contact-info">
 		<ul>
 			<li>(424) 268-0717</li>
-			<li>Living in Santa Monica, CA</li>
+			<li>Santa Monica, CA</li>
 			<li><a href="skype:carterdea">carterdea on Skype</a></li>
 			<li><a href="http://twitter.com/carterdea">@carterdea on Twitter</a></li>
 		</ul>

diff --git a/about.html b/about.html
@@ -7,17 +7,34 @@ <h3>Services</h3>
 		<div class="thirds">
 			<i class="strategy"></i>
 			<h2>Product Strategy</h2>
-			<p>With real-time access to reporting data, you can connect Stripe with your existing accounting or ERP systems.</p>
+			<ul>
+				<li>User research</li>
+				<li>Strategic planning &amp; Project Management</li>
+				<li>Competetive analysis</li>
+				<li>Product features</li>
+				<li>A/B testing &amp; User testing</li>
+				<li>Product Roadmap</li>
+			</ul>
 		</div><!--.thirds-->
 		<div class="thirds">
 			<i class="design"></i>
 			<h2>Product Design</h2>
-			<p>Stripe actively works to protect your business from fraudulent charges and monitors suspicious transactions.</p>
+			<ul>
+				<li>Mobile-first Design Philosophy</li>
+				<li>Product Prototyping</li>
+				<li>User Experience Design</li>
+				<li>Visual Design</li>
+			</ul>
 		</div><!--.thirds-->
 		<div class="thirds">
 			<i class="production"></i>
 			<h2>Digital Production</h2>
-			<p>Work with international customers right out of the box while still getting paid in your preferred currency.</p>
+			<ul>
+				<li>Front-end Development (HTML/CSS/Ember.js)</li>
+				<li>Back-end Development (Ruby on Rails/Elixir &amp; Phoenix Framework)</li>
+				<li>Mobile First, Responsive Web Development</li>
+				<li>Native Mobile Development (iOS)</li>
+			</ul>
 		</div><!--.thirds-->
 	</div><!--.services-->
 	<p class="pitch">Clients approach us at many different points in the life of a product. As a result, we've built a diverse team of world-class designers, developers, marketers, project managers, and QA pros to ensure that we can meet any challenge.</p>

diff --git a/assets/css/style.scss b/assets/css/style.scss
@@ -528,12 +528,12 @@ h4 {
 
 #simplemodal-overlay {
 	background-color:#fff;
-	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 100%);
-	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.8)));
-	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,0.8) 100%);
-	background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,0.8) 100%);
-	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,0.8) 100%);
-	background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(255,255,255,0.8) 100%);
+	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,0.9) 100%);
+	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.9)));
+	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,0.9) 100%);
+	background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,0.9) 100%);
+	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,0.9) 100%);
+	background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(255,255,255,0.9) 100%);
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ccffffff',GradientType=1 );
 }
 

diff --git a/includes/_contact.html b/includes/_contact.html
@@ -11,7 +11,7 @@ <h2>Contact</h2>
 	<div class="contact-info">
 		<ul>
 			<li>(424) 268-0717</li>
-			<li>Living in Santa Monica, CA</li>
+			<li>Santa Monica, CA</li>
 			<li><a href="skype:carterdea">carterdea on Skype</a></li>
 			<li><a href="http://twitter.com/carterdea">@carterdea on Twitter</a></li>
 		</ul>

diff --git a/index.html b/index.html
@@ -2,11 +2,10 @@
 <!-- $body-class home -->
 <!-- @include _header -->
 	<h1>Product Design for startups in Los Angeles.</h1>
-	<p>Gin Lane is a collective of over two dozen creative technologists. We build compelling experiences with brands that get results.</p>
+	<p>Carterdea is a design and development studio led by Carter De Angelis. We work with startups and small-ish businesses.</p>
 	<a href="<!-- @path work -->" class="button">See Work</a>
 	<script>
 		$(document).ready(function(){
-
 			$.backstretch("../assets/img/home-hero.jpg");
 		});
 	</script>