From 708d6889a5dcb946afd9035c73a24378ccbc3da7 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Fri, 23 Jul 2021 23:51:08 +0530
Subject: [PATCH] Refactoring and layout update

-- added separate page for all intern updates
-- removed notification panel
---
 components.js    |   2 +-
 css/main.css     | 167 ++++++------------
 css/main.min.css |   2 +-
 css/main.scss    | 215 +++++++++--------------
 new.html         | 440 ++++++++++++++---------------------------------
 5 files changed, 265 insertions(+), 561 deletions(-)

diff --git a/components.js b/components.js
index c1e2b37..c4f88f3 100644
--- a/components.js
+++ b/components.js
@@ -30,7 +30,7 @@ smButton.innerHTML = `
     color: var(--accent-color);
 }
 :host([variant='no-outline']) .button{
-    background: rgba(var(--background-color), 1); 
+    background: inherit; 
     color: var(--accent-color);
 }
 :host([disabled]){
diff --git a/css/main.css b/css/main.css
index b3999fc..3db50df 100644
--- a/css/main.css
+++ b/css/main.css
@@ -351,8 +351,8 @@ ul {
   gap: 1rem;
   align-items: center;
   position: sticky;
-  padding: 0.5rem 1.5rem;
-  background: rgba(var(--background-color), 1);
+  padding: 1rem 1.5rem;
+  background: var(--foreground-color);
   z-index: 1;
 }
 
@@ -361,6 +361,7 @@ ul {
   position: relative;
   display: flex;
   align-items: center;
+  background-color: var(--foreground-color);
 }
 
 .nav-list__item {
@@ -368,6 +369,8 @@ ul {
   flex-direction: column;
   align-items: center;
   width: 100%;
+  padding: 0.5rem 0;
+  -webkit-tap-highlight-color: transparent;
   font-size: 0.8rem;
   font-weight: 500;
   color: rgba(var(--text-color), 0.8);
@@ -392,7 +395,7 @@ ul {
 .container-card {
   position: relative;
   background: var(--foreground-color);
-  border-radius: 0.4rem;
+  border-radius: 0.5rem;
 }
 
 .solid-background {
@@ -509,7 +512,6 @@ a {
   gap: 1rem;
   display: grid;
   position: relative;
-  margin: 1rem;
   animation: fadein 0.4s ease;
 }
 
@@ -542,7 +544,7 @@ a {
   padding: 1rem;
 }
 
-#dashboard {
+#dashboard_page {
   padding-bottom: 5rem;
   grid-template-columns: auto;
 }
@@ -574,8 +576,6 @@ a {
 }
 
 .spacer {
-  -webkit-box-flex: 1;
-  -ms-flex: 1;
   flex: 1;
 }
 
@@ -616,8 +616,9 @@ a {
 
 .project-card {
   padding: 1rem;
-  text-transform: capitalize;
   font-weight: 500;
+  line-height: 1.5;
+  text-transform: capitalize;
   color: rgba(var(--text-color), 0.8);
 }
 
@@ -726,31 +727,26 @@ a {
 }
 
 #intern_updates .container-header {
-  padding-right: 0;
+  padding: 0 1rem;
   border-bottom: 1px solid rgba(var(--text-color), 0.1);
 }
-
 #intern_updates .container-header button {
   padding: 1rem 0;
   border-bottom: 0.2rem solid transparent;
   border-radius: 0;
   opacity: 0.7;
 }
-
 #intern_updates .container-header button:first-of-type {
   margin-right: 1rem;
 }
-
 #intern_updates .container-header button:last-of-type {
   margin-right: 1rem;
 }
-
 #intern_updates .container-header .active {
   color: rgba(var(--text-color), 1);
   border-bottom: 0.2rem solid var(--accent-color);
 }
 
-#update_container,
 #requests_container {
   display: flex;
   max-height: 80vh;
@@ -763,10 +759,16 @@ a {
   transition: opacity 0.3s ease;
 }
 
-.update {
+#updates_page {
+  padding: 0.5rem 1rem;
+}
+
+.intern-update {
   display: grid;
   gap: 0.5rem;
   padding: 1rem;
+  border-radius: 0.5rem;
+  background-color: rgba(var(--text-color), 0.06);
 }
 
 .update__topic {
@@ -796,7 +798,7 @@ a {
   align-items: center;
   flex-direction: row;
   width: 100%;
-  padding: 0 1rem;
+  padding: 1rem;
 }
 
 .container-header h3 {
@@ -837,20 +839,6 @@ a {
   padding: 0.6rem;
 }
 
-#textCopied {
-  padding: 1rem;
-  border-radius: 2rem;
-  background: var(--sec-color);
-  position: fixed;
-  bottom: 0;
-  pointer-events: none;
-  margin: 2rem 0;
-  left: 50%;
-  transform: translateX(-50%);
-  transition: 0.3s opacity ease;
-  z-index: 10;
-}
-
 #intern_info {
   flex-direction: column;
 }
@@ -977,12 +965,13 @@ a {
   padding: 0.5rem;
 }
 
-.task-list-item p {
+.task-description {
   grid-area: description;
   margin: 0;
-  text-overflow: ellipsis;
   overflow: hidden;
   max-width: 100%;
+  text-overflow: ellipsis;
+  white-space: pre-line;
 }
 
 .assigned-interns {
@@ -1036,7 +1025,6 @@ a {
   padding: 0.8rem 1.5rem;
   display: flex;
   align-items: center;
-  cursor: pointer;
 }
 #task_context li .icon {
   margin-right: 0.5rem;
@@ -1064,11 +1052,6 @@ a {
   margin-bottom: 1rem;
 }
 
-#best_interns_container .container-header,
-#project_list_container .container-header {
-  padding-right: 0;
-}
-
 #best_interns_container .container-header .icon,
 #project_list_container .container-header .icon {
   margin-right: 0.5rem;
@@ -1149,27 +1132,11 @@ a {
 #status_map_container {
   position: relative;
   overflow: hidden;
-  background: #B9F6CA;
-}
-
-#status_map_container .branch-btn {
-  color: rgba(0, 0, 0, 0.8);
-}
-
-#status_map_container p {
-  color: rgba(0, 0, 0, 0.9);
-}
-
-#status_map_container .active-branch {
-  color: white;
-  background: rgba(0, 200, 83, 0.6);
 }
 
 #status_map_container #status_map {
   position: relative;
-  z-index: 1;
-  padding: 1rem;
-  color: #000;
+  padding: 0 1rem 1rem 1rem;
 }
 
 #status_map_container #status_map h2 {
@@ -1177,37 +1144,15 @@ a {
   text-transform: capitalize;
 }
 
-#status_map_container #status_map .circle {
-  background: #B9F6CA;
-  border: 2px solid rgba(0, 0, 0, 0.4);
-}
-
-#status_map_container #status_map .line {
-  background: rgba(0, 0, 0, 0.4);
-}
-
-#status_map_container #status_map .assigned-intern {
-  border: rgba(0, 0, 0, 0.4) 1px solid;
-}
-
-#status_map_container #status_map .apply-btn {
-  color: #1B5E20;
-  background: rgba(0, 200, 83, 0.2);
-}
-
 .apply-btn {
   padding: 0.3rem 0.6rem;
 }
 
 .watching {
   position: relative;
-  padding-left: 1rem;
-  padding-top: 1rem;
   display: flex;
-  flex-direction: row;
+  padding: 1rem;
   align-items: center;
-  color: #000;
-  z-index: 1;
 }
 
 .watching h4 {
@@ -1216,19 +1161,14 @@ a {
 }
 
 .watching button {
-  padding: 1rem;
-}
-
-.watching button svg {
-  fill: none !important;
-  fill: none;
-  stroke: rgba(var(--text-color), 0.8);
-  stroke-width: 6;
-  overflow: visible;
-  stroke: #000;
+  cursor: pointer;
+  padding: 0.5rem;
+  border-radius: 0.5rem;
 }
 
 #right {
+  align-items: flex-start;
+  align-content: flex-start;
   padding: 0 1rem;
 }
 
@@ -1259,9 +1199,9 @@ a {
 }
 
 #admin_page {
-  padding: 0 1.5rem;
+  padding: 1.5rem;
   display: grid;
-  gap: 1.5rem;
+  gap: 1rem 1.5rem;
 }
 
 #admin_page__header {
@@ -1298,6 +1238,7 @@ a {
   }
 
   #main_nav {
+    padding: 0.5rem;
     flex-direction: column;
     align-items: flex-start;
   }
@@ -1305,7 +1246,9 @@ a {
   .nav-list__item {
     flex-direction: row;
     align-items: center;
-    padding: 0.5rem 0.8rem;
+    border-radius: 0.5rem;
+    padding: 0.8rem;
+    margin-bottom: 0.25rem;
     font-size: 1rem;
   }
   .nav-list__item--active {
@@ -1330,22 +1273,15 @@ a {
     border-radius: 0.4rem;
   }
 
-  #dashboard {
+  #dashboard_page {
+    padding: 1rem;
     grid-template-columns: 3fr 1fr;
   }
 
-  #dashboard #status_map_container {
+  #dashboard_page #status_map_container {
     align-self: flex-start;
   }
 
-  #dashboard #status_map_container .watching {
-    padding-left: 2rem;
-  }
-
-  #dashboard #status_map_container #status_map {
-    padding: 1rem 2rem;
-  }
-
   .task .apply-btn {
     opacity: 0;
     -webkit-transition: opacity 0.3s ease;
@@ -1357,7 +1293,7 @@ a {
   }
 
   #admin_page {
-    grid-template-columns: 16rem 1fr;
+    grid-template-columns: 18rem 1fr;
     grid-template-rows: auto 1fr;
     grid-template-areas: "admin-header admin-header" ". .";
   }
@@ -1381,22 +1317,18 @@ a {
 
   #project_explorer {
     display: grid;
-    align-items: flex-start;
-    grid-template-columns: 1fr 3fr;
-    grid-template-areas: "header header" "left right";
-  }
-
-  #project_explorer .header {
-    border-radius: 0.4rem 0.4rem 0 0;
-    grid-area: header;
+    height: 100%;
+    grid-template-columns: 16rem 3fr;
+    grid-template-areas: "left right";
   }
 
   #project_explorer #left {
-    position: sticky;
-    top: 4.8rem;
     grid-area: left;
-    align-self: flex-start;
+    height: 100%;
+    overflow-y: auto;
+    padding-bottom: 1.5rem;
     border-right: 1px solid rgba(var(--text-color), 0.06);
+    background-color: rgba(var(--text-color), 0.06);
   }
 
   #project_explorer #left h4 {
@@ -1408,10 +1340,12 @@ a {
 
   #project_explorer #right {
     grid-area: right;
+    height: 100%;
+    overflow-y: auto;
   }
 
   #main_page {
-    grid-template-columns: 10rem minmax(0, 1fr);
+    grid-template-columns: 12rem minmax(0, 1fr);
     grid-template-areas: "main-header main-header" "main-nav sub-pages";
   }
 }
@@ -1431,13 +1365,16 @@ ul {
 
 #assigned_task_list {
   display: grid;
+  gap: 1rem;
+  margin-top: 1rem;
   align-content: flex-start;
-  gap: 1.5rem;
 }
 
 .task-card {
   display: grid;
   padding: 1rem;
+  border-radius: 0.5rem;
+  background-color: var(--foreground-color);
 }
 
 .task__header {
diff --git a/css/main.min.css b/css/main.min.css
index 003b9ce..b63c9d9 100644
--- a/css/main.min.css
+++ b/css/main.min.css
@@ -1 +1 @@
-a:where([class]),button{color:inherit}#textCopied,.hide,.ripple{pointer-events:none}a,a:where([class]){text-decoration:none}*{padding:0;margin:0;box-sizing:border-box;font-family:Roboto,sans-serif}:root{font-size:clamp(1rem,1.2vmax,3rem)}body,html{height:100%;scroll-behavior:smooth}body{color:rgba(var(--text-color),1);background:rgba(var(--background-color),1)}body,body *{--accent-color:#5D54A4;--text-color:17,17,17;--background-color:246,246,246;--foreground-color:white;--danger-color:red}body[data-theme=dark],body[data-theme=dark] *{--accent-color:#9D65C9;--text-color:240,240,240;--text-color-light:170,170,170;--background-color:10,10,10;--foreground-color:rgb(20, 20, 20);--danger-color:rgb(255, 106, 106)}p{max-width:65ch;line-height:1.7;color:rgba(var(--text-color),.8)}p:not(:last-of-type){margin-bottom:1.5rem}img{object-fit:cover}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color),1) inset}button{position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden}.color-0-8,.nav-list__item{color:rgba(var(--text-color),.8)}a:any-link:focus-visible{outline:solid rgba(var(--text-color),1)}sm-button{--border-radius:0.3rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color),1)}#edit_data_fig,sm-button[disabled] .icon{fill:rgba(var(--text-color),.6)}.hide{opacity:0}.hide-completely{display:none!important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:2.5rem}.h2{font-size:2rem}.h3{font-size:1.4rem}.h4{font-size:1rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}#intern_info h3,#status_map_container #status_map h2,.assigned-interns .assigned-intern,.capitalise,.capitalize,.project-card,.update__topic{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}#loading_page,.center,.text-center{text-align:center}.align-start{align-items:flex-start}.align-center{align-items:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.weight-400{font-weight:400}.weight-500{font-weight:500}.ripple{position:absolute;border-radius:50%;transform:scale(0);background:rgba(var(--text-color),.16)}#loading_page,#sign_in_page{top:0;left:0;right:0;background-color:var(--foreground-color);bottom:0;place-content:center}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.observe-empty-state:empty{display:none}.observe-empty-state:not(:empty)~.empty-state{display:none}.icon{width:1.5rem;height:1.5rem;fill:rgba(var(--text-color),.9)}.button__icon{height:1.2rem;width:1.2rem}.button__icon--left{margin-right:.5rem}.button__icon--right{margin-left:.5rem}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .5rem;align-items:center;grid-template-columns:auto 1fr auto}.popup__header__close{padding:.5rem;cursor:pointer}#main_page{height:100%;grid-template-rows:auto 1fr auto;grid-template-areas:"main-header" "sub-pages" "main-nav"}#main_header{grid-area:main-header;display:flex;gap:1rem;align-items:center;position:sticky;padding:.5rem 1.5rem;background:rgba(var(--background-color),1);z-index:1}#main_nav{grid-area:main-nav;position:relative;display:flex;align-items:center}.nav-list__item{display:flex;flex-direction:column;align-items:center;width:100%;font-size:.8rem;font-weight:500;cursor:pointer}.active,.nav-list__item--active,a{color:var(--accent-color)}.nav-list__item--active .icon{fill:var(--accent-color)}.nav-list__item .icon{margin-bottom:.3rem}#sub_page_container{grid-area:sub-pages;height:100%;overflow-y:auto}.container-card{position:relative;background:var(--foreground-color);border-radius:.4rem}.solid-background{transition:background-color 2s;background:var(--foreground-color)}.medium-top-bottom-margin{margin:.5rem 0}#sign_in_page{display:grid;position:fixed;z-index:5}#sign_in_form{width:22rem}.task{display:grid;grid-template-columns:auto 1fr;margin:0 1rem}.task:last-of-type .left .line{transform:scaleY(0)}.task .left{display:flex;position:relative;justify-content:center;padding-top:.5rem}.task .left .circle{display:inline-flex;position:relative;align-self:flex-start;height:1rem;width:1rem;border-radius:50%;background:var(--foreground-color);border:2px solid;z-index:1}.task .left .line{position:absolute;left:50%;height:100%;width:2px;transform:translateX(-50%) scaleY(1);background-color:rgba(var(--text-color),.4)}.task .right{margin-left:1rem;display:flex;flex-direction:column;width:100%}.task .right .apply-cont{width:100%;display:flex;flex-direction:row}.task .right .apply-cont h4{-webkit-box-flex:1;-ms-flex:1;flex:1}.task h4{margin-top:.4rem;margin-bottom:1rem}.task p{white-space:pre-line;padding-bottom:2rem}.task .assigned-interns .assigned-intern{padding:.4rem}.completed-task .left .circle{border:2px solid #00C853!important;background:#00C853!important}.completed-task .left .line{background-color:#00C853!important}.page{gap:1rem;display:grid;position:relative;margin:1rem;animation:fadein .4s ease}.fade-in{-webkit-animation:fadein .4s ease;animation:fadein .4s ease}@-webkit-keyframes fadein{0%{opacity:0}100%{opacity:1}}@keyframes fadein{0%{opacity:0}100%{opacity:1}}.title{font-weight:500}.padding{padding:1rem}#dashboard{padding-bottom:5rem;grid-template-columns:auto}.show{display:block}.hide-on-mobile,.hide-page-on-mobile{display:none}.hide-on-desktop{display:initial}.no-transformations{-webkit-transform:none!important;transform:none!important}.no-bottom-margin{margin-bottom:0}.top-margin{margin-top:.3rem}.spacer{-webkit-box-flex:1;-ms-flex:1;flex:1}.logo{display:flex;align-items:center;font-size:1.2rem;width:100%}.logo .cls-2,.logo .cls-3{fill:rgba(var(--text-color),1);font-size:146.9px;font-family:ArialMT,Arial}.logo svg{height:2.5rem}.logo h4{margin:0}.active{opacity:1!important}.active svg{fill:var(--accent-color)}.svg-margin-right svg{margin-right:.5rem}.project-card{padding:1rem;font-weight:500;color:rgba(var(--text-color),.8)}.intern-card{user-select:none}.intern-card span:first-of-type{display:flex;justify-content:center;align-items:center;flex-shrink:0;padding:.8rem;border-radius:50%;background:#673AB7;margin-right:1rem;color:#fff;font-weight:500;font-size:1.2rem;line-height:0}.intern-card span:first-of-type::after{content:"";display:block;padding-bottom:100%}.card,.request-card{margin-bottom:.5rem;padding:1rem;position:relative}.intern-card span:nth-of-type(2){flex:1;text-transform:capitalize;flex-shrink:0}.intern-card span:nth-of-type(3){display:inline-flex;align-items:center;align-content:center;font-weight:500;font-size:1.2rem;color:var(--light-text)}.intern-card span:nth-of-type(3) svg{fill:#FF5722!important;height:1rem!important;width:1rem!important;margin-right:.2rem}.card{display:flex;flex-direction:row;align-items:center}.request-card{display:flex;align-items:left;flex-wrap:wrap;border-bottom:1px solid rgba(var(--text-color),.1)}.request-card p{margin-top:0;width:100%;font-size:1rem}.request-card b{font-weight:500}.request-card button{padding:.2rem .6rem .2rem 0}.request-card button:first-of-type{margin-left:auto}.request-card:last-of-type{border-bottom:none}.dropdown{position:relative}.dropdown-content{overflow:hidden;position:absolute;z-index:2;margin:1rem;right:2rem;min-width:24rem;background:var(--foreground-color);box-shadow:0 1rem 1.5rem -.5rem rgba(0,0,0,.3);border-radius:.5rem}#intern_updates .container-header{padding-right:0;border-bottom:1px solid rgba(var(--text-color),.1)}#intern_updates .container-header button{padding:1rem 0;border-bottom:.2rem solid transparent;border-radius:0;opacity:.7}#intern_updates .container-header button:first-of-type{margin-right:1rem}#intern_updates .container-header button:last-of-type{margin-right:1rem}#intern_updates .container-header .active{color:rgba(var(--text-color),1);border-bottom:.2rem solid var(--accent-color)}#requests_container,#update_container{display:flex;max-height:80vh;overflow-y:auto;flex-direction:column;overscroll-behavior:contain}#updates{transition:opacity .3s ease}.update{display:grid;gap:.5rem;padding:1rem}.update__topic{font-weight:500;font-size:1rem;max-width:60ch}.update__sender{color:var(--accent-color);font-size:.9rem;font-weight:500}.update__time{font-size:.85rem;color:rgba(var(--text-color),.8)}.active-branch,.commit,.container-header span{color:var(--accent-color)}.update__message{white-space:pre-line}.container-header{display:flex;align-items:center;flex-direction:row;width:100%;padding:0 1rem}.container-header h3{flex:1;font-weight:500}.container-header span{border-radius:.2rem;margin-right:.2rem;padding:.5rem 1rem;font-weight:500}.back-arrow{fill:none;stroke:rgba(var(--text-color),.8);stroke-width:6;overflow:visible;width:2rem;height:2rem;padding:.5rem .5rem .5rem 0;cursor:pointer}.close-svg,.header svg,.tick-mark{stroke:rgba(var(--text-color),.8);overflow:visible}.close-svg,.tick-mark{fill:none;stroke-width:6;height:2rem;width:2rem}.close-svg{padding:.6rem}#textCopied{padding:1rem;border-radius:2rem;background:var(--sec-color);position:fixed;bottom:0;margin:2rem 0;left:50%;transform:translateX(-50%);transition:.3s opacity ease;z-index:10}#intern_info{flex-direction:column}#intern_info div{display:flex;flex-direction:row;align-items:center;width:100%;margin-bottom:1rem}#intern_info div span{flex:1;word-break:break-all;font-size:.9rem}#intern_info div svg{fill:rgba(var(--text-color),1);height:2.5rem;padding:.6rem;overflow:visible}#intern_info .gold-fill{fill:#FF5722}#intern_info #update_intern_score h4{margin:0;font-size:2rem}#intern_info #update_intern_score button{border:1px solid}#intern_info #update_intern_score button svg{stroke-width:10;fill:none;stroke:var(--accent-color)}#intern_info #update_intern_score rect{stroke:transparent}#intern_info h4,#intern_info h5{margin-top:.5rem}#project_info{flex-direction:column}.branch-btn{padding:.5rem;border-radius:.2rem;margin:.5rem .5rem .5rem 0;user-select:none}.active-branch{opacity:1;background:rgba(var(--text-color),.04)}.opac{opacity:1!important}.task-list-item{display:grid;grid-template-columns:auto auto 1fr auto;grid-template-areas:"status . title options" "status . interns interns" "status . description description";padding:1rem;gap:.5rem;align-items:center;background:rgba(var(--text-color),.02)}#task_context,.header{background:var(--foreground-color)}.task-list-item sm-checkbox{grid-area:status;align-self:flex-start;padding:.5rem .5rem .5rem 0}.task-list-item:first-of-type{margin-top:1rem;border-radius:.2rem .2rem 0 0}.task-list-item:last-of-type{border-radius:0 0 .2rem .2rem;border-bottom:none;margin-bottom:1rem}.task-list-item h4{font-weight:500;margin:0}.task-list-item .title{grid-area:title}.task-list-item .assigned-interns{grid-area:interns}.task-list-item .task-option{grid-area:options;cursor:pointer;transition:opacity .3s ease;padding:.5rem}.task-list-item p{grid-area:description;margin:0;text-overflow:ellipsis;overflow:hidden;max-width:100%}.assigned-interns{display:flex;flex-wrap:wrap}.assigned-interns .assigned-intern{user-select:none;display:flex;font-size:.8rem;margin:.2rem .5rem .2rem 0;padding:.2rem 0 .2rem .4rem;border-radius:.2rem;border:1px solid;align-items:center;white-space:nowrap}.assigned-interns .assigned-intern button{padding:.2rem}.assigned-interns .assigned-intern button svg{padding:.2rem;height:1rem;width:1rem}.commit{border:1px solid var(--accent-color);padding:.6rem}#task_context{transition:.3s opacity ease;top:0;right:0;margin:0 2rem;list-style:none;padding:.5rem 0;width:max-content;border-radius:.3rem;position:absolute;box-shadow:0 .5rem 1rem -.3rem rgba(0,0,0,.3)}#task_context li{padding:.8rem 1.5rem;display:flex;align-items:center;cursor:pointer}#task_context li .icon{margin-right:.5rem}#branch_container{display:flex;flex-flow:row wrap;margin:1rem 0}#interns_list{flex-direction:column;min-width:20rem}#interns_list #interns_list_container{min-height:50vh;max-height:50vh;overflow-y:auto}#best_interns_container,#project_list_container{margin-bottom:1rem}#best_interns_container .container-header,#project_list_container .container-header{padding-right:0}#best_interns_container .container-header .icon,#project_list_container .container-header .icon{margin-right:.5rem}#edit_data_fig{width:60vw;margin:2rem 0}.header{position:-webkit-sticky;position:sticky;top:0;display:flex;flex-flow:row;border-bottom:1px solid rgba(var(--text-color),.1);align-items:center;z-index:2}.header svg{fill:none;stroke-width:6;height:2rem;width:2rem;cursor:pointer;padding:.4rem;margin-left:1rem}.header h3{padding:0 .5rem;display:inline-flexbox}.appear-on-scroll-up{position:fixed!important;top:0;width:100%;height:4rem!important}#loading_page{display:grid;position:fixed;z-index:5;justify-items:center}.loading-message{font-size:1.3rem;margin:1.5rem 0 .5rem}#loading_page__footer{position:absolute;bottom:0;width:100%;padding:1.5rem}#loading_page__footer .icon{height:4rem;width:4rem}#status_map_container{position:relative;overflow:hidden;background:#B9F6CA}#status_map_container .branch-btn{color:rgba(0,0,0,.8)}#status_map_container p{color:rgba(0,0,0,.9)}#status_map_container .active-branch{color:#fff;background:rgba(0,200,83,.6)}#status_map_container #status_map{position:relative;z-index:1;padding:1rem;color:#000}#status_map_container #status_map h2{margin:.4rem 0}#status_map_container #status_map .circle{background:#B9F6CA;border:2px solid rgba(0,0,0,.4)}#status_map_container #status_map .line{background:rgba(0,0,0,.4)}#status_map_container #status_map .assigned-intern{border:1px solid rgba(0,0,0,.4)}#status_map_container #status_map .apply-btn{color:#1B5E20;background:rgba(0,200,83,.2)}.apply-btn{padding:.3rem .6rem}#project_editing_panel,.watching button{padding:1rem}.watching{position:relative;padding-left:1rem;padding-top:1rem;display:flex;flex-direction:row;align-items:center;color:#000;z-index:1}.watching h4{flex:1;font-weight:500}.watching button svg{fill:none!important;fill:none;stroke-width:6;overflow:visible;stroke:#000}#right{padding:0 1rem}#right div:first-of-type h2{flex:1;margin:.4rem 0}#right div:first-of-type button{border:1px solid}.center{position:relative;display:grid;place-content:center;height:100%}#project_explorer,#show_all{margin:0}#admin_page{padding:0 1.5rem;display:grid;gap:1.5rem}#admin_page__header{display:grid;gap:0 1rem;padding:.5rem 0;grid-template-columns:1fr auto;align-items:center}@media only screen and (min-width:640px){.hide-on-desktop{display:none!important}.hide-on-mobile{display:flex}.hide-page-on-mobile{display:grid}sm-popup{--width:24rem}.popup__header{padding:1.5rem 1.5rem 0 .5rem}#main_nav{flex-direction:column;align-items:flex-start}.nav-list__item{flex-direction:row;align-items:center;padding:.5rem .8rem;font-size:1rem}.nav-list__item--active{background-color:rgba(var(--text-color),.06)}.nav-list__item .icon{margin-right:.5rem;margin-bottom:0}.project-card--active{background-color:rgba(var(--text-color),.1)}#settings_page{padding:1rem 2rem}#sign_in{width:24rem;height:auto;border-radius:.4rem}#dashboard{grid-template-columns:3fr 1fr}#dashboard #status_map_container{align-self:flex-start}#dashboard #status_map_container .watching{padding-left:2rem}#dashboard #status_map_container #status_map{padding:1rem 2rem}.task .apply-btn{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.task:hover .apply-btn{opacity:1}#admin_page{grid-template-columns:16rem 1fr;grid-template-rows:auto 1fr;grid-template-areas:"admin-header admin-header" ". ."}#admin_page__header{grid-area:admin-header}#edit_data_fig{width:16rem;justify-self:center}#interns,#projects{display:flex;flex-direction:column;max-height:calc(100vh - 16rem);overflow-y:auto}#project_explorer{display:grid;align-items:flex-start;grid-template-columns:1fr 3fr;grid-template-areas:"header header" "left right"}#project_explorer .header{border-radius:.4rem .4rem 0 0;grid-area:header}#project_explorer #left{position:sticky;top:4.8rem;grid-area:left;align-self:flex-start;border-right:1px solid rgba(var(--text-color),.06)}#project_explorer #left h4{margin-top:0;margin-bottom:.5rem;color:#29B6F6;font-size:.9rem}#project_explorer #right{grid-area:right}#main_page{grid-template-columns:10rem minmax(0,1fr);grid-template-areas:"main-header main-header" "main-nav sub-pages"}}#update_of_project,.task__description,.task__project-title{color:rgba(var(--text-color),.8)}#update_of_task{font-size:1.3rem;margin:.4rem 0 1.8rem}ul{padding:0;list-style:none}#assigned_task_list{display:grid;align-content:flex-start;gap:1.5rem}.task-card{display:grid;padding:1rem}.task__header{display:grid;gap:0 .5rem;align-items:flex-start;grid-template-columns:1fr auto;grid-template-areas:". send-button" ". send-button"}.task__project-title{font-size:.9rem;font-weight:500;border-radius:.3rem;padding:.3rem .5rem;justify-self:flex-start;margin-bottom:.5rem!important;background-color:rgba(var(--text-color),.06)}.task__title{font-size:1.3rem;margin-bottom:1rem!important}.task__description{white-space:pre-line}.send-update-button{grid-area:send-button;--padding:0.6rem 0.8rem;color:var(--accent-color)}.send-update-button .icon{height:1.2rem;width:1.2rem;fill:var(--accent-color)}@media (any-hover:hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color),.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color),.5)}.interact:hover{background-color:rgba(var(--text-color),.06)}.send-update-button{opacity:0;transition:opacity .3s}.task-card:hover .send-update-button{opacity:1}.task-option{opacity:0}.task-list-item:hover .task-option,.task-option:focus-within{opacity:1}}@media (any-hover:none){.apply-btn,.task-option{opacity:1}}
\ No newline at end of file
+a:where([class]),button{color:inherit}.hide,.ripple{pointer-events:none}.interact,.nav-list__item{-webkit-tap-highlight-color:transparent;cursor:pointer}a,a:where([class]){text-decoration:none}#loading_page,#sign_in_page{top:0;left:0;right:0;bottom:0;place-content:center}#loading_page,#sign_in_page,.center{place-content:center}*{padding:0;margin:0;box-sizing:border-box;font-family:Roboto,sans-serif}:root{font-size:clamp(1rem,1.2vmax,3rem)}body,html{height:100%;scroll-behavior:smooth}body{color:rgba(var(--text-color),1);background:rgba(var(--background-color),1)}body,body *{--accent-color:#5D54A4;--text-color:17,17,17;--background-color:246,246,246;--foreground-color:white;--danger-color:red}body[data-theme=dark],body[data-theme=dark] *{--accent-color:#9D65C9;--text-color:240,240,240;--text-color-light:170,170,170;--background-color:10,10,10;--foreground-color:rgb(20, 20, 20);--danger-color:rgb(255, 106, 106)}p{max-width:65ch;line-height:1.7;color:rgba(var(--text-color),.8)}p:not(:last-of-type){margin-bottom:1.5rem}img{object-fit:cover}a:where([class]):focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color),1) inset}button{position:relative;display:inline-flex;border:none;background-color:transparent;overflow:hidden}.color-0-8,.nav-list__item{color:rgba(var(--text-color),.8)}a:any-link:focus-visible{outline:solid rgba(var(--text-color),1)}sm-button{--border-radius:0.3rem}sm-button[variant=primary] .icon{fill:rgba(var(--background-color),1)}sm-button[disabled] .icon{fill:rgba(var(--text-color),.6)}.hide{opacity:0}.hide-completely{display:none!important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.task p,.task-description,.task__description,.update__message{white-space:pre-line}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.full-bleed{grid-column:1/4}.h1{font-size:2.5rem}.h2{font-size:2rem}.h3{font-size:1.4rem}.h4{font-size:1rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}#intern_info h3,#status_map_container #status_map h2,.assigned-interns .assigned-intern,.capitalise,.capitalize,.project-card,.update__topic{text-transform:capitalize}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:1fr auto auto}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}#loading_page,.center,.text-center{text-align:center}.align-start{align-items:flex-start}.align-center{align-items:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.w-100{width:100%}.weight-400{font-weight:400}.weight-500{font-weight:500}.ripple{position:absolute;border-radius:50%;transform:scale(0);background:rgba(var(--text-color),.16)}#main_header,.container-card,.solid-background,.task .left .circle{background:var(--foreground-color)}#main_nav,#sign_in_page{background-color:var(--foreground-color)}.interact{position:relative;overflow:hidden}.observe-empty-state:empty{display:none}.observe-empty-state:not(:empty)~.empty-state{display:none}.icon{width:1.5rem;height:1.5rem;fill:rgba(var(--text-color),.9)}.button__icon{height:1.2rem;width:1.2rem}.button__icon--left{margin-right:.5rem}.button__icon--right{margin-left:.5rem}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{font-weight:500;margin-bottom:.5rem}#confirmation_popup sm-button,#prompt_popup sm-button{margin:0}#confirmation_popup .flex,#prompt_popup .flex{padding:0;margin-top:1rem}#confirmation_popup .flex sm-button:first-of-type,#prompt_popup .flex sm-button:first-of-type{margin-right:.6rem;margin-left:auto}.popup__header{display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .5rem;align-items:center;grid-template-columns:auto 1fr auto}.popup__header__close{padding:.5rem;cursor:pointer}#main_page{height:100%;grid-template-rows:auto 1fr auto;grid-template-areas:"main-header" "sub-pages" "main-nav"}#main_header{grid-area:main-header;display:flex;gap:1rem;align-items:center;position:sticky;padding:1rem 1.5rem;z-index:1}#main_nav{grid-area:main-nav;position:relative;display:flex;align-items:center}.nav-list__item{display:flex;flex-direction:column;align-items:center;width:100%;padding:.5rem 0;font-size:.8rem;font-weight:500}.active,.nav-list__item--active,a{color:var(--accent-color)}.nav-list__item--active .icon{fill:var(--accent-color)}.nav-list__item .icon{margin-bottom:.3rem}#sub_page_container{grid-area:sub-pages;height:100%;overflow-y:auto}.container-card{position:relative;border-radius:.5rem}.solid-background{transition:background-color 2s}.medium-top-bottom-margin{margin:.5rem 0}#sign_in_page{display:grid;position:fixed;z-index:5}#sign_in_form{width:22rem}.task{display:grid;grid-template-columns:auto 1fr;margin:0 1rem}.task:last-of-type .left .line{transform:scaleY(0)}.task .left{display:flex;position:relative;justify-content:center;padding-top:.5rem}.task .left .circle{display:inline-flex;position:relative;align-self:flex-start;height:1rem;width:1rem;border-radius:50%;border:2px solid;z-index:1}.task .left .line{position:absolute;left:50%;height:100%;width:2px;transform:translateX(-50%) scaleY(1);background-color:rgba(var(--text-color),.4)}.task .right{margin-left:1rem;display:flex;flex-direction:column;width:100%}.task .right .apply-cont{width:100%;display:flex;flex-direction:row}.task .right .apply-cont h4{-webkit-box-flex:1;-ms-flex:1;flex:1}.task h4{margin-top:.4rem;margin-bottom:1rem}.task p{padding-bottom:2rem}.task .assigned-interns .assigned-intern{padding:.4rem}.completed-task .left .circle{border:2px solid #00C853!important;background:#00C853!important}.completed-task .left .line{background-color:#00C853!important}.page{gap:1rem;display:grid;position:relative;animation:fadein .4s ease}.fade-in{-webkit-animation:fadein .4s ease;animation:fadein .4s ease}@-webkit-keyframes fadein{0%{opacity:0}100%{opacity:1}}@keyframes fadein{0%{opacity:0}100%{opacity:1}}.title{font-weight:500}.padding{padding:1rem}#dashboard_page{padding-bottom:5rem;grid-template-columns:auto}.show{display:block}.hide-on-mobile,.hide-page-on-mobile{display:none}.hide-on-desktop{display:initial}.no-transformations{-webkit-transform:none!important;transform:none!important}.no-bottom-margin{margin-bottom:0}.top-margin{margin-top:.3rem}.spacer{flex:1}.logo{display:flex;align-items:center;font-size:1.2rem;width:100%}.logo .cls-2,.logo .cls-3{fill:rgba(var(--text-color),1);font-size:146.9px;font-family:ArialMT,Arial}.logo svg{height:2.5rem}.logo h4{margin:0}.active{opacity:1!important}.active svg{fill:var(--accent-color)}.svg-margin-right svg{margin-right:.5rem}.project-card{padding:1rem;font-weight:500;line-height:1.5;color:rgba(var(--text-color),.8)}.intern-card{user-select:none}.intern-card span:first-of-type{display:flex;justify-content:center;align-items:center;flex-shrink:0;padding:.8rem;border-radius:50%;background:#673AB7;margin-right:1rem;color:#fff;font-weight:500;font-size:1.2rem;line-height:0}.intern-card span:first-of-type::after{content:"";display:block;padding-bottom:100%}.card,.request-card{margin-bottom:.5rem;padding:1rem;position:relative}.intern-card span:nth-of-type(2){flex:1;text-transform:capitalize;flex-shrink:0}.intern-card span:nth-of-type(3){display:inline-flex;align-items:center;align-content:center;font-weight:500;font-size:1.2rem;color:var(--light-text)}.intern-card span:nth-of-type(3) svg{fill:#FF5722!important;height:1rem!important;width:1rem!important;margin-right:.2rem}.card{display:flex;flex-direction:row;align-items:center}.request-card{display:flex;align-items:left;flex-wrap:wrap;border-bottom:1px solid rgba(var(--text-color),.1)}.request-card p{margin-top:0;width:100%;font-size:1rem}.request-card b{font-weight:500}.request-card button{padding:.2rem .6rem .2rem 0}.request-card button:first-of-type{margin-left:auto}.request-card:last-of-type{border-bottom:none}.dropdown{position:relative}.dropdown-content{overflow:hidden;position:absolute;z-index:2;margin:1rem;right:2rem;min-width:24rem;background:var(--foreground-color);box-shadow:0 1rem 1.5rem -.5rem rgba(0,0,0,.3);border-radius:.5rem}#intern_updates .container-header{padding:0 1rem;border-bottom:1px solid rgba(var(--text-color),.1)}#intern_updates .container-header button{padding:1rem 0;border-bottom:.2rem solid transparent;border-radius:0;opacity:.7}#intern_updates .container-header button:first-of-type{margin-right:1rem}#intern_updates .container-header button:last-of-type{margin-right:1rem}#intern_updates .container-header .active{color:rgba(var(--text-color),1);border-bottom:.2rem solid var(--accent-color)}#requests_container{display:flex;max-height:80vh;overflow-y:auto;flex-direction:column;overscroll-behavior:contain}#updates{transition:opacity .3s ease}#updates_page{padding:.5rem 1rem}.intern-update{display:grid;gap:.5rem;padding:1rem;border-radius:.5rem;background-color:rgba(var(--text-color),.06)}.update__topic{font-weight:500;font-size:1rem;max-width:60ch}.update__sender{color:var(--accent-color);font-size:.9rem;font-weight:500}.update__time{font-size:.85rem;color:rgba(var(--text-color),.8)}.active-branch,.commit,.container-header span{color:var(--accent-color)}.container-header{display:flex;align-items:center;flex-direction:row;width:100%;padding:1rem}.container-header h3{flex:1;font-weight:500}.container-header span{border-radius:.2rem;margin-right:.2rem;padding:.5rem 1rem;font-weight:500}.back-arrow{fill:none;stroke:rgba(var(--text-color),.8);stroke-width:6;overflow:visible;width:2rem;height:2rem;padding:.5rem .5rem .5rem 0;cursor:pointer}.close-svg,.header svg,.tick-mark{stroke:rgba(var(--text-color),.8)}.close-svg,.tick-mark{fill:none;stroke-width:6;overflow:visible;height:2rem;width:2rem}.close-svg{padding:.6rem}#intern_info{flex-direction:column}#intern_info div{display:flex;flex-direction:row;align-items:center;width:100%;margin-bottom:1rem}#intern_info div span{flex:1;word-break:break-all;font-size:.9rem}#intern_info div svg{fill:rgba(var(--text-color),1);height:2.5rem;padding:.6rem;overflow:visible}#intern_info .gold-fill{fill:#FF5722}#intern_info #update_intern_score h4{margin:0;font-size:2rem}#intern_info #update_intern_score button{border:1px solid}#intern_info #update_intern_score button svg{stroke-width:10;fill:none;stroke:var(--accent-color)}#intern_info #update_intern_score rect{stroke:transparent}#intern_info h4,#intern_info h5{margin-top:.5rem}#project_info{flex-direction:column}.branch-btn{padding:.5rem;border-radius:.2rem;margin:.5rem .5rem .5rem 0;user-select:none}.active-branch{opacity:1;background:rgba(var(--text-color),.04)}.opac{opacity:1!important}.task-list-item{display:grid;grid-template-columns:auto auto 1fr auto;grid-template-areas:"status . title options" "status . interns interns" "status . description description";padding:1rem;gap:.5rem;align-items:center;background:rgba(var(--text-color),.02)}#task_context,.header{background:var(--foreground-color)}.task-list-item sm-checkbox{grid-area:status;align-self:flex-start;padding:.5rem .5rem .5rem 0}.task-list-item:first-of-type{margin-top:1rem;border-radius:.2rem .2rem 0 0}.task-list-item:last-of-type{border-radius:0 0 .2rem .2rem;border-bottom:none;margin-bottom:1rem}.task-list-item h4{font-weight:500;margin:0}.task-list-item .title{grid-area:title}.task-list-item .assigned-interns{grid-area:interns}.task-list-item .task-option{grid-area:options;cursor:pointer;transition:opacity .3s ease;padding:.5rem}.task-description{grid-area:description;margin:0;overflow:hidden;max-width:100%;text-overflow:ellipsis}.assigned-interns{display:flex;flex-wrap:wrap}.assigned-interns .assigned-intern{user-select:none;display:flex;font-size:.8rem;margin:.2rem .5rem .2rem 0;padding:.2rem 0 .2rem .4rem;border-radius:.2rem;border:1px solid;align-items:center;white-space:nowrap}.assigned-interns .assigned-intern button{padding:.2rem}.assigned-interns .assigned-intern button svg{padding:.2rem;height:1rem;width:1rem}.commit{border:1px solid var(--accent-color);padding:.6rem}#task_context{transition:.3s opacity ease;top:0;right:0;margin:0 2rem;list-style:none;padding:.5rem 0;width:max-content;border-radius:.3rem;position:absolute;box-shadow:0 .5rem 1rem -.3rem rgba(0,0,0,.3)}#task_context li{padding:.8rem 1.5rem;display:flex;align-items:center}#task_context li .icon{margin-right:.5rem}#branch_container{display:flex;flex-flow:row wrap;margin:1rem 0}#interns_list{flex-direction:column;min-width:20rem}#interns_list #interns_list_container{min-height:50vh;max-height:50vh;overflow-y:auto}#best_interns_container,#project_list_container{margin-bottom:1rem}#best_interns_container .container-header .icon,#project_list_container .container-header .icon{margin-right:.5rem}#edit_data_fig{fill:rgba(var(--text-color),.6);width:60vw;margin:2rem 0}.header{position:-webkit-sticky;position:sticky;top:0;display:flex;flex-flow:row;border-bottom:1px solid rgba(var(--text-color),.1);align-items:center;z-index:2}.header svg{fill:none;stroke-width:6;overflow:visible;height:2rem;width:2rem;cursor:pointer;padding:.4rem;margin-left:1rem}.header h3{padding:0 .5rem;display:inline-flexbox}.appear-on-scroll-up{position:fixed!important;top:0;width:100%;height:4rem!important}#loading_page{display:grid;position:fixed;z-index:5;justify-items:center;background-color:var(--foreground-color)}.loading-message{font-size:1.3rem;margin:1.5rem 0 .5rem}#loading_page__footer{position:absolute;bottom:0;width:100%;padding:1.5rem}#loading_page__footer .icon{height:4rem;width:4rem}#status_map_container{position:relative;overflow:hidden}#status_map_container #status_map{position:relative;padding:0 1rem 1rem}#status_map_container #status_map h2{margin:.4rem 0}.apply-btn{padding:.3rem .6rem}.watching{position:relative;display:flex;padding:1rem;align-items:center}.watching h4{flex:1;font-weight:500}.watching button{cursor:pointer;padding:.5rem;border-radius:.5rem}#right{align-items:flex-start;align-content:flex-start;padding:0 1rem}#right div:first-of-type h2{flex:1;margin:.4rem 0}#right div:first-of-type button{border:1px solid}.center{position:relative;display:grid;height:100%}#project_explorer,#show_all{margin:0}#admin_page{padding:1.5rem;display:grid;gap:1rem 1.5rem}#admin_page__header{display:grid;gap:0 1rem;padding:.5rem 0;grid-template-columns:1fr auto;align-items:center}#project_editing_panel{padding:1rem}@media only screen and (min-width:640px){.hide-on-desktop{display:none!important}.hide-on-mobile{display:flex}.hide-page-on-mobile{display:grid}sm-popup{--width:24rem}.popup__header{padding:1.5rem 1.5rem 0 .5rem}#main_nav{padding:.5rem;flex-direction:column;align-items:flex-start}.nav-list__item{flex-direction:row;align-items:center;border-radius:.5rem;padding:.8rem;margin-bottom:.25rem;font-size:1rem}.nav-list__item--active{background-color:rgba(var(--text-color),.06)}.nav-list__item .icon{margin-right:.5rem;margin-bottom:0}.project-card--active{background-color:rgba(var(--text-color),.1)}#settings_page{padding:1rem 2rem}#sign_in{width:24rem;height:auto;border-radius:.4rem}#dashboard_page{padding:1rem;grid-template-columns:3fr 1fr}#dashboard_page #status_map_container{align-self:flex-start}.task .apply-btn{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.task:hover .apply-btn{opacity:1}#admin_page{grid-template-columns:18rem 1fr;grid-template-rows:auto 1fr;grid-template-areas:"admin-header admin-header" ". ."}#admin_page__header{grid-area:admin-header}#edit_data_fig{width:16rem;justify-self:center}#interns,#projects{display:flex;flex-direction:column;max-height:calc(100vh - 16rem);overflow-y:auto}#project_explorer{display:grid;height:100%;grid-template-columns:16rem 3fr;grid-template-areas:"left right"}#project_explorer #left{grid-area:left;height:100%;overflow-y:auto;padding-bottom:1.5rem;border-right:1px solid rgba(var(--text-color),.06);background-color:rgba(var(--text-color),.06)}#project_explorer #left h4{margin-top:0;margin-bottom:.5rem;color:#29B6F6;font-size:.9rem}#project_explorer #right{grid-area:right;height:100%;overflow-y:auto}#main_page{grid-template-columns:12rem minmax(0,1fr);grid-template-areas:"main-header main-header" "main-nav sub-pages"}}#update_of_project,.task__description,.task__project-title{color:rgba(var(--text-color),.8)}#update_of_task{font-size:1.3rem;margin:.4rem 0 1.8rem}ul{padding:0;list-style:none}#assigned_task_list{display:grid;gap:1rem;margin-top:1rem;align-content:flex-start}.task-card{display:grid;padding:1rem;border-radius:.5rem;background-color:var(--foreground-color)}.task__header{display:grid;gap:0 .5rem;align-items:flex-start;grid-template-columns:1fr auto;grid-template-areas:". send-button" ". send-button"}.task__project-title{font-size:.9rem;font-weight:500;border-radius:.3rem;padding:.3rem .5rem;justify-self:flex-start;margin-bottom:.5rem!important;background-color:rgba(var(--text-color),.06)}.task__title{font-size:1.3rem;margin-bottom:1rem!important}.send-update-button{grid-area:send-button;--padding:0.6rem 0.8rem;color:var(--accent-color)}.send-update-button .icon{height:1.2rem;width:1.2rem;fill:var(--accent-color)}@media (any-hover:hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color),.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color),.5)}.interact:hover{background-color:rgba(var(--text-color),.06)}.send-update-button{opacity:0;transition:opacity .3s}.task-card:hover .send-update-button{opacity:1}.task-option{opacity:0}.task-list-item:hover .task-option,.task-option:focus-within{opacity:1}}@media (any-hover:none){.apply-btn,.task-option{opacity:1}}
\ No newline at end of file
diff --git a/css/main.scss b/css/main.scss
index bf1c7f6..4f3faf6 100644
--- a/css/main.scss
+++ b/css/main.scss
@@ -366,8 +366,8 @@ ul {
     gap: 1rem;
     align-items: center;
     position: sticky;
-    padding: 0.5rem 1.5rem;
-    background: rgba(var(--background-color), 1);
+    padding: 1rem 1.5rem;
+    background: var(--foreground-color);
     z-index: 1;
 }
 
@@ -376,6 +376,7 @@ ul {
     position: relative;
     display: flex;
     align-items: center;
+    background-color: var(--foreground-color);
 }
 
 .nav-list__item {
@@ -384,6 +385,8 @@ ul {
     align-items: center;
 
     width: 100%;
+    padding: 0.5rem 0;
+    -webkit-tap-highlight-color: transparent;
 
     font-size: 0.8rem;
     font-weight: 500;
@@ -413,7 +416,7 @@ ul {
 .container-card {
     position: relative;
     background: var(--foreground-color);
-    border-radius: 0.4rem;
+    border-radius: 0.5rem;
 }
 
 .solid-background {
@@ -531,7 +534,6 @@ a {
     gap: 1rem;
     display: grid;
     position: relative;
-    margin: 1rem;
     animation: fadein 0.4s ease;
 }
 
@@ -568,7 +570,7 @@ a {
     padding: 1rem;
 }
 
-#dashboard {
+#dashboard_page {
     padding-bottom: 5rem;
     grid-template-columns: auto;
 }
@@ -600,8 +602,6 @@ a {
 }
 
 .spacer {
-    -webkit-box-flex: 1;
-    -ms-flex: 1;
     flex: 1;
 }
 
@@ -642,8 +642,9 @@ a {
 
 .project-card {
     padding: 1rem;
-    text-transform: capitalize;
     font-weight: 500;
+    line-height: 1.5;
+    text-transform: capitalize;
     color: rgba(var(--text-color), 0.8);
 }
 
@@ -751,32 +752,29 @@ a {
     border-radius: 0.5rem;
 }
 
-#intern_updates .container-header {
-    padding-right: 0;
-    border-bottom: 1px solid rgba(var(--text-color), 0.1);
+#intern_updates{
+    .container-header {
+       padding: 0 1rem;
+       border-bottom: 1px solid rgba(var(--text-color), 0.1);
+   }
+   .container-header button {
+       padding: 1rem 0;
+       border-bottom: 0.2rem solid transparent;
+       border-radius: 0;
+       opacity: 0.7;
+   }
+   .container-header button:first-of-type {
+       margin-right: 1rem;
+   }
+   .container-header button:last-of-type {
+       margin-right: 1rem;
+   }
+   .container-header .active {
+       color: rgba(var(--text-color), 1);
+       border-bottom: 0.2rem solid var(--accent-color);
+   }
 }
 
-#intern_updates .container-header button {
-    padding: 1rem 0;
-    border-bottom: 0.2rem solid transparent;
-    border-radius: 0;
-    opacity: 0.7;
-}
-
-#intern_updates .container-header button:first-of-type {
-    margin-right: 1rem;
-}
-
-#intern_updates .container-header button:last-of-type {
-    margin-right: 1rem;
-}
-
-#intern_updates .container-header .active {
-    color: rgba(var(--text-color), 1);
-    border-bottom: 0.2rem solid var(--accent-color);
-}
-
-#update_container,
 #requests_container {
     display: flex;
     max-height: 80vh;
@@ -789,10 +787,18 @@ a {
     transition: opacity 0.3s ease;
 }
 
-.update {
+#updates_page{
+    padding: 0.5rem 1rem;
+}
+#all_updates_list{
+
+}
+.intern-update {
     display: grid;
     gap: 0.5rem;
     padding: 1rem;
+    border-radius: 0.5rem;
+    background-color: rgba(var(--text-color), 0.06);
 }
 
 .update__topic {
@@ -822,7 +828,7 @@ a {
     align-items: center;
     flex-direction: row;
     width: 100%;
-    padding: 0 1rem;
+    padding: 1rem;
 }
 
 .container-header h3 {
@@ -863,20 +869,6 @@ a {
     padding: 0.6rem;
 }
 
-#textCopied {
-    padding: 1rem;
-    border-radius: 2rem;
-    background: var(--sec-color);
-    position: fixed;
-    bottom: 0;
-    pointer-events: none;
-    margin: 2rem 0;
-    left: 50%;
-    transform: translateX(-50%);
-    transition: 0.3s opacity ease;
-    z-index: 10;
-}
-
 #intern_info {
     flex-direction: column;
 }
@@ -1005,12 +997,13 @@ a {
     padding: 0.5rem;
 }
 
-.task-list-item p {
+.task-description{
     grid-area: description;
     margin: 0;
-    text-overflow: ellipsis;
     overflow: hidden;
     max-width: 100%;
+    text-overflow: ellipsis;
+    white-space: pre-line;
 }
 
 .assigned-interns {
@@ -1064,8 +1057,7 @@ a {
         padding: 0.8rem 1.5rem;
         display: flex;
         align-items: center;
-        cursor: pointer;
-
+        
         .icon {
             margin-right: 0.5rem;
         }
@@ -1096,11 +1088,6 @@ a {
     margin-bottom: 1rem;
 }
 
-#best_interns_container .container-header,
-#project_list_container .container-header {
-    padding-right: 0;
-}
-
 #best_interns_container .container-header .icon,
 #project_list_container .container-header .icon {
     margin-right: 0.5rem;
@@ -1182,27 +1169,11 @@ a {
 #status_map_container {
     position: relative;
     overflow: hidden;
-    background: #B9F6CA;
-}
-
-#status_map_container .branch-btn {
-    color: rgba(0, 0, 0, 0.8);
-}
-
-#status_map_container p {
-    color: rgba(0, 0, 0, 0.9);
-}
-
-#status_map_container .active-branch {
-    color: white;
-    background: rgba(0, 200, 83, 0.6);
 }
 
 #status_map_container #status_map {
     position: relative;
-    z-index: 1;
-    padding: 1rem;
-    color: #000;
+    padding: 0 1rem 1rem 1rem;
 }
 
 #status_map_container #status_map h2 {
@@ -1210,37 +1181,15 @@ a {
     text-transform: capitalize;
 }
 
-#status_map_container #status_map .circle {
-    background: #B9F6CA;
-    border: 2px solid rgba(0, 0, 0, 0.4);
-}
-
-#status_map_container #status_map .line {
-    background: rgba(0, 0, 0, 0.4);
-}
-
-#status_map_container #status_map .assigned-intern {
-    border: rgba(0, 0, 0, 0.4) 1px solid;
-}
-
-#status_map_container #status_map .apply-btn {
-    color: #1B5E20;
-    background: rgba(0, 200, 83, 0.2);
-}
-
 .apply-btn {
     padding: 0.3rem 0.6rem;
 }
 
 .watching {
     position: relative;
-    padding-left: 1rem;
-    padding-top: 1rem;
     display: flex;
-    flex-direction: row;
+    padding: 1rem;
     align-items: center;
-    color: #000;
-    z-index: 1;
 }
 
 .watching h4 {
@@ -1249,19 +1198,13 @@ a {
 }
 
 .watching button {
-    padding: 1rem;
+    cursor: pointer;
+    padding: 0.5rem;
+    border-radius: 0.5rem;
 }
-
-.watching button svg {
-    fill: none !important;
-    fill: none;
-    stroke: rgba(var(--text-color), 0.8);
-    stroke-width: 6;
-    overflow: visible;
-    stroke: #000;
-}
-
 #right {
+    align-items: flex-start;
+    align-content: flex-start;
     padding: 0 1rem;
 }
 
@@ -1292,9 +1235,9 @@ a {
 }
 
 #admin_page {
-    padding: 0 1.5rem;
+    padding: 1.5rem;
     display: grid;
-    gap: 1.5rem;
+    gap: 1rem 1.5rem;
 }
 
 #admin_page__header {
@@ -1331,6 +1274,7 @@ a {
     }
 
     #main_nav {
+        padding: 0.5rem;
         flex-direction: column;
         align-items: flex-start;
     }
@@ -1339,7 +1283,9 @@ a {
         flex-direction: row;
         align-items: center;
 
-        padding: 0.5rem 0.8rem;
+        border-radius: 0.5rem;
+        padding: 0.8rem;
+        margin-bottom: 0.25rem;
 
         font-size: 1rem;
 
@@ -1368,22 +1314,15 @@ a {
         border-radius: 0.4rem;
     }
 
-    #dashboard {
+    #dashboard_page {
+        padding: 1rem;
         grid-template-columns: 3fr 1fr;
     }
 
-    #dashboard #status_map_container {
+    #dashboard_page #status_map_container {
         align-self: flex-start;
     }
 
-    #dashboard #status_map_container .watching {
-        padding-left: 2rem;
-    }
-
-    #dashboard #status_map_container #status_map {
-        padding: 1rem 2rem;
-    }
-
     .task .apply-btn {
         opacity: 0;
         -webkit-transition: opacity 0.3s ease;
@@ -1395,7 +1334,7 @@ a {
     }
 
     #admin_page {
-        grid-template-columns: 16rem 1fr;
+        grid-template-columns: 18rem 1fr;
         grid-template-rows: auto 1fr;
         grid-template-areas: 'admin-header admin-header''. .';
     }
@@ -1419,23 +1358,17 @@ a {
 
     #project_explorer {
         display: grid;
-        align-items: flex-start;
-        grid-template-columns: 1fr 3fr;
-        grid-template-areas: 'header header'
-            'left right';
+        height: 100%;
+        grid-template-columns: 16rem 3fr;
+        grid-template-areas: 'left right';
     }
-
-    #project_explorer .header {
-        border-radius: 0.4rem 0.4rem 0 0;
-        grid-area: header;
-    }
-
     #project_explorer #left {
-        position: sticky;
-        top: 4.8rem;
         grid-area: left;
-        align-self: flex-start;
+        height: 100%;
+        overflow-y: auto;
+        padding-bottom: 1.5rem;
         border-right: 1px solid rgba(var(--text-color), 0.06);
+        background-color: rgba(var(--text-color), 0.06);
     }
 
     #project_explorer #left h4 {
@@ -1447,13 +1380,16 @@ a {
 
     #project_explorer #right {
         grid-area: right;
+        height: 100%;
+        overflow-y: auto;
     }
 
 
     // Newer styles
 
     #main_page {
-        grid-template-columns: 10rem minmax(0, 1fr);
+        // gap: 0 1.5rem;
+        grid-template-columns: 12rem minmax(0, 1fr);
         grid-template-areas: 'main-header main-header''main-nav sub-pages';
     }
 }
@@ -1474,16 +1410,21 @@ ul {
     padding: 0;
     list-style: none;
 }
+#intern_view{
+}
 
 #assigned_task_list {
     display: grid;
+    gap: 1rem;
+    margin-top: 1rem;
     align-content: flex-start;
-    gap: 1.5rem;
 }
 
 .task-card {
     display: grid;
     padding: 1rem;
+    border-radius: 0.5rem;
+    background-color: var(--foreground-color);
 }
 
 .task__header {
diff --git a/new.html b/new.html
index b8cf678..f531ba1 100644
--- a/new.html
+++ b/new.html
@@ -75,91 +75,13 @@
     <main id="main_page" class="grid">
         <header id="main_header">
             <div id="logo" class="logo svg-margin-right">
-                <svg viewBox="0 0 118.35 118.35">
-                    <title>RanchiMall logo</title>
-                    <style type="text/css">
-                        .outer-layer {
-                            fill: #CB1F1F;
-                        }
-
-                        .inner-layer {
-                            fill: #FF4E4E;
-                        }
-
-                        .logo-layer {
-                            fill: #FFFFFF;
-                        }
-                    </style>
-                    <g id="Group_329_1_" transform="translate(-1783.76 -17.542)">
-                        <g id="Group_330_1_" transform="matrix(0.966, 0.259, -0.259, 0.966, 1814.879, 17.541)">
-                            <path id="Path_180_1_" class="outer-layer" d="M63.89-1.96c-10.68-4.42-9.91-8.27-21.47-8.27s-10.8,3.85-21.48,8.27S8.08-0.8-0.09,7.37
-                        S-5,17.73-9.43,28.41s-8.27,9.92-8.27,21.47s3.85,10.8,8.27,21.48s1.16,12.86,9.34,21.03s10.35,4.91,21.03,9.33
-                        S30.86,110,42.42,110s10.79-3.85,21.47-8.27s12.86-1.16,21.04-9.33s4.91-10.36,9.33-21.04s8.27-9.92,8.27-21.47
-                        s-3.85-10.79-8.27-21.47s-1.23-12.71-9.29-21C77.3-0.46,74.57,2.47,63.89-1.96z" />
-                        </g>
-                        <g id="Group_326_1_" transform="translate(1810.58 44.362)">
-                            <path id="Path_180-2_1_" class="inner-layer" d="M49.08-8.03c-8.31-3.44-7.72-6.44-16.72-6.44s-8.41,3-16.72,6.44S5.62-7.13-0.74-0.76
-                        S-4.56,7.3-8.01,15.61s-6.44,7.72-6.44,16.72s3,8.4,6.44,16.72s0.9,10.01,7.27,16.38s8.06,3.82,16.38,7.27s7.72,6.44,16.72,6.44
-                        s8.4-3,16.72-6.44s10.01-0.9,16.38-7.27s3.82-8.06,7.27-16.38s6.44-7.72,6.44-16.72s-3-8.4-6.44-16.72s-0.96-9.9-7.24-16.35
-                        C59.52-6.86,57.39-4.59,49.08-8.03z" />
-                        </g>
-                        <path id="Path_5_2_" class="logo-layer" d="M1864.51,98.2c-1.11-3.75-4.48-6.58-12.45-10.48c-2.26-0.99-4.39-2.26-6.34-3.76
-                    c-0.78-0.72-1.42-1.57-1.9-2.52c-0.32-1.12-0.33-2.3-0.02-3.42c0.57-1.64,1.2-2.37,5.88-6.87c2.81-2.7,4.23-4.69,5.05-7.06
-                    c0.34-1.4,0.37-2.86,0.08-4.27c-1.04-2.81-3.22-5.18-6.88-7.5c-1.35-0.85-1.95-0.97-1.96-0.37c-0.1,0.39-0.25,0.76-0.45,1.1
-                    l-0.45,0.83l-1.27-0.88c-0.7-0.49-1.54-1.02-1.86-1.19c-0.59-0.3-1.09-0.28-1.09,0.07c-0.25,0.7-0.56,1.37-0.92,2.01
-                    c-0.02,0.03-0.2-0.05-0.4-0.2c-2.77-1.98-3.97-2.52-3.97-1.77c-0.47,1.26-1.08,2.46-1.81,3.59c-2.94,4.94-5.94,7.38-9.05,7.38
-                    c-1.35,0-1.33-0.03-0.93,1.53c0.33,1.28,0.5,1.39,1.65,1.04c0.96-0.27,1.85-0.71,2.65-1.31c0.35-0.25,0.69-0.43,0.75-0.39
-                    c0.16,0.3,0.27,0.62,0.32,0.95c0.05,0.36,0.2,0.69,0.43,0.96c1.22-0.18,2.39-0.62,3.42-1.31l1.04-0.66l0.21,0.83
-                    c0.28,1.11,0.48,1.24,1.48,0.98c2.09-0.67,3.92-1.97,5.24-3.73l0.91-1.07l-0.1,0.96c-0.26,2.46-1.95,5.16-5.12,8.18l-2.95,2.81
-                    c-4.85,4.63-4.57,8.45,0.91,12.07c2.25,1.34,4.57,2.56,6.95,3.64c0.43,0.19,1.51,0.79,2.41,1.31c5,2.96,7.48,5.93,7.48,8.96
-                    c-0.03,0.39,0.01,0.78,0.1,1.16l0,0c0.14,0.14,0.05,0.15,1.37-0.21c0.44-0.09,0.87-0.26,1.26-0.49c-0.03-0.98-0.32-1.93-0.84-2.76
-                    c-1.09-1.65-2.46-3.1-4.05-4.29c-2.44-1.68-5.02-3.15-7.71-4.39c-3.88-1.9-5.38-2.83-6.67-4.13c-1.08-0.95-1.72-2.3-1.78-3.73
-                    c-0.01-2.09,1.06-3.91,3.77-6.4c4.29-3.93,5.92-5.9,7.06-8.53c0.5-0.94,0.72-2,0.63-3.06c0.09-0.93-0.07-1.87-0.48-2.71l-0.48-1.11
-                    l0.44-0.73c0.24-0.4,0.55-0.94,0.68-1.2l0.24-0.47l0.66,0.97c0.84,1.27,1.35,2.73,1.47,4.25c-0.05,1-0.26,1.99-0.64,2.93
-                    c-0.08,0.18-0.18,0.45-0.23,0.6c-0.3,0.58-0.64,1.13-1.01,1.67c-0.89,1.36-2.37,2.93-6.09,6.47c-2.59,2.47-3.45,3.9-3.56,5.93
-                    c-0.14,1.58,0.48,3.13,1.68,4.17c1.44,1.55,3.13,2.63,7.93,5.02c5.5,2.75,7.88,4.37,9.68,6.61c1.04,1.18,1.67,2.66,1.79,4.23
-                    c0.01,0.47,0.08,0.93,0.21,1.39c0.22,0.02,0.45,0,0.66-0.08c0.3-0.08,0.86-0.23,1.25-0.33l0.7-0.18l-0.09-0.69
-                    c-0.32-2.32-2.45-4.92-5.96-7.25c-1.99-1.33-2.66-1.69-7.88-4.27c-1.96-0.87-3.77-2.04-5.36-3.47c-1.87-1.55-2.38-4.2-1.21-6.33
-                    c0.62-1.28,1.25-1.98,5.69-6.26c3.62-3.5,5.18-6.24,5.19-9.12c-0.08-2.51-1.22-4.87-3.15-6.49c-0.34-0.31-0.67-0.64-0.98-0.99
-                    c0.12-0.66,0.42-1.27,0.86-1.77c0.55,0,3.56,2.88,4.4,4.2c0.84,1.18,1.25,2.61,1.16,4.06c0.06,1.59-0.4,3.17-1.31,4.48
-                    c-1.08,1.84-1.91,2.75-6.45,7.06c-1.27,1.11-2.33,2.45-3.13,3.93c-0.64,1.44-0.66,3.08-0.06,4.54c0.86,1.83,3.37,3.85,7.02,5.64
-                    c5.68,2.79,6.85,3.44,8.8,4.89c3.26,2.42,4.83,4.78,4.83,7.25c-0.03,0.39,0.01,0.78,0.13,1.16c0.87-0.05,1.72-0.25,2.51-0.6
-                    C1864.74,99.06,1864.74,98.98,1864.51,98.2z M1832.73,62.18L1832.73,62.18c-0.68,0.38-1.43,0.61-2.2,0.68l-0.97,0.07l1.03-1.26
-                    c1.79-2.24,3.32-4.69,4.55-7.28c0.42-0.84,0.82-1.58,0.89-1.66c0.17-0.18,1.17,0.48,2.32,1.53l0.95,0.87l-0.86,1.27
-                    C1836.33,59.53,1834.65,61.23,1832.73,62.18L1832.73,62.18z M1841.36,59.49c-1.12,1.19-2.44,2.18-3.89,2.94l0,0
-                    c-0.57,0.21-1.16,0.35-1.77,0.42l-0.87,0.08l0.97-1.18c1.2-1.47,2.26-3.05,3.18-4.71c0.34-0.62,0.63-1.15,0.66-1.19
-                    c0.15-0.18,0.75,0.64,1.35,1.86l0.67,1.36L1841.36,59.49z M1843.78,56.14c-0.18,0.35-0.41,0.68-0.68,0.96
-                    c-0.49-0.43-0.94-0.88-1.37-1.37l-1.27-1.36l0.29-0.68c0.51-1.19,0.59-1.22,1.55-0.47c0.75,0.55,1.44,1.18,2.06,1.87
-                    C1844.18,55.46,1843.99,55.8,1843.78,56.14L1843.78,56.14z" />
-                    </g>
-                </svg>
                 <h4>RIBC</h4>
             </div>
             <div class="spacer"></div>
-            <div class="dropdown hide-on-mobile" id="intern_updates">
-                <button id="update_panel_btn" title="show updates">
-                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M18 10a6 6 0 1 0-12 0v8h12v-8zm2 8.667l.4.533a.5.5 0 0 1-.4.8H4a.5.5 0 0 1-.4-.8l.4-.533V10a8 8 0 1 1 16 0v8.667zM9.5 21h5a2.5 2.5 0 1 1-5 0z"/></svg>
-                </button>
-                <div class="dropdown-content hide" id="updates">
-                    <div class="container-header">
-                        <button id="show_updates" class="feed-btn active"
-                            onclick="showThisFeed('update_container', 'updates', this)">Feed</button>
-                        <button id="show_requests" class="feed-btn admin-options"
-                            onclick="showThisFeed('requests_container', 'requests', this)">Requests</button>
-                        <div class="spacer"></div>
-                        <sm-button id="top_update_btn" variant="no-outline" title="show all the updates">See all
-                        </sm-button>
-                    </div>
-                    <div id="update_container" class="feed-item">
-                    </div>
-                    <div id="requests_container" class="feed-item hide-completely">
-                    </div>
-                </div>
-            </div>
             <theme-toggle></theme-toggle>
         </header>
         <nav id="main_nav">
-            <a id="dashboard_btn" href="#dashboard_page" class="nav-list__item nav-list__item--active"
+            <a id="dashboard_btn" href="#dashboard_page" class="nav-list__item nav-list__item--active interact"
                 title="open dashboard page">
                 <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
                     <path fill="none" d="M0 0h24v24H0z" />
@@ -168,11 +90,15 @@
                 </svg>
                 Dashboard
             </a>
-            <a id="admin_page_btn" href="#admin_page" class="admin-options nav-list__item" title="open admin panel">
+            <a id="update_panel_btn" href="#updates_page" class="nav-list__item interact" title="show updates">
+                <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M18 10a6 6 0 1 0-12 0v8h12v-8zm2 8.667l.4.533a.5.5 0 0 1-.4.8H4a.5.5 0 0 1-.4-.8l.4-.533V10a8 8 0 1 1 16 0v8.667zM9.5 21h5a2.5 2.5 0 1 1-5 0z"/></svg>
+                Updates
+            </a>
+            <a id="admin_page_btn" href="#admin_page" class="admin-options nav-list__item interact" title="open admin panel">
                 <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 14v2a6 6 0 0 0-6 6H4a8 8 0 0 1 8-8zm0-1c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6zm0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm2.595 7.812a3.51 3.51 0 0 1 0-1.623l-.992-.573 1-1.732.992.573A3.496 3.496 0 0 1 17 14.645V13.5h2v1.145c.532.158 1.012.44 1.405.812l.992-.573 1 1.732-.992.573a3.51 3.51 0 0 1 0 1.622l.992.573-1 1.732-.992-.573a3.496 3.496 0 0 1-1.405.812V22.5h-2v-1.145a3.496 3.496 0 0 1-1.405-.812l-.992.573-1-1.732.992-.572zM18 19.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/></svg>
                 Manage
             </a>
-            <a id="settings_btn" href="#settings_page" class="nav-list__item" title="open settings page">
+            <a id="settings_btn" href="#settings_page" class="nav-list__item interact" title="open settings page">
                 <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
                     <path fill="none" d="M0 0h24v24H0z" />
                     <path
@@ -188,20 +114,16 @@
                         <h4>Projects you are watching</h4>
                         <button id="prev_proj" onclick="changeProject(-1)" class="watch-list-button"
                             title="show next project" disabled>
-                            <svg viewBox="0 0 40.24 74.83">
-                                <polyline points="38.83,1.41 2.83,37.41 38.83,73.41 " />
-                            </svg>
+                            <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M10.828 12l4.95 4.95-1.414 1.414L8 12l6.364-6.364 1.414 1.414z"/></svg>
                         </button>
                         <button id="next_proj" onclick="changeProject(1)" class="watch-list-button"
                             title="show previous project">
-                            <svg viewBox="0 0 40.24 74.83">
-                                <polyline points="1.41,73.41 37.41,37.41 1.41,1.41 " />
-                            </svg>
+                            <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M13.172 12l-4.95-4.95 1.414-1.414L16 12l-6.364 6.364-1.414-1.414z"/></svg>
                         </button>
                     </div>
                     <div id="status_map"></div>
                 </div>
-                <section id="intern_view" class="container-card hide-completely intern-option">
+                <section id="intern_view" class="hide-completely intern-option">
                     <h2>My tasks</h2>
                     <ul id="assigned_task_list"></ul>
                 </section>
@@ -215,7 +137,7 @@
                                     d="M12 7a8 8 0 1 1 0 16 8 8 0 0 1 0-16zm0 3.5l-1.323 2.68-2.957.43 2.14 2.085-.505 2.946L12 17.25l2.645 1.39-.505-2.945 2.14-2.086-2.957-.43L12 10.5zm1-8.501L18 2v3l-1.363 1.138A9.935 9.935 0 0 0 13 5.049L13 2zm-2 0v3.05a9.935 9.935 0 0 0-3.636 1.088L6 5V2l5-.001z" />
                             </svg>
                             <h3>Leaderboard</h3>
-                            <button id="all_interns_btn">All</button>
+                            <sm-button id="all_interns_btn">All</sm-button>
                         </div>
                         <div id="best_interns"></div>
                     </div>
@@ -228,17 +150,17 @@
                                     d="M6 7V4a1 1 0 0 1 1-1h6.414l2 2H21a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1h-3v3a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h3zm0 2H4v10h12v-2H6V9z" />
                             </svg>
                             <h3>Projects</h3>
-                            <button id="all_projects_btn">All</button>
+                            <sm-button id="all_projects_btn">All</sm-button>
                         </div>
                         <div id="project_list"></div>
                     </div>
                 </div>
             </section>
             <section id="settings_page" class="page hide-completely container-card">
-                <section>
-                    <h3>Account</h3>
-                    <h4 id="username" class="capitalise"></h4>
-                    <sm-button id="logout" variant="primary" class="svg-margin-right" onclick="logout()">
+                <section class="grid gap-0-5">
+                    <h2 id="username" class="capitalise"></h2>
+                    <sm-copy id="user_flo_id"></sm-copy>
+                    <sm-button id="logout" variant="primary" class="svg-margin-right justify-self-start" onclick="logout()">
                         <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
                             <path fill="none" d="M0 0h24v24H0z" />
                             <path
@@ -261,13 +183,14 @@
                     <sm-button id="update_project_info_btn" variant="primary" onclick="commitToChanges()"
                         title="commit to changes">Commit</sm-button>
                 </header>
-                <section class="flex direction-column">
+                <section class="flex direction-column container-card">
                     <sm-tab-header target="admin_tabs">
                         <sm-tab>Projects</sm-tab>
                         <sm-tab>Interns</sm-tab>
+                        <sm-tab>Requests</sm-tab>
                     </sm-tab-header>
                     <sm-tab-panels id="admin_tabs">
-                        <div id="projects_container" class="container-card list-container">
+                        <div id="projects_container" class="list-container">
                             <div class="container-header">
                                 <h3>Add project</h3>
                                 <button onclick="showPopup('add_project_popup')">
@@ -280,7 +203,7 @@
                             </div>
                             <div id="projects"></div>
                         </div>
-                        <div id="interns_container" class="container-card list-container">
+                        <div id="interns_container" class="list-container">
                             <div class="container-header">
                                 <h3>Add Intern</h3>
                                 <button onclick="showPopup('add_intern_popup')">
@@ -293,28 +216,25 @@
                             </div>
                             <div id="interns"></div>
                         </div>
+                        <div id="requests_container" class="feed-item"></div>
                     </sm-tab-panels>
                 </section>
-                <div id="project_editing_panel" class="inner-page container-card hide-completely">
-                    <div>
-                        <h2>Project Name</h2>
-                    </div>
-                    <p id="admin_project_description">
-
-                    </p>
+                <div id="project_editing_panel" class="inner-page container-card">
+                    <h2 id="editing_panel__title"></h2>
+                    <p id="editing_panel__description"></p>
                     <div id="branch_container">
                     </div>
                     <h4>Tasks</h4>
                     <div id="task_list"></div>
-                    <sm-button id="add_task" class="svg-margin-right" title="show element to add new task">
+                    <sm-button id="add_task" class="svg-margin-right" title="show element to add new task" onclick="addPlaceholderTask()">
                         <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
                             <path fill="none" d="M0 0h24v24H0z" />
                             <path d="M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z" />
                         </svg>
                         Add task
                     </sm-button>
-                    <ul id="task_context" class="hide">
-                        <li id="assign_intern" onclick="showPopup('interns_list')">
+                    <ul id="task_context" class="hide-completely">
+                        <li id="assign_intern" tabindex="0" class="interact" onclick="showPopup('interns_list')">
                             <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24"
                                 height="24">
                                 <path fill="none" d="M0 0h24v24H0z" />
@@ -323,7 +243,7 @@
                             </svg>
                             Assign an intern
                         </li>
-                        <li onclick="addNewBranch()">
+                        <li onclick="addNewBranch()" tabindex="0" class="interact">
                             <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24"
                                 height="24">
                                 <path fill="none" d="M0 0h24v24H0z" />
@@ -332,7 +252,7 @@
                             </svg>
                             Create new Branch
                         </li>
-                        <li onclick="removeThisTask()">
+                        <li onclick="removeThisTask()" tabindex="0" class="interact">
                             <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24"
                                 height="24">
                                 <path fill="none" d="M0 0h24v24H0z" />
@@ -344,6 +264,9 @@
                     </ul>
                 </div>
             </section>
+            <section id="updates_page" class="page hide-completely container-card">
+                <ul id="all_updates_list" class="grid gap-1"></ul>
+            </section>
             <section id="show_all" class="page hide-completely container-card">
                 <header class="header">
                     <svg onclick="history.back()" viewBox="0 0 31.24 56.83">
@@ -355,20 +278,13 @@
                 <div></div>
             </section>
             <section id="project_explorer" class="page hide-completely container-card">
-                <header class="header">
-                    <svg onclick="history.back()" viewBox="0 0 31.24 56.83">
-                        <title>Go back to previous page</title>
-                        <polyline points="29.83,1.41 2.83,28.41 29.83,55.41 " />
-                    </svg>
-                    <h3>Projects</h3>
-                </header>
                 <div id="left" class="list-container">
                     <h4 class="padding intern-option hide-completely">My projects</h4>
                     <div></div>
                     <h4 class="padding intern-option hide-completely">Other projects</h4>
                     <div></div>
                 </div>
-                <section id="right" class="hide-page-on-mobile content-page">
+                <section id="right" class="grid gap-0-5 hide-page-on-mobile content-page">
                     <header class="flex space-between align-center">
                         <h2></h2>
                         <button id="watch_project_btn" title="add this project to your watch list"
@@ -531,7 +447,7 @@
         <sm-form>
             <sm-textarea id="update_description" placeholder="Type the update" required></sm-textarea>
             <sm-button id="post_update_btn" title="post this update" variant="primary" disabled>
-                <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
+                <svg class="icon button__icon--left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
                     <path fill="none" d="M0 0h24v24H0z" />
                     <path
                         d="M1.923 9.37c-.51-.205-.504-.51.034-.689l19.086-6.362c.529-.176.832.12.684.638l-5.454 19.086c-.15.529-.475.553-.717.07L11 13 1.923 9.37zm4.89-.2l5.636 2.255 3.04 6.082 3.546-12.41L6.812 9.17z" />
@@ -611,7 +527,7 @@
     <!-- Templates -->
 
     <template id="update_card_template">
-        <li class="update">
+        <li class="intern-update">
             <div class="flex align-center space-between">
                 <h5 class="update__sender"></h5>
                 <span class="update__time"></span>
@@ -9954,7 +9870,7 @@
     </script>
     <script id="default_ui_library">
         // Global variables
-        const appPages = ['dashboard_page', 'admin_page', 'settings_page', 'project_explorer'];
+        const appPages = ['dashboard_page', 'admin_page', 'settings_page', 'project_explorer', 'updates_page'];
         const domRefs = {};
         let timerId;
         let zIndex = 10;
@@ -10273,12 +10189,28 @@
             const targetListItem = document.querySelector(`.nav-list__item[href="#${pageId}"]`)
             targetListItem?.classList.add('nav-list__item--active')
             
+            let params
+            if(searchParams){
+                const urlSearchParams = new URLSearchParams('?'+ searchParams);
+                params = Object.fromEntries(urlSearchParams.entries());
+            }
             switch(pageId){
+                case 'dashboard_page':
+                    if (JSON.parse(localStorage.getItem('watchList')).length){
+                        showProjectMap(JSON.parse(localStorage.getItem('watchList'))[0], 'status_map')
+                    }
+                break;
+                case 'updates_page':
+                    updateFeed(getRef('all_updates_list'))
+                break;
                 case 'project_explorer':
-                    const urlSearchParams = new URLSearchParams('?'+ searchParams);
-                    const params = Object.fromEntries(urlSearchParams.entries());
                     showProjectInfo(params.projectId)
                 break;
+                case 'admin_page': 
+                    if(params){
+                        editProjectInfo(params.projectId)
+                    }
+                break;
             }
             getRef(pageId).classList.remove('hide-completely')
         }
@@ -10288,12 +10220,13 @@
 
         // Method object for creating various UI elements
         const render = {
-            projectCard: function (projectName, projectCode) { // creates cards containing project information
+            projectCard(projectName, projectCode, isAdmin = false) { // creates cards containing project information
+                const page = isAdmin ? 'admin_page' : 'project_explorer'
                 return createElement('a', {
                     className: 'project-card flex align-center interact',
                     attributes: { 
                         'title': "Project information",
-                        href: `#project_explorer?projectId=${projectCode}`
+                        href: `#${page}?projectId=${projectCode}`
                     },
                     textContent: projectName
                 });
@@ -10468,16 +10401,11 @@
                                         <b class="capitalise">${RIBC.getProjectDetails(projectCode).projectName}</b>
                                     </p>
                                     <button class="hover reject-app">
-                                        <svg class="close-svg" viewBox="0 0 50.71 50.71">
-                                            <line x1="50.35" y1="0.35" x2="0.36" y2="50.35"/>
-                                            <line x1="0.35" y1="0.35" x2="50.35" y2="50.35"/>
-                                        </svg>
+                                        <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z"/></svg>
                                         Reject
                                     </button>
                                     <button class="hover accept-app" data-flo-id="${floId}" data-project-code="${projectCode}" data-branch="${branch}" data-task-no="${taskNo}">
-                                        <svg class="tick-mark" viewBox="0 0 100 100">
-                                            <polyline points="25.5,53.5 39.5,67.5 72.5,34.5 "/>
-                                        </svg>
+                                        <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M10 15.172l9.192-9.193 1.415 1.414L10 18l-6.364-6.364 1.414-1.414z"/></svg>
                                         Accept
                                     </button>`;
                 return card;
@@ -10519,20 +10447,20 @@
             let internInfo = [];
             if (Array.isArray(floId))
                 floId.forEach((id) => {
-                    Object.keys(iList).forEach((key) => {
+                    Object.keys(allInternsList).forEach((key) => {
                         if (id === key)
-                            internInfo.push(`${key}:${iList[key]}`)
+                            internInfo.push(`${key}:${allInternsList[key]}`)
                     })
                 })
             else
-                Object.keys(iList).forEach((key) => {
+                Object.keys(allInternsList).forEach((key) => {
                     if (floId === key)
-                        internInfo.push(`${key}:${iList[key]}`)
+                        internInfo.push(`${key}:${allInternsList[key]}`)
                 })
             return internInfo;
         }
 
-        let i = currentProgress = projectIndex = 0, prevProject = '', iList = [], newIList = [], lastState,
+        let i = currentProgress = projectIndex = 0, prevProject = '', allInternsList = [], newInternList = [], lastState,
             frag = document.createDocumentFragment(), watchList = [], currentIntern, dashboardProject, currentTaskId,
             typeOfUser = 'general';
 
@@ -10565,7 +10493,7 @@
                 projectCode = `${date.getFullYear()}_project_${RIBC.getProjectList().length + 1}`;
             RIBC.manage.createProject(projectCode)
             RIBC.manage.addProjectDetails(projectCode, { projectName: projectName, projectDescription: projectDescription })
-            document.getElementById('projects').appendChild(render.projectCard(projectName, projectCode))
+            document.getElementById('projects').append(render.projectCard(projectName, projectCode, true))
             hidePopup();
         }
 
@@ -10579,11 +10507,9 @@
 
         // opens a popup containing various project information
         function showProjectInfo(projectId) {
-            let allProjects = document.getElementById('left').querySelectorAll('.project-card');
-            allProjects.forEach((proj) => {
-                proj.classList.remove('project-card--active')
-            })
-            Array.from(allProjects).find(project => project.getAttribute('href').includes(projectId)).classList.add('project-card--active')
+            const allProjects = document.getElementById('left').querySelectorAll('.project-card');
+            Array.from(allProjects).find(project => project.classList.contains('project-card--active'))?.classList.remove('project-card--active')
+            Array.from(allProjects).find(project => project.getAttribute('href').includes(projectId))?.classList.add('project-card--active')
             if (window.innerWidth < 640) {
                 document.querySelectorAll('.list-container').forEach((item) => {
                     item.classList.add('hide-page-on-mobile')
@@ -10611,27 +10537,26 @@
             currentProject = '',
             currentTask = '',
             lastProject;
-        function editProjectInfo(project) {
-            let thisContainer = document.getElementById('project_editing_panel'),
-                container = document.getElementById('branch_container'),
-                branchList = document.querySelectorAll('.branch-btn'),
-                frag = document.createDocumentFragment();
-            container.innerHTML = '',
-                getRef('task_list').innerHTML = '';
-            currentProject = project.dataset.projectCode;
+        function editProjectInfo(projectId) {
+            const allProjects = getRef('projects').querySelectorAll('.project-card');
+            const branchList = document.querySelectorAll('.branch-btn');
+            const frag = document.createDocumentFragment();
+            Array.from(allProjects).find(project => project.classList.contains('project-card--active'))?.classList.remove('project-card--active')
+            Array.from(allProjects).find(project => project.getAttribute('href').includes(projectId))?.classList.add('project-card--active')
+            getRef('branch_container').innerHTML = '',
+            getRef('task_list').innerHTML = '';
+            currentProject = projectId;
             branchList.forEach((branch) => {
                 branch.classList.remove('active-branch')
             })
-            thisContainer.firstElementChild.firstElementChild.textContent = project.children[0].textContent;
-            document.getElementById('admin_project_description').textContent = RIBC.getProjectDetails(currentProject).projectDescription;
+            const {projectName, projectDescription} = RIBC.getProjectDetails(projectId);
+            getRef('editing_panel__title').textContent = projectName;
+            getRef('editing_panel__description').textContent = projectDescription;
             RIBC.getProjectBranches(currentProject).forEach((branch) => {
                 frag.appendChild(render.branchBtn(currentProject, branch))
             })
-            container.appendChild(frag)
-            container.firstElementChild.click()
-            document.getElementById('add_task').onclick = function () {
-                addPlaceholderTask()
-            }
+            getRef('branch_container').appendChild(frag)
+            getRef('branch_container').firstElementChild.click()
         }
         function showTasksOfBranch(btn, destination, taskListContainer) {
             currentProject = btn.dataset.projectCode;
@@ -10669,10 +10594,11 @@
             }
             if (e.target.closest('.task-option')) {
                 getRef('task_context').setAttribute('style', `top: ${e.target.closest('.task-option').offsetTop}px`)
-                getRef('task_context').classList.toggle('hide')
+                getRef('task_context').classList.toggle('hide-completely')
+                getRef('task_context').firstElementChild.focus()
                 let y = document.addEventListener("click", function (e) {
                     if (e.target.closest('#context_menu') || e.target.closest('.task-option')) return;
-                    getRef('task_context').classList.add('hide')
+                    getRef('task_context').classList.add('hide-completely')
                     document.removeEventListener('click', y);
                 });
             }
@@ -10752,17 +10678,6 @@
                 btn.disabled = true;
         }
         /*         function showPage(elem, page, offsprings, type) {
-                    let thisPage = document.getElementById(page),
-                        element = document.getElementById(elem),
-                        allTabs = document.querySelectorAll('.tabs'),
-                        allPages = document.querySelectorAll('.page')
-                    allPages.forEach((pages) => {
-                        pages.classList.add('hide-completely');
-                    });
-                    thisPage.classList.remove('hide-completely');
-                    allTabs.forEach((tab) => {
-                        tab.classList.remove('active');
-                    });
                     if (page === 'lastPage') {
                         history.back()
                     }
@@ -10776,10 +10691,8 @@
                             updateFeed(thisPage.children[1])
                         }
                         else if (offsprings === 'interns') {
-                            thisPage.children[1].innerHTML = '';
-                            thisPage.children[0].children[1].textContent = 'Interns'
-                            for (let p = 0; p < newIList.length; p++) {
-                                frag.appendChild(render.internCard(newIList[p][1], newIList[p][0], newIList[p][2], 'interns'))
+                            for (let p = 0; p < newInternList.length; p++) {
+                                frag.appendChild(render.internCard(newInternList[p][1], newInternList[p][0], newInternList[p][2], 'interns'))
                             }
                             thisPage.children[1].appendChild(frag)
                         }
@@ -10837,10 +10750,10 @@
         }
 
         function populateIntens() {
-            iList = RIBC.getInternList();
+            allInternsList = RIBC.getInternList();
             let internsPopup = document.getElementById('interns_list_container');
-            for (intern in iList) {
-                frag.appendChild(render.internCard(iList[intern], intern, RIBC.getInternRating(intern)))
+            for (intern in allInternsList) {
+                frag.appendChild(render.internCard(allInternsList[intern], intern, RIBC.getInternRating(intern)))
             }
             internsPopup.innerHTML = ''
             internsPopup.appendChild(frag)
@@ -10874,24 +10787,12 @@
             }
         }
 
-        function showUpdatePanel() {
-            let container = document.getElementById('updates'),
-                updateContainer = document.getElementById('update_container');
-            updateFeed(updateContainer, 8)
-            container.classList.toggle('hide')
-            let y = document.addEventListener("mousedown", function (event) {
-                if (event.target.closest('#intern_updates')) return;
-                container.classList.add('hide')
-                document.removeEventListener('click', y);
-            });
-        }
-
         function updateFeed(container, limit) {
             let updateContainer = container;
             if (typeof container === "string")
                 updateContainer = document.getElementById(container);
             updateContainer.innerHTML = ``;
-            let updates = RIBC.getInternUpdates(limit);
+            const updates = RIBC.getInternUpdates(limit);
             updates.forEach((entry) => {
                 const { floID, time, update: { topic, description } } = entry
                 const updateObj = {
@@ -11049,34 +10950,28 @@
             if (event.target.closest('.intern-card'))
                 showInternInfo(event.target.closest('.intern-card'))
         })
-        document.getElementById('projects').addEventListener('click', (event) => {
-            if (event.target.closest('.project-card'))
-                editProjectInfo(event.target.closest('.project-card'))
-        })
 
         const internAssignedTasks = {}
 
         function renderAllElements() {
 
             let frag = document.createDocumentFragment(),
-                pList = RIBC.getProjectList();
+                allProjectsList = RIBC.getProjectList();
             //creates cards for highest performing interns
             //sort interns earned points
 
 
-            iList = RIBC.getInternList();
-            newIList = [];
-            for (let intern in iList) {
-                newIList.push([intern, iList[intern], RIBC.getInternRating(intern)])
+            allInternsList = RIBC.getInternList();
+            newInternList = [];
+            for (let intern in allInternsList) {
+                newInternList.push([intern, allInternsList[intern], RIBC.getInternRating(intern)])
             }
-            newIList.sort(function (a, b) {
-                return a[2] - b[2];
-            });
+            newInternList.sort((a, b) => a[2] - b[2]);
 
             // Intern's view
 
             let assignedProjectsList = [], x;
-            if (Object.keys(iList).includes(myFloID) && !floGlobals.subAdmins.includes(myFloID)) {
+            if (Object.keys(allInternsList).includes(myFloID) && !floGlobals.subAdmins.includes(myFloID)) {
                 typeOfUser = 'intern';
                 document.querySelectorAll('.intern-option').forEach((option) => {
                     option.classList.remove('hide-completely')
@@ -11084,13 +10979,13 @@
                 document.getElementById('status_map_container').classList.add('hide-completely')
 
                 // store all the projects assinged to interns in array
-                for (let i = 0; i < pList.length; i++) {
+                for (let i = 0; i < allProjectsList.length; i++) {
                     nextProject:
-                    for (branch in RIBC.getProjectMap(pList[i])) {
-                        x = RIBC.getProjectMap(pList[i])[branch].slice(4);
+                    for (branch in RIBC.getProjectMap(allProjectsList[i])) {
+                        x = RIBC.getProjectMap(allProjectsList[i])[branch].slice(4);
                         for (let j = 0; j < x.length; j++)
-                            if (Array.isArray(RIBC.getAssignedInterns(pList[i], branch, x[j])) && RIBC.getAssignedInterns(pList[i], branch, x[j]).includes(myFloID)) {
-                                assignedProjectsList.push(pList[i])
+                            if (Array.isArray(RIBC.getAssignedInterns(allProjectsList[i], branch, x[j])) && RIBC.getAssignedInterns(allProjectsList[i], branch, x[j]).includes(myFloID)) {
+                                assignedProjectsList.push(allProjectsList[i])
                                 break nextProject;
                             }
                     }
@@ -11140,7 +11035,7 @@
                         const { projectId, projectName, projectBranch, task } = internAssignedTasks[currentTaskId]
                         getRef('update_of_project').textContent = projectName
                         getRef('update_of_task').textContent = RIBC.getTaskDetails(projectId, projectBranch, task).taskTitle
-                        getRef('post_update_popup').show()
+                        showPopup('post_update_popup')
                     }
                 })
             }
@@ -11155,7 +11050,6 @@
             // admin view
             if (floGlobals.subAdmins.includes(myFloID)) {
                 typeOfUser = 'admin'
-                let requestsContainer = document.getElementById('requests_container');
                 RIBC.manage.getTaskRequests().forEach((app) => {
                     try {
                         if (!Array.isArray(RIBC.getAssignedInterns(app.projectCode, app.branch, app.task)) && typeof RIBC.getTaskDetails(app.projectCode, app.branch, app.task) !== 'undefined')
@@ -11165,10 +11059,10 @@
                         console.error(error)
                     }
                 })
-                requestsContainer.appendChild(frag)
-                if (requestsContainer.children.length === 0)
-                    requestsContainer.innerHTML = '<h4 class="padding">Nothing to see here.</h4>'
-                requestsContainer.addEventListener('click', (e) => {
+                getRef('requests_container').appendChild(frag)
+                if (getRef('requests_container').children.length === 0)
+                    getRef('requests_container').innerHTML = '<h4 class="padding">Nothing to see here.</h4>'
+                getRef('requests_container').addEventListener('click', (e) => {
                     if (e.target.closest('.accept-app')) {
                         let btn = e.target.closest('.accept-app'),
                             parent = e.target.closest('.request-card');
@@ -11178,8 +11072,8 @@
                             setTimeout(() => {
                                 parent.remove()
                             }, 600)
-                            if (requestsContainer.children.length === 0)
-                                requestsContainer.innerHTML = '<h4 class="padding">Nothing to see here.</h4>'
+                            if (getRef('requests_container').children.length === 0)
+                                getRef('requests_container').innerHTML = '<h4 class="padding">Nothing to see here.</h4>'
                         }
                         else {
                             notify('Intern already assinged.', 'error')
@@ -11191,8 +11085,8 @@
                         setTimeout(() => {
                             parent.remove()
                         }, 400)
-                        if (requestsContainer.children.length === 0)
-                            requestsContainer.innerHTML = '<h4 class="padding">Nothing to see here.</h4>'
+                        if (getRef('requests_container').children.length === 0)
+                            getRef('requests_container').innerHTML = '<h4 class="padding">Nothing to see here.</h4>'
                     }
                 })
 
@@ -11202,15 +11096,15 @@
 
                 //show interns
                 document.getElementById('interns').innerHTML = ``;
-                for (intern in iList) {
-                    frag.appendChild(render.internCard(iList[intern], intern, RIBC.getInternRating(intern), 'interns'))
+                for (intern in allInternsList) {
+                    frag.appendChild(render.internCard(allInternsList[intern], intern, RIBC.getInternRating(intern), 'interns'))
                 }
                 document.getElementById('interns').appendChild(frag)
 
                 //show project
                 document.getElementById('projects').innerHTML = ``;
-                for (i = 0; i < pList.length; i++) {
-                    frag.appendChild(render.projectCard(RIBC.getProjectDetails(pList[i]).projectName, pList[i]))
+                for (i = 0; i < allProjectsList.length; i++) {
+                    frag.appendChild(render.projectCard(RIBC.getProjectDetails(allProjectsList[i]).projectName, allProjectsList[i], true))
                 }
                 document.getElementById('projects').appendChild(frag)
             }
@@ -11222,9 +11116,9 @@
 
             document.getElementById('best_interns').innerHTML = ``;
             let limit = 4;
-            newIList.reverse()
-            for (let p = 0; p < newIList.length; p++) {
-                frag.appendChild(render.internCard(newIList[p][1], newIList[p][0], newIList[p][2], 'best_interns'))
+            newInternList.reverse()
+            for (let p = 0; p < newInternList.length; p++) {
+                frag.appendChild(render.internCard(newInternList[p][1], newInternList[p][0], newInternList[p][2], 'best_interns'))
                 limit--;
                 if (!limit)
                     break;
@@ -11234,13 +11128,13 @@
             // displays recent projects
 
             document.getElementById('project_list').innerHTML = '';
-            if (Object.keys(iList).includes(myFloID) && !floGlobals.subAdmins.includes(myFloID)) {
+            if (Object.keys(allInternsList).includes(myFloID) && !floGlobals.subAdmins.includes(myFloID)) {
                 assignedProjectsList.forEach((project) => {
                     frag.appendChild(render.projectCard(RIBC.getProjectDetails(project).projectName, project))
                 })
             }
             else {
-                pList.forEach((project) => {
+                allProjectsList.forEach((project) => {
                     frag.appendChild(render.projectCard(RIBC.getProjectDetails(project).projectName, project))
                 })
             }
@@ -11287,7 +11181,6 @@
                 if (topic !== '' && description !== '') {
                     RIBC.postInternUpdate({ topic, description })
                         .then((result) => {
-                            updateFeed(getRef('update_container'), 8)
                             notify('Update posted', 'success')
                             hidePopup()
                         })
@@ -11300,23 +11193,21 @@
                 }
             })
 
-            document.getElementById('update_panel_btn').addEventListener('click', showUpdatePanel)
-
-            getRef('project_explorer').children[1].children[1].innerHTML = ``;
-            getRef('project_explorer').children[1].children[3].innerHTML = ``;
-            if (Object.keys(iList).includes(myFloID) && !floGlobals.subAdmins.includes(myFloID)) {
+            getRef('project_explorer').children[0].children[1].innerHTML = ``;
+            getRef('project_explorer').children[0].children[3].innerHTML = ``;
+            if (Object.keys(allInternsList).includes(myFloID) && !floGlobals.subAdmins.includes(myFloID)) {
                 for (i = 0; i < assignedProjectsList.length; i++) {
                     frag.appendChild(render.projectCard(RIBC.getProjectDetails(assignedProjectsList[i]).projectName, assignedProjectsList[i]))
                 }
-                getRef('project_explorer').children[1].children[1].appendChild(frag)
-                pList = pList.filter(val => !assignedProjectsList.includes(val));
+                getRef('project_explorer').children[0].children[1].appendChild(frag)
+                allProjectsList = allProjectsList.filter(val => !assignedProjectsList.includes(val));
             }
-            for (i = 0; i < pList.length; i++) {
-                frag.appendChild(render.projectCard(RIBC.getProjectDetails(pList[i]).projectName, pList[i]))
+            for (i = 0; i < allProjectsList.length; i++) {
+                frag.appendChild(render.projectCard(RIBC.getProjectDetails(allProjectsList[i]).projectName, allProjectsList[i]))
             }
-            getRef('project_explorer').children[1].children[3].appendChild(frag)
+            getRef('project_explorer').children[0].children[3].appendChild(frag)
 
-            getRef('project_explorer').children[2].addEventListener('click', (event) => {
+            getRef('project_explorer').children[1].addEventListener('click', (event) => {
                 if (event.target.closest('.branch-btn'))
                     showTasksOfBranch(event.target.closest('.branch-btn'), 'project_explorer', 'explorer_task_list')
                 if (event.target.closest('.apply-btn')) {
@@ -11338,74 +11229,9 @@
             document.getElementById('all_projects_btn').addEventListener('click', () => {
                 showPage('', 'project_explorer', 'explorer', 'innerPage')
             })
-            /*             document.getElementById('main_nav').addEventListener('click', (event) => {
-                            let trgt = event.target.closest('.nav-btn');
-                            if (trgt) {
-                                appState.btn = trgt.id;
-                                appState.offsprings = '';
-                                appState.type = '';
-                                if (trgt.id === 'dashboard_btn') {
-                                    showPage(trgt.id, 'dashboard')
-                                    appState.page = 'dashboard';
-                                    currentProject = dashboardProject;
-                                    if (JSON.parse(localStorage.getItem('watchList')).length)
-                                        showProjectMap(JSON.parse(localStorage.getItem('watchList'))[0], 'status_map')
-                                }
-                                else if (trgt.id === 'admin_page_btn') {
-                                    showPage(trgt.id, 'admin_page')
-                                    appState.page = 'admin_page';
-            
-                                }
-                                else if (trgt.id === 'settings_btn') {
-                                    showPage(trgt.id, 'settings_page')
-                                    appState.page = 'settings_page';
-                                }
-                                else if (trgt.id === 'top_update_btn') {
-                                    appState.btn = '';
-                                    showPage('', 'show_all', 'updates', 'innerPage')
-                                    appState.page = 'show_all';
-                                    appState.offsprings = 'updates';
-                                    appState.type = 'innerPage';
-                                }
-                                if (lastState !== appState.page)
-                                    history.pushState(appState, null, null)
-                                lastState = appState.page;
-                            }
-                        })
-                        document.getElementById('bottom_nav').addEventListener('click', (event) => {
-                            let trgt = event.target.closest('.nav-btn');
-                            if (trgt) {
-                                appState.btn = trgt.id;
-                                appState.offsprings = '';
-                                appState.type = '';
-                                if (trgt.id === 'bottom_dashboard_btn') {
-                                    showPage(trgt.id, 'dashboard')
-                                    appState.page = 'dashboard';
-                                    currentProject = dashboardProject;
-                                    if (JSON.parse(localStorage.getItem('watchList')).length)
-                                        showProjectMap(JSON.parse(localStorage.getItem('watchList'))[0], 'status_map')
-                                }
-                                else if (trgt.id === 'bottom_admin_btn') {
-                                    showPage(trgt.id, 'admin_page')
-                                    appState.page = 'admin_page';
-                                }
-                                else if (trgt.id === 'bottom_update_btn') {
-                                    showPage(trgt.id, 'show_all', 'updates', 'innerPage')
-                                    appState.page = 'show_all';
-                                    appState.offsprings = 'updates';
-                                    appState.type = 'innerPage';
-                                }
-                                else if (trgt.id === 'bottom_setting_btn') {
-                                    showPage(trgt.id, 'settings_page')
-                                    appState.page = 'settings_page';
-                                }
-                                if (lastState !== appState.page)
-                                    history.pushState(appState, null, null)
-                                lastState = appState.page;
-                            }
-                        }) */
-            let greetings = getInternDetails(myFloID)[0] !== undefined ? `Hi, ${getInternDetails(myFloID)[0].split(':')[1]}.<br><p>${myFloID}</p>` : `Hi, there! <br><p>${myFloID}</p>`
-            document.getElementById('username').innerHTML = greetings;
+            let greetings = getInternDetails(myFloID)[0] !== undefined ? `Hi, ${getInternDetails(myFloID)[0].split(':')[1]}` : `Hi, there!`
+            getRef('username').textContent = greetings;
+            getRef('user_flo_id').value = myFloID;
 
             console.log(typeOfUser)
         }