refractor: update login component cover image and add missing links (#98)

Update login component cover image and add missing links to the
description.

Fixes #97

src/app/login/login.component.html

@@ -10,8 +10,8 @@
     <div class="cover-content">
       <h1 class="mat-display-1 cover-title">Mifos</h1>
       <p class="mat-headline">
-        Mifos X is designed by the Mifos Initiative. A global community that aims to speed the elimination of poverty by enabling Organizations to more effectively and efficiently deliver responsible financial services to the world’s poor and unbanked.
+        Mifos X is designed by the <a href="http://www.openmf.org">Mifos Initiative</a>. A <a href="http://mifos.org/resources/community/">global community</a> that aims to speed the elimination of poverty by enabling Organizations to more effectively and efficiently deliver responsible financial services to the world’s poor and unbanked.
-        Sounds interesting? Get involved!
+        Sounds interesting? <a href="http://mifos.org/take-action/volunteer/">Get involved!</a>
       </p>
     </div>
   </div>

src/app/login/login.component.scss

@@ -1,6 +1,6 @@
 .cover {
   background: url("../../assets/images/cover_image.jpg") no-repeat center center;
-  background-size: contain;
+  background-size: cover;
   // opacity: 0.4
   position: relative;
   z-index: 0;;
@@ -13,7 +13,7 @@
   background: linear-gradient(black, black);
   width: 100%;
   height: 100%;
-  opacity: 0.7;
+  opacity: 0.6;
   top: 0;
   left: 0;
   display: block;
@@ -28,6 +28,17 @@
   color: white;
   text-align: justify;
   z-index: 2;
+
+  p {
+    a {
+      text-decoration: underline;
+      color: white;
+     }
+
+     a:hover {
+       color: lightgray;
+     }
+  }
 }
 
 .cover-title {
@@ -66,6 +77,7 @@ p {
 .divider {
   margin: 10px 30px;
 }
+
 // @import "../../theme/theme-variables";
 // @import "~bootstrap/scss/mixins/_breakpoints";