i added my code and stuffz for starting point on ui :D

.gitignore

@@ -0,0 +1,18 @@
+# OS generated files
+.DS_Store
+.DS_Store?
+._*
+Thumbs.db
+
+# Logs
+*.log
+
+# Dependency directories
+node_modules
+bower_components
+
+# Build Systems
+.sass-cache
+*.css.map
+build/
+dist/

app/app.js

@@ -0,0 +1,13 @@
+var app = angular.module('app', ['ngRoute']);
+
+// Root controller
+app.controller('root', ['$scope', '$location', function ($scope, $location) {
+  $scope.page = {
+    'title' : 'Root',
+    'id' : 'root',
+    'blackNav' : false
+  };
+  $scope.go = function ( path ) {
+    $location.path( path );
+  };
+}]);

app/app.route.js

@@ -0,0 +1,73 @@
+app.config( function ($routeProvider, $locationProvider) {
+  $routeProvider
+    .when('/', {
+      templateUrl: 'app/pages/news/view.html',
+      controller: 'NewsCtrl'
+    })
+
+    // Sandbox
+    .when('/email', {
+      templateUrl: 'app/sandbox/email.html',
+      controller: 'EmailController'
+    })
+
+    // Sandbox
+    .when('/todo', {
+      templateUrl: 'app/sandbox/todo.html',
+      controller: 'TodoController'
+    })
+
+    .when('/news', {
+      templateUrl: 'app/pages/news/view.html',
+      controller: 'NewsCtrl'
+    })
+
+    .when('/community', {
+      templateUrl: 'app/pages/community/view.html',
+      controller: 'CommunityCtrl'
+    })
+
+    .when('/competitions', {
+      templateUrl: 'app/pages/competitions/view.html',
+      controller: 'CompetitionCtrl'
+    })
+
+    .when('/c/:id', {
+      templateUrl: 'app/pages/single-competition/view.html',
+      controller: 'SingleCompetitionCtrl'
+    })
+
+    // Dashboard  ======Below This Point=======
+    .when('/dashboard', {
+      templateUrl: 'app/pages/dashboard/view.html',
+      controller: 'DashboardCtrl'
+    })
+
+    .when('/dashboard/news', {
+      templateUrl: 'app/pages/dashboard/view.html',
+      controller: 'DashboardNewsCtrl'
+    })
+
+    .when('/dashboard/competitions', {
+      templateUrl: 'app/pages/dashboard/view.html',
+      controller: 'DashboardCompetitionCtrl'
+    })
+
+    .when('/dashboard/featured-user', {
+      templateUrl: 'app/pages/dashboard/view.html',
+      controller: 'DashboardFeatureCtrl'
+    })
+
+    .when('/dashboard/users', {
+      templateUrl: 'app/pages/dashboard/view.html',
+      controller: 'DashboardUserCtrl'
+    })
+
+    // 404 Not Found
+    .otherwise({
+      templateUrl: 'app/pages/404/view.html',
+      controller: '404Ctrl'
+    });
+
+    // $locationProvider.html5Mode(true);
+});

app/pages/404/ctrl.js

@@ -0,0 +1,4 @@
+app.controller('404Ctrl', ['$scope', function ($scope) {
+  $scope.test = "Title";
+  $scope.test2 = "xxdddd";
+}]);

app/pages/community/ctrl.js

@@ -0,0 +1,5 @@
+app.controller('CommunityCtrl', ['$scope', function ($scope) {
+  $scope.page.title = 'Community';
+  $scope.page.id = 'comm';
+  $scope.page.blackNav = true;
+}]);

app/pages/community/style.styl

@@ -0,0 +1,2 @@
+// .asdf
+  // @extend .competition-cards

app/pages/community/view.html

@@ -0,0 +1,29 @@
+<div class="competition-cards">
+  <div class="card small">
+    <div class="img waves-effect waves-block waves-light" style="background-image:url(assets/img/office.jpg)"></div>
+    <div class="card-content">
+      <span class="card-title activator grey-text text-darken-4">Card Title</span>
+    </div>
+  </div>
+
+  <div class="card small">
+    <div class="img waves-effect waves-block waves-light" style="background-image:url(assets/img/office.jpg)"></div>
+    <div class="card-content">
+      <span class="card-title activator grey-text text-darken-4">Card Title</span>
+    </div>
+  </div>
+
+  <div class="card small">
+    <div class="img waves-effect waves-block waves-light" style="background-image:url(assets/img/office.jpg)"></div>
+    <div class="card-content">
+      <span class="card-title activator grey-text text-darken-4">Card Title</span>
+    </div>
+  </div>
+
+  <div class="card small">
+    <div class="img waves-effect waves-block waves-light" style="background-image:url(assets/img/office.jpg)"></div>
+    <div class="card-content">
+      <span class="card-title activator grey-text text-darken-4">Card Title</span>
+    </div>
+  </div>
+</div>

app/pages/competitions/ctrl.js

@@ -0,0 +1,31 @@
+app.controller('CompetitionCtrl', ['$scope', function ($scope) {
+  $scope.page.title = 'Competitions';
+  $scope.page.id = 'comps';
+  $scope.page.blackNav = true;
+}]);
+
+
+/* if timeToView | timeToVote
+Show DOM image grid. Load with images
+
+if timeToVote
+Add vote buttons
+vote onClick: fill(heartUI). Add {username: true} to photo/votes
+firebase/comps/Time/votes {
+  myUsername { -- rule: limit count here to 5
+    userID-I-VotedFor: true
+  }
+}
+
+if timeToEnter
+Show enter DOM
+upload onSubmit, add pic to firebase storage && firebase/competitions/Time/photos
+firebase/comps/Time/photos {
+  myUsername {
+    photoURL: firebaseStorageurl.com/asdf -- write rule, only write to your id
+}
+}
+
+if id-not-found in firebaseObject
+Show DOM template: "Sorry, no competition with that name"
+*/

app/pages/competitions/style.styl

@@ -0,0 +1,15 @@
+.spacer
+  height: 80px
+
+.competition-cards
+  display: flex
+  flex-flow: row wrap
+  justify-content: space-around
+  padding: 6em 2em
+  .card.small
+    flex: 0 400px
+    height: auto
+    margin: 1.5em .5em
+    .img
+      height: 200px
+      background-size: cover

app/pages/competitions/view.html

@@ -0,0 +1,29 @@
+<div class="competition-cards">
+  <div class="card small">
+    <div class="img waves-effect waves-block waves-light" style="background-image:url(assets/img/office.jpg)"></div>
+    <div class="card-content">
+      <span class="card-title activator grey-text text-darken-4">Card Title</span>
+    </div>
+  </div>
+
+  <div class="card small">
+    <div class="img waves-effect waves-block waves-light" style="background-image:url(assets/img/office.jpg)"></div>
+    <div class="card-content">
+      <span class="card-title activator grey-text text-darken-4">Card Title</span>
+    </div>
+  </div>
+
+  <div class="card small">
+    <div class="img waves-effect waves-block waves-light" style="background-image:url(assets/img/office.jpg)"></div>
+    <div class="card-content">
+      <span class="card-title activator grey-text text-darken-4">Card Title</span>
+    </div>
+  </div>
+
+  <div class="card small">
+    <div class="img waves-effect waves-block waves-light" style="background-image:url(assets/img/office.jpg)"></div>
+    <div class="card-content">
+      <span class="card-title activator grey-text text-darken-4">Card Title</span>
+    </div>
+  </div>
+</div>

app/pages/dashboard/ctrl-comps.js

@@ -0,0 +1,4 @@
+app.controller('DashboardCompetitionCtrl', ['$scope', function ($scope) {
+  $scope.test = "Title";
+  $scope.test2 = "xxdddd";
+}]);

app/pages/dashboard/ctrl-dash.js

@@ -0,0 +1,4 @@
+app.controller('DashboardCtrl', ['$scope', function ($scope) {
+  $scope.test = "Title";
+  $scope.test2 = "xxdddd";
+}]);

app/pages/dashboard/ctrl-featured.js

@@ -0,0 +1,4 @@
+app.controller('DashboardFeatureCtrl', ['$scope', function ($scope) {
+  $scope.test = "Title";
+  $scope.test2 = "xxdddd";
+}]);

app/pages/dashboard/ctrl-news.js

@@ -0,0 +1,4 @@
+app.controller('DashboardNewsCtrl', ['$scope', function ($scope) {
+  $scope.test = "Title";
+  $scope.test2 = "xxdddd";
+}]);

app/pages/dashboard/ctrl-users.js

@@ -0,0 +1,4 @@
+app.controller('DashboardUserCtrl', ['$scope', function ($scope) {
+  $scope.test = "Title";
+  $scope.test2 = "xxdddd";
+}]);

app/pages/news/ctrl.js

@@ -0,0 +1,5 @@
+app.controller('NewsCtrl', ['$scope', function ($scope) {
+  $scope.page.title = 'News';
+  $scope.page.id = 'news';
+  $scope.page.blackNav = false;
+}]);

app/pages/news/style.styl

@@ -0,0 +1,102 @@
+/*
+Table of Contents:
+  Hero
+  How it works
+  Header buttons
+  News
+  Featured User
+*/
+
+
+// Hero
+.hero
+  height: 70vh
+  background-size: cover
+
+
+// How it works
+.howItWorks
+  background-color: #eee
+  margin: 0
+  padding: 1em
+
+
+// Header buttons
+header.label
+  cursor: auto
+  color: white
+  font-size: 1.5em
+  position: absolute
+  left: -.3em
+  background-color: #bbb
+  &:hover // materialize fix
+    box-shadow()
+    background-color: #bbb
+  i
+    font-size: 1em
+    display: inline-flex
+    vertical-align: -5%
+
+// News
+.newsFeed article
+  display: flex
+  flex-direction: column
+  align-items: center
+  padding-bottom: 5em
+  h4, h5
+    text-align: center
+  *
+    width: 65%
+
+
+// Featured User
+.featuredUser
+  // Desktop
+  +above(700px)
+    margin-bottom: 2em
+    article
+      align-items: center
+      display: flex
+      flex-wrap: wrap
+      justify-content: center
+      margin: 1.5em 1em
+      +above(1200px)
+        margin: 3em auto
+        max-width: 1200px
+    .left
+      flex: 1 35%
+      padding: 0 25px
+      text-align: center
+      img
+        width: 100%
+        max-width: 30em
+        min-width: 15em
+        border-radius: 800px
+    .right
+      flex: 1 60%
+      padding: 0 2vw
+      h1
+        font-size: 5vw
+        margin: 0 0 1rem 0
+    +above(1200px)
+      .right h1 {font-size: 60px}
+
+  // Mobile
+  +below(700px)
+    margin-bottom: .8em
+    article
+      display: flex
+      align-items: center
+      justify-content: center
+      margin: 1em 1em 1.5em 1em
+      .left
+        img
+          width: 10em
+          border-radius: 800px
+      .right
+        margin-left: 5vw
+        h1
+          font-size: 2em
+          margin: 0 0 1rem 0
+        p
+          display: none