init commit fpr facelift

jleajones · Feb 13, 2017 · 1e4d9e2 · 1e4d9e2
1 parent b61e505
commit 1e4d9e2
Show file tree

Hide file tree

Showing 97 changed files with 905 additions and 406 deletions.
diff --git a/.idea/workspace.xml b/.idea/workspace.xml
diff --git a/Gruntfile.js b/Gruntfile.js
@@ -32,13 +32,15 @@ module.exports = function (grunt) {
 		    vendor: {
 			    files: {
 				    'assets/vendor/scripts.min.js': ['assets/vendor/js/jquery.min.js',
-					    'assets/vendor/js/jquery.animatecss.min.js']
+					    'assets/vendor/js/jquery.animatecss.min.js',
+					    'assets/vendor/js/EasePack.min.js',
+					    'assets/vendor/js/TweenLite.min.js']
 			    }
 		    },
 		    scripts: {
 		    	files: {
-		    		'assets/js/scripts.min.js': ['assets/js/form.js',
-					    'assets/js/tracker.js', 'assets/js/page.js']
+		    		'assets/js/scripts.min.js': ['assets/js/alert.js', 'assets/js/form.js',
+					    'assets/js/tracker.js', 'assets/js/audioPlayer.js', 'assets/js/page.js']
 			    }
 		    }
 	    },
@@ -54,7 +56,7 @@ module.exports = function (grunt) {
             bowerJS: {
                 expand: true,
                 cwd: 'bower_components/',
-                src: ['**/**.min.js', '!**/src/**'],
+                src: ['**/**.min.js', '!**/jquery/src/**'],
                 flatten: true,
                 dest: 'assets/vendor/js'
             },

diff --git a/_beats/the-introduction.html b/_beats/the-introduction.html
@@ -7,5 +7,3 @@
 image: the_introduction.png
 date: 2017-01-31 11:18:58
 ---
-
-<iframe width="100%" height="650" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/296459174&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;visual=true"></iframe>
diff --git a/_includes/aside.html b/_includes/aside.html
@@ -0,0 +1,7 @@
+<div class="widget">
+    <div style="width:300px; height:600px; border:solid 1px #ccc;"></div>
+</div>
+
+<div class="widget">
+    <div style="width:300px; height:250px; border:solid 1px #ccc;"></div>
+</div>
diff --git a/_includes/beatHeader.html b/_includes/beatHeader.html
@@ -0,0 +1,3 @@
+<header>
+    <h1>{{ include.title }}</h1>
+</header>
diff --git a/_includes/head.html b/_includes/head.html
@@ -1,7 +1,7 @@
 <head>
     <link href='http://fonts.googleapis.com/css?family=Roboto+Slab:700,400|Roboto:500,300,700' rel='stylesheet' type='text/css'>    <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
 
     <title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
     <meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">

diff --git a/_includes/postHeader.html b/_includes/postHeader.html
@@ -1,4 +1,4 @@
-<div class="post-header">
+<header>
     {% if include.category %}
         <span><a href="/category/{{ include.category }}" class="{{ include.category }}">{{ include.category }}</a></span>
     {% endif %}
@@ -13,4 +13,4 @@ <h1>{{ include.title }}</h1>
         {{ include.meta }}
     {% endif %}
     </p>
-</div>
+</header>
diff --git a/_includes/projectExcerpt.html b/_includes/projectExcerpt.html
@@ -8,7 +8,8 @@
         <h2>
           <a href="{{ include.project.url }}">{{ include.project.title }}</a>
         </h2>
-        <em class="tcd">{{ include.project.tech }}</em>
+        <em class="tcd">
+            <i class="fa fa-laptop"></i> {{ include.project.tech }}</em>
 <!--            <p>{{ project.description | truncate: 65 }}</p>-->
     </figcaption>
 </figure>
diff --git a/_includes/projectHeader.html b/_includes/projectHeader.html
@@ -0,0 +1,6 @@
+<header>
+    <h1>{{ include.title }}</h1>
+    <em class="tcd">
+        <i class="fa fa-laptop"></i> {{ include.tech }}
+    </em>
+</header>
diff --git a/_layouts/beat.html b/_layouts/beat.html
@@ -3,20 +3,24 @@
 ---
 <div class="layout">
     <a href="/beats">&laquo; Back to beats</a>
-    <!--{% if page.image %}-->
-    <!--<div class="post-header-img">-->
-        <!--<img src="/assets/images/{{page.image}}" />-->
-    <!--</div>-->
-    <!--{% endif %}-->
+    {% if page.image %}
+    <header>
+        <div class="container">
+            <img src="/assets/images/{{page.image}}" />
+        </div>
+    </header>
+    {% endif %}
 
     <div class="container">
         <section class="row">
-            <article class="eight offset-by-two columns">
-                <!--{% include postHeader.html title=page.title meta=page.tech %}-->
+            <article class="eight columns">
+                {% include beatHeader.html title=page.title %}
 
-                <h1>{{ page.title }}</h1>
                 {{ content }}
             </article>
+            <aside class="four columns">
+                {% include aside.html %}
+            </aside>
         </section>
     </div>
 </div>
diff --git a/_layouts/page.html b/_layouts/page.html
@@ -10,15 +10,13 @@ <h5>{{ page.subheading}}</h5>
   </header>
 
   <div class="container">
-    <div class="widget">
-      <section class="row">
-        <article class="eight columns">
-          {{ content }}
-        </article>
-        <aside class="four columns">
-
-        </aside>
-      </section>
-    </div>
+    <section class="row">
+      <article class="eight columns">
+        {{ content }}
+      </article>
+      <aside class="four columns">
+          {% include aside.html %}
+      </aside>
+    </section>
   </div>
 </div>
diff --git a/_layouts/project.html b/_layouts/project.html
@@ -1,7 +1,7 @@
 ---
 layout: default
 ---
-<div class="layout project">
+<div class="layout">
     <a href="/projects">&laquo; Back to projects</a>
     {% if page.image %}
     <header>
@@ -14,12 +14,14 @@
     <div class="container">
         <section class="row">
             <article class="eight columns">
-                {% include postHeader.html title=page.title meta=page.tech %}
+                <div class="widget">
+                    {% include projectHeader.html title=page.title tech=page.tech %}
 
-                {{ content }}
+                    {{ content }}
+                </div>
             </article>
             <aside class="four columns">
-
+                    {% include aside.html %}
             </aside>
         </section>
     </div>

diff --git a/_projects/267pacific.html b/_projects/267pacific.html
@@ -1,10 +1,14 @@
 ---
 layout: project
 title: "267 Pacific"
-created: 3
+created: 2
 permalink: /projects/267-pacific/
 description: "267 Pacific is a high rise rental buidling in Borhem Hill Brooklyn, NY.  The building is modern and full of luxury finishes and the website reflects that.  The web application was built with Node, Yo, Bower, Grunt, Angular-Generator, AngularJS, SASS, Karma, Jasmine, Amazon DynamoDB, Amazon EC2, Amazon Cloudfront, Amazon Route 53"
 image: 267_pacific.png
-tech: Javascript, AWS SDK, AngularJS, SASS, Jasmine, Karma, Grunt, Bower, Yo, NPM, Git
+tech: PHP, HTML5, Sass, Javascript, Jasmine, Karma, Gulp, Git
 ---
-This is 267 Pacific
+Responsive website with robust back-end for inventory management and sophisticated notification system for lead generation.
+Built with PHP, HTML5, AngularJS, Twitter Bootstrap, Modernizr, and Mocha.  Git was used for version control and Grunt was
+used for automating tasks such as minification, running tests, and deploying to different environments.
+<br><br>
+Third party integrations with Google AdWords, Google Analytics, Twillo, and Amazon Web Services.
diff --git a/_projects/about.html b/_projects/about.html
@@ -1,10 +1,10 @@
 ---
 layout: project
 title: "About.com"
-created: 4
+created: 3
 permalink: /projects/about-dot-com/
 description: "About.com is a premium content provider focused on helping users find answers to their questions from experts in a related field.  This web application was built with Java, FreeMarker, SASS, and Javascript and uses server side responsive design."
 image: about.png
-tech: Java, FreeMarker, Sass, Javascript, XML, Maven, Grunt, Jenkins, Git, MongoDB, Node, Bash
+tech: Java, FreeMarker, Sass, Javascript, XML, Grunt, Jenkins, Git, MongoDB
 ---
 this is About.com
diff --git a/_projects/american-express.html b/_projects/american-express.html
@@ -1,10 +1,10 @@
 ---
 layout: project
 title: "American Express Corporate"
-created: 6
+created: 5
 permalink: /projects/american-express/
 description: "American Express is a global services company that provides customers with access to products, insights and experiences that enrich lives and build business success.  This project is in support of there Global Corporate Payments site."
 image: american-express.png
-tech: .NET, Sass, Razor, Javascript, Node, NPM, Git, Ruby
+tech: Sitecore, Razor, Sass, Javascript, XML, Git
 ---
 This is American Express Global Corporate Payments.
diff --git a/_projects/consumersearch.html b/_projects/consumersearch.html
@@ -1,10 +1,10 @@
 ---
 layout: project
 title: "ConsumerSearch"
-created: 2
+created: 1
 permalink: /projects/consumer-search/
 description: "ConsumerSearch is an aggregate review site to help users make the most informed decision when making a large purchase.  Built with Drupal, CSS, and jQuery."
 image: consumer_search.png
-tech: Drupal, PHP, MySQL, SASS, Javascript, Git
+tech: Drupal, Sass, Javascript, Grunt, Git
 ---
 This is ConsumerSearch.
diff --git a/_projects/longloveleajones.html b/_projects/longloveleajones.html
@@ -0,0 +1,10 @@
+---
+layout: project
+title: "Long Love Lea-Jones"
+created: 4
+permalink: /projects/long-love-leajones/
+description: "Long Love Lea-Jones is a wedding website I created for our wedding."
+image: longloveleajones.png
+tech: HTML5, Sass, Javascript, Grunt, Git
+---
+This is LongLoveLeaJones, a wedding website.
diff --git a/_sass/_content.scss b/_sass/_content.scss
@@ -8,7 +8,7 @@
 	background: linear-gradient($background-color, $white);
     .layout {
 	    > a {
-		    position: relative;
+		    position: absolute;
 		    z-index: 1;
 	    }
 

diff --git a/_sass/_header.scss b/_sass/_header.scss
@@ -44,7 +44,7 @@ body > header {
 
 
 
-        @include media-query($on-palm-lg) {
+        @include media-query($on-tablet) {
             position: absolute;
             top: 16px;
             right: 30px;

diff --git a/_sass/_layout.scss b/_sass/_layout.scss
@@ -4,8 +4,6 @@
 
 .layout {
     > header {
-        padding-top: 10px;
-        padding-bottom: $spacing-unit;
         color: $white;
         text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.75);
         @include border(solid 10px $divider-color, bottom);
@@ -25,4 +23,14 @@
         background-image: url(/assets/images/css/beats_bg.png);
         background-repeat: no-repeat;
     }
+
+    &.photos > header {
+        background-image: url(/assets/images/css/photography_bg.png);
+        background-repeat: no-repeat;
+    }
+
+    &.projects > header {
+        background-image: url(/assets/images/css/code_bg.png);
+        background-repeat: no-repeat;
+    }
 }
diff --git a/_sass/_mixins.scss b/_sass/_mixins.scss
@@ -11,7 +11,6 @@
 	}
 }
 
-
 @mixin font-size($font-size, $line-height: auto, $base-font-size: $base-font-size) {
 	@include font-size-only($font-size, $base-font-size);
 
@@ -28,6 +27,16 @@
 	line-height:  ceil(percentage($line-height / $font-size));
 }
 
+@mixin radial-gradient($from, $to) {
+	background: -moz-radial-gradient(center, circle cover, $from 0%, $to 100%);
+	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, $from), color-stop(100%, $to));
+	background: -webkit-radial-gradient(center, circle cover, $from 0%, $to 100%);
+	background: -o-radial-gradient(center, circle cover, $from 0%, $to 100%);
+	background: -ms-radial-gradient(center, circle cover, $from 0%, $to 100%);
+	background: radial-gradient(center, circle cover, $from 0%, $to 100%);
+	background-color: $from;
+}
+
 
 @mixin border($style, $sides...){
 	@if ($style) {

diff --git a/_sass/_spotlight.scss b/_sass/_spotlight.scss
@@ -1,17 +1,36 @@
 .spotlight {
-    padding-top: 10px;
-    padding-bottom: $spacing-unit;
-    background: url(/assets/images/css/jumbotron_bg.png) no-repeat;
-    background-size: cover;
-    background-position: center center;
+    position: relative;
+    //background: url(/assets/images/css/jumbotron_bg.png) no-repeat;
+    //background-size: cover;
+    //background-position: center center;
+    background: $primary-color-dark;
     color: $white;
     text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.75);
+    @include radial-gradient($primary-color-dark, darken($primary-color-dark, 15%));
     @include border(solid 10px $divider-color, bottom);
+
+    .spotlight-container {
+        position: absolute;
+        top: 0;
+        left: 0;
+        padding-top: 10px;
+        padding-bottom: $spacing-unit;
+        height: 100%;
+        width: 100%;
+    }
     h1 {
         padding: 130px 0;
         -webkit-animation-duration: 1.5s;
         animation-duration: 1.5s;
 
         @include font-size(38px);
+
+        @include media-query($on-tablet) {
+            @include  font-size(30px);
+        }
+
+	    @include media-query($on-palm) {
+		    @include  font-size(24px);
+	    }
     }
 }
diff --git a/_sass/_variables.scss b/_sass/_variables.scss
@@ -52,6 +52,6 @@ $categories: coding $coding-color, general $general-color, photography $photogra
 $content-width:    1000px;
 
 // Breakpoints
-$on-palm:          320px;
-$on-palm-lg:       768px;
+$on-palm:          420px;
+$on-tablet:       768px;
 $on-laptop:        1024px;
diff --git a/about/index.html b/about/index.html
@@ -6,6 +6,7 @@
 icon: user
 subheading: Web Developer, music producer, and novice photographer.
 ---
+<div class="widget"></div>
 <p class="no-top-margin">Yo!  I'm Jason, a front-end developer who loves building cool things!  I enjoy building small reusuable components and modules to create larger complex mobile and web applications.  I hate repeating myself, in code and conversation.<p>
 
 <p>I live in the greatest city in the world with my beautiful fianc&eacute;, Danielle.  I currently work for About.com, using technologies like Java, Freemarker, Javascript, MongoDB, Solr, XML, and SASS.  I also have exprience with PHP, JSP, Perl, Python, Ruby, CSS (obviously), and C++.  In my spare time I work on side projects for clients in addition to creating and contributing to multiple open source projects.</p>

diff --git a/assets/images/adidas_yeezy.png b/assets/images/adidas_yeezy.png
diff --git a/assets/images/audi_q5.png b/assets/images/audi_q5.png
diff --git a/assets/images/aurelia.png b/assets/images/aurelia.png
diff --git a/assets/images/banned_1s.png b/assets/images/banned_1s.png
diff --git a/assets/images/boys_trip_cancun.png b/assets/images/boys_trip_cancun.png
diff --git a/assets/images/css/code_bg.png b/assets/images/css/code_bg.png
diff --git a/assets/images/css/photography_bg.png b/assets/images/css/photography_bg.png
diff --git a/assets/images/dev_setup.png b/assets/images/dev_setup.png
diff --git a/assets/images/dotfiles.png b/assets/images/dotfiles.png
diff --git a/assets/images/etihad.png b/assets/images/etihad.png
diff --git a/assets/images/fall_fashion_essentials_2015.png b/assets/images/fall_fashion_essentials_2015.png
diff --git a/assets/images/fantasy_football_begins.png b/assets/images/fantasy_football_begins.png
diff --git a/assets/images/fathersday.png b/assets/images/fathersday.png
diff --git a/assets/images/ff_draft_recap_2015.png b/assets/images/ff_draft_recap_2015.png
diff --git a/assets/images/getfit_dietrying.png b/assets/images/getfit_dietrying.png
diff --git a/assets/images/halloween_2015.png b/assets/images/halloween_2015.png
diff --git a/assets/images/happy_thanksgiving.png b/assets/images/happy_thanksgiving.png
diff --git a/assets/images/hello_world.png b/assets/images/hello_world.png
diff --git a/assets/images/home_sweet_home.png b/assets/images/home_sweet_home.png
diff --git a/assets/images/html_emails.png b/assets/images/html_emails.png
diff --git a/assets/images/iwatches.png b/assets/images/iwatches.png
diff --git a/assets/images/jlj3dot0.png b/assets/images/jlj3dot0.png
diff --git a/assets/images/js_logo.png b/assets/images/js_logo.png
diff --git a/assets/images/learning_swift.png b/assets/images/learning_swift.png
diff --git a/assets/images/lions_tigers_bears.png b/assets/images/lions_tigers_bears.png
diff --git a/assets/images/love-sac.png b/assets/images/love-sac.png
diff --git a/assets/images/mean.png b/assets/images/mean.png
diff --git a/assets/images/new-year-new-me.png b/assets/images/new-year-new-me.png
diff --git a/assets/images/nfl_recap.png b/assets/images/nfl_recap.png
diff --git a/assets/images/nfl_week_1_2015.png b/assets/images/nfl_week_1_2015.png
diff --git a/assets/images/olympic_5s.png b/assets/images/olympic_5s.png
diff --git a/assets/images/photo_dump.png b/assets/images/photo_dump.png
diff --git a/assets/images/poker.png b/assets/images/poker.png
diff --git a/assets/images/ps4_review.png b/assets/images/ps4_review.png
diff --git a/assets/images/san_fran.png b/assets/images/san_fran.png
diff --git a/assets/images/sneaker_cleaner.png b/assets/images/sneaker_cleaner.png
diff --git a/assets/images/south_africa.png b/assets/images/south_africa.png
diff --git a/assets/images/south_africa_2.png b/assets/images/south_africa_2.png
diff --git a/assets/images/studio.png b/assets/images/studio.png
diff --git a/assets/images/uae_photos.png b/assets/images/uae_photos.png
diff --git a/assets/images/vegas_again.png b/assets/images/vegas_again.png
diff --git a/assets/images/web_content_accessibility.png b/assets/images/web_content_accessibility.png
diff --git a/assets/images/wedding_shit.png b/assets/images/wedding_shit.png
diff --git a/assets/js/alert.js b/assets/js/alert.js
@@ -0,0 +1,3 @@
+/**
+ * Created by jleajones on 2/8/17.
+ */
diff --git a/assets/js/audioPlayer.js b/assets/js/audioPlayer.js
@@ -0,0 +1,3 @@
+/**
+ * Created by jleajones on 2/8/17.
+ */