updating home page

Author: mattchenderson

src/WebJobs.Script.WebHost/Home.html

@@ -11,7 +11,7 @@
         }
 
         body {
-            background-color: #5e1966;
+            background-color: #002050;
             color: #fff;
             font-family: 'SegoeLight', helvetica, sans-serif;
             font-size: 18px;
@@ -31,13 +31,13 @@
             }
 
             .content .bodyHeadline {
-                margin: 0 0 35px 0;
+                margin: 0 0 10px 0;
                 font-size: 40px;
                 line-height: 43px;
             }
 
             .content .bodyContent {
-                margin: 38px 0 20px 0;
+                margin: 20px 0 20px 0;
                 line-height: 22px;
             }
 
@@ -163,6 +163,7 @@
     <script>
     $(function () {
         var browser = $(".browser"),
+            body = $("body"),
             browserimg = $(".browser img"),
             firstlight = $(".light.first"),
             secondlight = $(".light.second"),
@@ -210,6 +211,10 @@
                                 .animate({
                                     opacity: 1
                                 }, 400);
+                            
+                            body.animate( {
+                                'background-color': '#0078D4'
+                            }, 500);
 
                             browserimg.attr("src", browserimages[0]);
                             act = true;
@@ -240,6 +245,7 @@
 
                             firstlight.css('opacity', 0);
                             secondlight.css('opacity', 0);
+                            body.css('background-color', "#002050");
                             browserimg.attr("src", browserimages[1]);
                             bulbimg.attr("src", bulbimages[0]);
                             act = false;
@@ -284,7 +290,7 @@
 
         <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKgAAAAXCAYAAACf1wQUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABJNJREFUeNrsWo1xnTAMzut1AEagGzCCuwHdgA3CBmED0glIJ3gj8DZwN3A2IBtQ0zM9RSfJEu/nmjx053st2MaWPsnS5zw87LLLfyyHXQXXl3meq/hTx/Z2OByed41sU6IDrTSOLdexxLsxtim2+k71OsxAruUASf/VZ1YklGGrEQjQrzLeITi7tPfFQXurXpXfKICOp3sB6KyNoil6shHiniNo2vciDfO+ie145jdaZLfmXgDaGaPE1Y6wT6BTJ70/8xsBROn5XMB/BGUG7XGRjpdpB6is063vlbnnKq319PsI8pV49jO2PrYFfE2sOl+E8cuxXeSKr790weFwyvQp01y/lxb7v3FzcHMuDhN/qtSW8a94LsrJUv/VqOIYYq2vse8rtWfu/5yOcnoi5DH9Lut9jvM8pXUtx3wnfUekduIaDHZ714ew1apfyl6r3su0h5MmgpYpb1zEK4+XQchB2Six5KVgjplL9sHzCvZHkbzH0RxIz3y/Z/rPTK7HzT8mQ3DpklrOyXGBHYIyjWPXoFkPUxjDORqoMxT5R8rurBMRE+fypxqB2gRQBI4pKXd55rlNA3D6FcQJnB708WvFjMB/FOgfn3Lpf2OEvgGvFTwvbgVQZKOCOPLdRoD2lwAoKp5HgK0KgDYkvXcIsFX2YzA6MosbIX1kASgC9wCjz/peUKwDRwcGepPhIRuCeWiloxCvNQOU4VY56OJwjOMFC1WYHDzgE/MCAB2gbde8GDj1KBTcRw1A2aSb8lQjQL2FG+WYBcQBdsL4dykL4mdz+WF2rYjJKK4NUORgjcC9FgagT9DOFwBooAKPVMhBe2oACiv0jolKQXGU43mhcmsjQJ1lw1SUI4DtubGoX6MEjLsBQFuOaZHAm+FQa+vaMgBthdPMo5tL2LwKoNgbc0YzANRtyLc4gHYaSoyKmESBdKSqby11Q0XyKwI0gNyOMnJQRH0nFZEXAKgTTjJ7Ls58rCTyt46qFG8E0IIB6GgFKIisgajIK+tabwVQlF5ppMzw137r2nJV/CUA+iXDhy383sqDPiHu7dcFiOzC0l/gM51hmlcw30ts3+I/f8R2AnMdCWeorPNfSR6N/alj/pj40kWf33MOYXmulNMhI2qPQVG05xJwQwStrPfGwtxOpCYUOZtQkdconWmVUa2yRlCLo4LI1yuLnyAUdM6aVnF5vTKCijzt5ms5IjQPBhBRm4B8ZnHm2ibpmEc0yqD91gpIsPfArVUAgxagTmmjRuOQHJeNispO6QhDht2wALTJBScWD5mJnSKv2cqDekRvVBhsmbW1qNDBc3mGRvFE5dpiAKC9e5TDlohnrTcCtNUcm5wjCI45AU6yRAQ5V0U7gj9u0Z6PXEGTsVWBcv4WvWvYvSmUGaS/ltlwkzRoqzjF2oZMzj1h42f6D4Lnc9Js0OmovUnCqZYy4uLbMstVZylc7c5bjnjiJkl/m6aYuNnyp2OKu3isuEDwrpqKsiYMvl6hlozxsKK8cPRUOHJw9JRBpwVac1BylqUSoO6c61Zmz166nFHaqrTqcpdddtllF6v8EWAA2wxYm4SN9zUAAAAASUVORK5CYII=" alt="Microsoft Azure" class="azureLogo" />
 
-        <div class="bodyHeadline">Your Function App 2.0 preview is up and running</div>
+        <div class="bodyHeadline">Your Functions 2.0 app is up and running</div>
         <div class="bodyContent">Azure Functions is an event-based serverless compute experience to accelerate your development.</div>
         <a class="bodyCTA" href="https://go.microsoft.com/fwlink/?linkid=832724">Learn more <div><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAAdCAYAAAD7En+mAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozMjVCMDEwM0FBQkExMUUyQjdGNEEwODg0RjhFODY4OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozMjVCMDEwNEFBQkExMUUyQjdGNEEwODg0RjhFODY4OCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjMyNUIwMTAxQUFCQTExRTJCN0Y0QTA4ODRGOEU4Njg4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjMyNUIwMTAyQUFCQTExRTJCN0Y0QTA4ODRGOEU4Njg4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+I1MZRAAAA4FJREFUeNq8md1x2kAQx3UaCoAKAg0YkgYQHTgV2KoAeMqjncfkBbsCSAd0AK5AOA1Y6YAOyJ7mf5rV6T4l8M3c2ALd/fZ/u/exh0gCy+VyyeiPrHPtqzPVd6p7IcTJ0rbxTO8FMe++/vIy/xY/TiF9CY+4If1ZUV1SHQb0V1L9Q/WFxJy7CCVxnZkk+hwtlIyTsCcGk53sMZJ8FGcY8Ux7NydB+xihJLI3k8Tug4TCi1uq92zEfpJxu4DwfoShY3y0o3a5Tyi82GKS0buA8G4xqV3uFAqRB4xYAoHPSURBH08IvwosR9omFCIbTDI0iok+GkxdrC5UjuqjHnpdCry7xaOcs2uLkQ2mLfQCBTeY1Ne6JRRzcoPH731EWsQuqM+jYU7WzD4iLWIX1GfFTLVwU+HaG4gQ3WExSRhcDzcVrldhYl63mAJCnwEtybiJx0tjNvETtCk9c/YDq2OuFjUSWjPJuInHSy0mtSk9c7ZmSvEpvntQIxswaGeE2wG1IDEzh1fl+694XLKvejFJzMzh1RZTwMhCdkZGjSJWVr5SnjEHT44o+MDjaPrt91gxyahRxMraYtpORoiCmpmyvesYMfcqCNvEKyNsnkVoq3ezLkx4qcW0eRahXTOl0C94eI9caGxiM0uTEzvVdGI6xHqZAzbJT4aQO8ADoUWJzQ0nqX/sfyuTjO7EpHa54SRVM1Ntwl+rbALf+zTmwDDKJtf7SqYZvwhs92nMATrOTFDbsY2F9gwrITdywVM0Vqbae0YmP7ZZVlMj05KiTXnoqjieRx7vFHAYIDJh28KxK5OJHAaIbDCFvsc5DO0sku3VMkqEvse5EuauIvF+gSgRqbbHrW7gSX4i2hn2uNUNPNliCi3LkA0nIV6NDPFCz2BYllExQ7waGeIFz2BSlmWUGLHtFUXy/o48TcOed3Umu62omI00DUVl5PdIwK+1t81UUm34vmYiAb8ZUzgS5eq+p4cnN7g5cCbyWqJsvO+J8GSDyXNc0+XYlr18RA5ZRt7/btjSnqsFwXE51mK68k3L/W+DqR8HRcAViFq5Xm1pGBP4wAyu751Crjs1z9ZM1wU1BLaYptsK4VktN9pRq0R9Y5/NMZL8slmC1ioSIu51ezNtkSACQ3HJckjXAX1v8nzsTxLwVBTT99OEiFxkMsNIVpu/J6yjhBpEG5mhv7vI8l+AAQB7WiwH/DuungAAAABJRU5ErkJggg==" alt="Learn more" width="58" height="29" /></div></a>
     </div>