Added personal information

2 files changed, 59 insertions, 1 deletions

diff --git a/main/app/sprinkles/core/assets/SiteAssets/css/main.css b/main/app/sprinkles/core/assets/SiteAssets/css/main.css
index 4f0733f..ff3295a 100644
--- a/main/app/sprinkles/core/assets/SiteAssets/css/main.css
+++ b/main/app/sprinkles/core/assets/SiteAssets/css/main.css
@@ -52,6 +52,11 @@ hr {
     padding: 0;
 }
 
+hr.ShorterLine {
+    margin: 0 auto;
+    width: 90%;
+}
+
 /*******
 FLICKITY
 *******/
@@ -203,6 +208,59 @@ CHAT WINDOW
     display: none;
 }
 
+/***********
+PERSONAL TAB
+***********/
+.PersonalTabWindow {
+    position: relative;
+    height: 100%;
+    margin: 5px;
+}
+
+.PersonalOverviewHeader {
+    display: flex;
+    justify-content: space-evenly;
+    align-items: flex-end;
+    width: 100%;
+}
+
+.GenderFab {
+    height: 50px;
+    width: 50px;
+    -webkit-border-radius: 100%;
+    -moz-border-radius: 100%;
+    border-radius: 100%;
+    color: white;
+    font-size: 25px;
+    line-height: 50px;
+    text-align: center;
+}
+
+.GenderFab.Female {
+    background: linear-gradient(to right, #ff7a88, #ff9676);
+}
+
+.AvatarImage {
+    height: 110px;
+    width: 110px;
+    -webkit-border-radius: 100%;
+    -moz-border-radius: 100%;
+    border-radius: 100%;
+}
+
+.GenderFab.Male {
+    background: linear-gradient(to right, #11c1d5, #1ddcb6);
+}
+
+.DisplayNames {
+    text-align: center;
+}
+
+.DisplayNames .FullName {
+    font-weight: bold;
+    font-size: 20px;
+}
+
 /*****
 NAVBAR
 *****/
diff --git a/main/app/sprinkles/core/assets/SiteAssets/js/main.js b/main/app/sprinkles/core/assets/SiteAssets/js/main.js
index 6f9147b..9f89394 100644
--- a/main/app/sprinkles/core/assets/SiteAssets/js/main.js
+++ b/main/app/sprinkles/core/assets/SiteAssets/js/main.js
@@ -14,7 +14,7 @@ NavbarLine
     .data("origWidth", NavbarLine.width());
 NavbarIconWrap.on("click", function () {
     NavbarIconWrap.removeClass("ActiveTab");
-    $(this).children().attr("src", $(this).children().attr("src").split('.svg')[0] + "Activated.svg");
+    //$(this).children().attr("src", $(this).children().attr("src").split('.svg')[0] + "Activated.svg");
     var index = $(this).attr('id');
     MainTabWindows.slick('slickGoTo', index);
     //$('.MainTabWindows').flickity().flickity('select', index);