Feature/tony sitemap landing pages

app/index.jade

@@ -30,6 +30,7 @@ html
     link(rel="stylesheet", href="assets/css/reset.css")
     link(rel="stylesheet", href="assets/css/topcoder.css")
     link(rel="stylesheet", href="assets/css/skill-picker/skill-picker.css")
+    link(rel="stylesheet", href="assets/css/sitemap/sitemap.css")
     link(rel="stylesheet", href="assets/css/settings/update-password.css")
     link(rel="stylesheet", href="assets/css/settings/settings.css")
     link(rel="stylesheet", href="assets/css/settings/preferences.css")
@@ -286,6 +287,8 @@ html
     script(src="settings/preferences/preferences.controller.js")
     script(src="settings/settings.controller.js")
     script(src="settings/settings.routes.js")
+    script(src="sitemap/sitemap.module.js")
+    script(src="sitemap/sitemap.routes.js")
     script(src="skill-picker/skill-picker.module.js")
     script(src="skill-picker/skill-picker.controller.js")
     script(src="skill-picker/skill-picker.routes.js")

app/sitemap/sitemap.jade

@@ -0,0 +1,74 @@
+.sitemap-container
+	h1.page-header SITEMAP
+
+	.sitemap-wrapper
+		section.sitemap-nav
+			h2.sitemap-header Compete
+			ul
+				li 
+					a(href="/challenges/design/active") Design Challenges
+				li 	
+					a(href="/challenges/develop/active") Development Challenges
+				li 
+					a(href="/challenges/data/active") Data Science Challenges
+				li 
+					a(href="//arena.topcoder.com/") Single Round Matches
+
+
+		section.sitemap-nav.hide-small
+			h2.sitemap-header Learn
+			ul
+				li 
+					a(href="/community/design") Design
+				li 	
+					a(href="/community/devlopment") Development
+				li 
+					a(href="/community/data-science") Data Science
+				li 
+					a(href="/community/competitive programming") Competitive Programming
+
+		section.sitemap-nav
+			h2.sitemap-header Community
+			ul
+				li 
+					a(href="/community") Home
+				li 
+					a(href="/community/members") Members
+				li 	
+					a(href="/community/member-programs") Programs
+				li 
+					a(href="//apps.topcoder.com/forums") Forums
+				li 
+					a(href="/community/statistics") Statistics
+				li 
+					a(href="/community/events") Events
+				li 
+					a(href="/blog") Blog
+
+		section.sitemap-nav.hide-small
+			h2.sitemap-header My Account
+			ul
+				li 
+					a(href="/my-dashboard") Dashboard
+				li 
+					a(href="/members/") My Profile
+				li 	
+					a(href="/settings/profile") Settings
+
+		section.sitemap-nav.hide-small
+			h2.sitemap-header Footer
+			ul
+				li 
+					a(href="/sitemap") Sitemap
+				li 
+					a(href="/about") About Us
+				li 	
+					a(href="/contact-us") Contact Us
+				li 
+					a(href="//help.topcoder.com") Help Center
+				li 
+					a(href="/community/how-it-works/privacy-policy/") Privacy Policy
+				li 
+					a(href="/community/how-it-works/terms/") Terms
+
+

app/sitemap/sitemap.module.js

@@ -0,0 +1,9 @@
+(function() {
+  'use strict';
+
+  var dependencies = [
+  ];
+
+  angular.module('tc.sitemap', dependencies);
+
+})();

app/sitemap/sitemap.routes.js

@@ -0,0 +1,26 @@
+(function() {
+  'use strict';
+
+  angular.module('tc.sitemap').config([
+    '$stateProvider',
+    '$locationProvider',
+    routes
+  ]);
+
+  function routes($stateProvider, $locationProvider) {
+    $locationProvider.html5Mode(true);
+    var states = {
+      'sitemap': {
+        parent: 'root',
+        abstract: false,
+        url: '/sitemap/',
+        templateUrl: 'sitemap/sitemap.html'
+      }
+    };
+
+    for (var name in states) {
+      var state = states[name];
+      $stateProvider.state(name, state);
+    }
+  }
+})();

app/topcoder.module.js

@@ -13,6 +13,7 @@
     'tc.profile',
     'tc.settings',
     'tc.skill-picker',
+    'tc.sitemap',
     'tc.community',
     'ui.router',
     'blocks.logger',

assets/css/sitemap/sitemap.scss

@@ -0,0 +1,97 @@
+ // Sitemap styles
+.sitemap-container {
+	margin: 10px;
+	background: #fff;
+	padding: 34px 26px;
+	font-family: 'Sofia Pro';
+
+	@media only screen and (min-width: 768px) {
+		margin: 0;
+		padding: 0;
+		background: #F6F6F6;
+
+		.sitemap-wrapper {
+			margin: 58px 69px;
+			background: #fff;
+			padding: 41px 58px;
+
+			&:after {
+				display: block;
+				content: '';
+				clear: both;
+			}
+		}
+	}
+
+	.page-header {
+		font-size: 22px;
+		font-weight: bold;
+		text-align: center;
+
+		@media only screen and (min-width: 768px) {
+			text-align: left;
+			font-size: 32px;
+			padding: 47px 38px 33px 129px;
+			background: #fff;
+			border-bottom: 2px solid #EBEBEB;
+		}
+	}
+
+	.sitemap-header {
+		font-weight: bold;
+		font-size: 14px;
+
+		@media only screen and (min-width: 768px) {
+			font-size: 15px;
+		}
+	}
+
+	.sitemap-nav {
+		margin-top: 32px;
+		font-size: 18px;
+		text-transform: uppercase;
+
+		@media only screen and (min-width: 768px) {
+			width: 25%;
+			float: left;
+			margin: 0;
+			box-sizing: border-box;
+			padding: 31px 5px 68px 5px;
+
+
+			&:nth-child(4n+1) {
+				clear: both;
+			}
+		}
+
+		a {
+			display: block;
+			margin-top: 16px;
+			color: #A3A3B4;
+			font-size: 15px;
+		}
+
+		+ .sitemap-nav {
+			margin-top: 42px;
+
+			@media only screen and (min-width: 768px) {
+				margin: 0;
+			}
+		}
+	}
+
+	.sitemap-subnav {
+		margin-left: 16px;
+
+		a {
+			font-size: 13px;
+			text-transform: none;
+		}
+	}
+
+	@media only screen and (max-width: 767px) {
+    	.hide-small {
+			display: none;
+		}
+    }
+}