Implement mobile and desktop views for copy updates and ios participate button

Author: Nick Litwin

app/my-dashboard/community-updates/community-updates.jade

@@ -9,3 +9,6 @@ header
       a(ng-href='{{blog.link}}', target='_blank') {{blog.title}}
 
     .description(ng-bind-html="blog.description")
+
+.blog-links(ng-hide="vm.loading")
+  a(ng-href="https://www.{{DOMAIN}}/blog/") View More

app/my-dashboard/my-challenges/my-challenges.jade

@@ -1,7 +1,7 @@
 header(ng-hide="vm.loading")
-  h1.section-title(ng-bind="vm.userHasChallenges ? 'My Challenges' : 'Challenges'")
+  h1.section-title My Challenges
 
-  .challenge-view-toggle
+  .challenge-view-toggle(ng-show="vm.userHasChallenges")
     button.tile(ng-click="vm.toggleView('tile')", ng-class="{ disabled: vm.challengeView === 'tile' }") Grid
 
     button.list(ng-click="vm.toggleView('list')", ng-class="{ disabled: vm.challengeView === 'list' }") List
@@ -30,9 +30,10 @@ section.noChallenges(ng-if="!vm.userHasChallenges && !vm.loading")
 
   p.info Compete in challenges to win money, test yourself against the world's best, and learn new skills
 
-  a(ng-href="https://www.{{DOMAIN}}/challenges/") Find Challenges
+  .info-links
+    a(ng-href="https://www.{{DOMAIN}}/challenges/?pageIndex=1") Find Challenges
 
-  a(href="") Learn More
+    a(href="https://www.{{DOMAIN}}/community/getting-started/") Learn More
 
 section.hasChallenges(ng-if="vm.userHasChallenges && !vm.loading", ng-class="{ 'list-view-active': vm.challengeView === 'list' }")
   .section-titles(ng-show="vm.challengeView === 'list'")
@@ -45,6 +46,6 @@ section.hasChallenges(ng-if="vm.userHasChallenges && !vm.loading", ng-class="{ '
     challenge-tile(ng-repeat="challenge in vm.myChallenges | orderBy:registrationEndDate:true", challenge="challenge", view="vm.challengeView", ng-class="vm.challengeView + '-view'")
 
 .my-challenges-links(ng-if="vm.userHasChallenges && !vm.loading")
-    a(ui-sref="my-challenges({status: 'active'})") View All Active Challenges
+  a(ui-sref="my-challenges({status: 'active'})") View All Active Challenges
 
-    a(ui-sref="my-challenges({status: 'completed'})") View All Past Challenges
+  a(ui-sref="my-challenges({status: 'completed'})") View All Past Challenges

app/my-dashboard/programs/programs.jade

@@ -14,10 +14,10 @@ section.ios(ng-hide="vm.loading")
 
       p Experienced and proven iOS developers are in high-demand. Prove your skills by earning these iOS topcoder badges and gain exclusive access to iOS challenges and prize accelerators, special previews into content and releases, and special community-related events and info.
 
-      a View all the Details
+      .info-links
+        a(ng-click="vm.registerUser()") Participate
 
-      //- .call-to-action(ng-click="vm.registerUser()")
-      //-   p Join Us
+        a(ng-href="ios.{{DOMAIN}}") Learn More
 
   .registered(ng-show="vm.registered")
     .badge-and-challenges
@@ -31,6 +31,3 @@ section.ios(ng-hide="vm.loading")
           a(href="http://ios.{{vm.domain}}", title="topcoder iOS Member Program") View Challenges
 
       ios-card(ng-repeat="challenge in vm.challenges | orderBy:reviewType:true| orderBy:registrationEndDate:true", challenge="challenge", view="'tile'")
-
-.ios-links(ng-hide="vm.loading")
-  p Want to get better at Swift? Learn about the FREE Topcoder #[a(ng-href="https://swift.{{DOMAIN}}/") Swift Course 101]

app/my-dashboard/srms/srms.jade

@@ -12,11 +12,9 @@ section(ng-hide="vm.loading")
       .flex-wrapper
         h2 Practice on past problems
 
-        a(href="https://community.{{DOMAIN}}/tc?module=ProblemArchive") Problem Archives
+        a(href="https://arena.{{DOMAIN}}") Launch Arena
 
-        a(href="https://community.{{DOMAIN}}/wiki/display/tc/Algorithm+Problem+Set+Analysis") Match Editorials
-
-        a(ui-sref="my-srms") View Past SRMs
+        a(href="https://www.{{DOMAIN}}/community/getting-started/") Learn More
 
 .srms-links(ng-hide="vm.loading")
-  p Want to compete right now? Try your skills in the #[a(ng-href="https://arena.{{DOMAIN}}/") Topcoder ARENA]!
+  a(ui-sref="my-srms") View Past SRMs

app/services/notification.service.js

@@ -16,7 +16,8 @@
 
     $rootScope.$on(CONSTANTS.EVENT_USER_LOGGED_OUT, function() {
       showing = false;
-      getNotifications();
+      // Not using notifications for anything at the moment
+      // getNotifications();
     });
 
     function getNotifications() {

assets/css/my-dashboard/community-updates.scss

@@ -10,13 +10,9 @@
 
   header {
     margin-top: 6px;
-    margin-bottom: -6px;
     padding-top: 30px;
     padding-bottom: 24px;
     background-color: $white;
-    @media only screen and (min-width: 570px) {
-      margin-bottom: 0;
-    }
     @media only screen and (min-width: 1132px) {
       margin-top: 0;
       padding-top: 0;
@@ -25,8 +21,7 @@
   }
 
   .posts {
-    padding-left: 10px;
-    padding-right: 10px;
+    padding: 0 10px 6px;
     @media only screen and (min-width: 570px) {
       display: flex;
       flex-flow: row wrap;
@@ -111,4 +106,13 @@
       }
     }
   }
+
+  .blog-links {
+    @include module-links;
+
+    a {
+      @include button-m;
+      @include button-secondary;
+    }
+  }
 }

assets/css/my-dashboard/my-challenges.scss

@@ -16,6 +16,9 @@
     position: absolute;
     bottom: 0;
     right: 55px;
+    @media only screen and (max-width: 767px) {
+      display: none;
+    }
 
     button {
       margin-right: 17px;
@@ -68,6 +71,9 @@
       margin-bottom: 20px;
       @include sofia-pro-extra-light;
       font-size: 18px;
+      line-height: 24px;
+      text-align: center;
+
       text-transform: uppercase;
       @media only screen and (min-width: 900px) {
         font-size: 28px;
@@ -132,15 +138,31 @@
       }
     }
 
-    a {
-      margin-top: 20px;
-      margin-bottom: 40px;
-      @include button-l;
-      text-decoration: none;
-      @media only screen and (min-width: 900px) {
-        @include button-xl;
-        margin-top: 30px;
-        margin-bottom: 90px;
+    .info-links {
+      text-align: center;
+
+      a {
+        display: block;
+        margin: 30px auto;
+        @include button-l;
+        text-decoration: none;
+        @media only screen and (min-width: 768px) {
+          display: inline-block;
+          margin-top: 20px;
+          margin-bottom: 40px;
+        }
+        @media only screen and (min-width: 900px) {
+          @include button-xl;
+          margin-top: 30px;
+          margin-bottom: 90px;
+        }
+
+        &:last-child {
+          @include button-ghost;
+          @media only screen and (min-width: 768px) {
+            margin-left: 30px;
+          }
+        }
       }
     }
   }
@@ -263,13 +285,21 @@
 
   .my-challenges-links {
     @include module-links;
+    @media only screen and (max-width: 767px) {
+      flex-direction: column;
+      padding: 15px 0;
+    }
 
     a {
       @include button-m;
       @include button-secondary;
 
       &:not(:first-child) {
         margin-left: 10px;
+        @media only screen and (max-width: 767px) {
+          margin-top: 10px;
+          margin-left: 0;
+        }
       }
     }
   }

assets/css/my-dashboard/programs.scss

@@ -97,17 +97,26 @@
       }
     }
 
-    a {
-      display: block;
-      margin-top: 30px;
-      font-size: 13px;
-      color: $primary-color;
-      text-decoration: none;
-      text-transform: uppercase;
-      @media only screen and (min-width: 1000px) {
-        font-size: 16px;
+    .info-links {
+      a {
+        @include button-m;
+        display: inline-block;
+        margin-top: 30px;
+        font-size: 13px;
+        color: $white;
+        text-decoration: none;
+        text-transform: uppercase;
+        @media only screen and (min-width: 1000px) {
+          font-size: 16px;
+        }
+
+        &:last-child {
+          @include button-ghost;
+          margin-left: 30px;
+        }
       }
     }
+
   }
 
   .registered {
@@ -202,24 +211,4 @@
       }
     }
   }
-
-  .ios-links {
-    @include module-links;
-
-    p {
-      @include source-sans-regular;
-      font-size: 14px;
-      line-height: 20px;
-      color: $gray-darkest;
-      @media only screen and (min-width: 900px) {
-        font-size: 16px;
-      }
-
-      a {
-        color: $primary-color;
-        cursor: pointer;
-        text-decoration: none;
-      }
-    }
-  }
 }

assets/css/my-dashboard/srms.scss

@@ -94,7 +94,7 @@
 
         h2 {
           margin-top: 60px;
-          margin-bottom: 30px;
+          margin-bottom: 55px;
           @include sofia-pro-light;
           font-size: 24px;
           text-align: center;
@@ -106,8 +106,11 @@
         a {
           margin-bottom: 21px;
           @include button-m-wide;
-          @include button-ghost;
           text-decoration: none;
+
+          &:last-child {
+            @include button-ghost;
+          }
         }
       }
     }
@@ -116,19 +119,12 @@
   .srms-links {
     @include module-links;
 
-    p {
-      @include source-sans-regular;
-      font-size: 14px;
-      line-height: 20px;
-      color: $gray-darkest;
-      @media only screen and (min-width: 900px) {
-        font-size: 16px;
-      }
+    a {
+      @include button-m;
+      @include button-secondary;
 
-      a {
-        color: $primary-color;
-        cursor: pointer;
-        text-decoration: none;
+      &:not(:first-child) {
+        margin-left: 10px;
       }
     }
   }