diff --git a/index.html b/index.html
index 171c117..386caeb 100644
--- a/index.html
+++ b/index.html
@@ -46,6 +46,7 @@
     <script src="/js/controllers/dns-controller.js" charset="utf-8"></script>
     <script src="/js/controllers/email-controller.js" charset="utf-8"></script>
     <!-- Divrectives -->
+    <script src="/js/directives/achievement-directive.js" charset="utf-8"></script>
     <script src="/js/directives/notification-directive.js" charset="utf-8"></script>
     <script src="/js/directives/todo-directive.js" charset="utf-8"></script>
     <script src="/js/directives/upload-directive.js" charset="utf-8"></script>
diff --git a/js/controllers/home-controller.js b/js/controllers/home-controller.js
index 068aea5..041669d 100644
--- a/js/controllers/home-controller.js
+++ b/js/controllers/home-controller.js
@@ -1,16 +1,13 @@
 app.controller('homeCtrl', [
-  '$rootScope', '$scope', 'Auth', 'localStorageService', '$location', 'azp@oauth3.org'
-, function ($rootScope, $scope, Auth, localStorageService, $location, Oauth3) {
+  '$rootScope', '$scope', 'Auth', 'localStorageService', '$location', 'azp@oauth3.org',
+  function ($rootScope, $scope, Auth, localStorageService, $location, Oauth3) {
 
   var vm = this;
   vm.oauth3 = Oauth3.oauth3;
 
-  vm.notification = true;
+  vm.achievement = true;
 
-  vm.userName = function(profile){
-    profile = Auth.getProfile();
-    return profile.email;
-  };
+  vm.notificationMessage = "testing stuff...";
 
   throw new Error('loaded home controller');
 }]);
diff --git a/js/directives/achievement-directive.js b/js/directives/achievement-directive.js
new file mode 100644
index 0000000..548152b
--- /dev/null
+++ b/js/directives/achievement-directive.js
@@ -0,0 +1,7 @@
+app.directive('achievementDirective', function() {
+  return {
+    templateUrl: "templates/widgets/achievement-widget.html",
+    controller: 'homeCtrl',
+    controllerAs: 'vm'
+  };
+});
diff --git a/js/directives/notification-directive.js b/js/directives/notification-directive.js
index 7dad58a..cd1ad3c 100644
--- a/js/directives/notification-directive.js
+++ b/js/directives/notification-directive.js
@@ -1,5 +1,7 @@
 app.directive('notificationDirective', function() {
   return {
-    templateUrl: "templates/widgets/notification-widget.html"
+    templateUrl: "templates/widgets/notification-widget.html",
+    controller: 'homeCtrl',
+    controllerAs: 'vm'
   };
 });
diff --git a/templates/home.html b/templates/home.html
index 5761389..463c64c 100644
--- a/templates/home.html
+++ b/templates/home.html
@@ -1,5 +1,7 @@
 <div notification-directive></div>
 
+<div achievement-directive></div>
+
 <div upload-directive></div>
 
 <div class="panel panel-default">
diff --git a/templates/widgets/achievement-widget.html b/templates/widgets/achievement-widget.html
new file mode 100644
index 0000000..f8dd4b8
--- /dev/null
+++ b/templates/widgets/achievement-widget.html
@@ -0,0 +1,14 @@
+<div ng-show="vm.achievement" class="panel panel-default">
+  <div class="panel-heading frsa">
+    <span class="align-left">Congratulations: Award Unlocked (just for fun)</span>
+    <span ng-click="vm.achievement = false" class="achievement-close cp"><i class="fa fa-times-circle"></i></span>
+  </div>
+
+  <div class="panel-body achievement-body">
+    <i class="fa fa-trophy fa-4x"></i>
+    <div class="achievement-text">
+      <!-- <p><strong ng-bind="vm.achievement.name">Achievement Name</strong>: <span ng-bind="vm.achievement.desc">Achievement Text</span></p> -->
+      <p><strong>Welcome</strong>:</p>
+    </div>
+  </div>
+</div>
diff --git a/templates/widgets/notification-widget.html b/templates/widgets/notification-widget.html
index 90e0c2b..37fb0ab 100644
--- a/templates/widgets/notification-widget.html
+++ b/templates/widgets/notification-widget.html
@@ -1,14 +1,4 @@
-<div ng-show="vm.notification" class="panel panel-default">
-  <div class="panel-heading frsa">
-    <span class="align-left">Congratulations: Award Unlocked (just for fun)</span>
-    <span ng-click="vm.notification = false" class="achievement-close cp"><i class="fa fa-times-circle"></i></span>
-  </div>
-
-  <div class="panel-body achievement-body">
-    <i class="fa fa-trophy fa-4x"></i>
-    <div class="achievement-text">
-      <!-- <p><strong ng-bind="vm.achievement.name">Achievement Name</strong>: <span ng-bind="vm.achievement.desc">Achievement Text</span></p> -->
-      <p><strong>Welcome</strong>: {{ vm.userName() }}</p>
-    </div>
-  </div>
-</div>
+<div class="alert alert-success" role="alert">{{ vm.notificationMessage }}</div>
+<div class="alert alert-info" role="alert">{{ vm.notificationMessage }}</div>
+<div class="alert alert-warning" role="alert">{{ vm.notificationMessage }}</div>
+<div class="alert alert-danger" role="alert">{{ vm.notificationMessage }}</div>