Big Update

Added: 
Accounts, still buggy need to cleanup code.
Setting, trash, and issues tab
Cleaned up pages

Accounts.py

@@ -0,0 +1,35 @@
+import ast
+import os
+import shutil
+
+def Create(user,password):
+    try:
+        account_folder = 'Accounts/'+user
+        info_file = account_folder+'/info'
+        info = {'password':password,'projects':['']}
+        os.mkdir(account_folder)
+        with open(info_file,'w') as f:
+            f.write(str(info))
+        shutil.copy('profilepic.png',account_folder)
+        return True
+    except:
+        return False
+
+def Login(user,password):
+    account_folder = 'Accounts/'+user
+    info_file = account_folder+'/info'
+    with open(info_file,'r') as f:
+        data = ast.literal_eval(f.read())
+    if(password == data['password']):
+        return True
+    return False
+
+def Info(account):
+    try:
+        account_folder = 'Accounts/'+user
+        info_file = account_folder+'/info'
+        with open(info_file,'r') as f:
+            data = ast.literal_eval(f.read())
+        return data
+    except:
+        return {}

CSS/com-issue.css

@@ -0,0 +1,116 @@
+body{
+  margin:0;
+  padding:0;
+  font-family: Sans-serif;
+  height:100vh;
+}
+.top-bar{
+  padding-left:35px;
+  padding-top:20px;
+  padding-bottom:20px;
+  background-color: #2e2e2e;
+}
+.search-bar{
+  color:grey;
+  background-color: #2e2e2e;
+  border:1px solid white;
+  border-radius: 5px;
+  padding:7px;
+  width:200px;
+  outline: none;
+  transition-duration: .5s;
+}
+.search-bar:hover{
+  transition-duration: .5s;
+  width:400px;
+}
+.search-bar:focus{
+  width:400px;
+}
+.project-top{
+  display: flex;
+  background-color: #f1f1f1;
+  height:60px;
+  padding:15px;
+  position: relative;
+}
+.title{
+  font-size: x-large;
+  padding-top:15px;
+  margin-left:10px;
+}
+.title-folder{
+  height:50px;
+  width:50px;
+}
+.container{
+  width:75%;
+  padding:50px;
+}
+.options-bar{
+  background-color: #f1f1f1;
+  padding:5px;
+  border-bottom: 1px solid grey;
+}
+.option{
+  color:black;
+  padding:5px;
+  margin-left:30px;
+}
+.option:hover{
+  cursor:pointer;
+  border-bottom:2px solid grey;
+}
+.option-selected:hover{
+  cursor:pointer;
+}
+.option-selected{
+  border-bottom:2px solid #fe5e00;
+  padding:5px;
+  margin-left:30px;
+}
+.issue-title{
+  color:grey;
+  padding:10px;
+  border:1px solid grey;
+}
+.issue-desc{
+  color:grey;
+  padding:10px;
+  border:1px solid grey;
+}
+.issue-data{
+  line-height: 20px;
+  color:grey;
+  padding:10px;
+  border:1px solid grey;
+}
+.code1{
+  padding:10px;
+  width:50%;
+  height:75%;
+  border: 1px solid grey;
+}
+.code2{
+  padding:10px;
+  width:50%;
+  height:75%;
+  border: 1px solid black;
+}
+.code-container{
+  width:100%;
+  height:100vh;
+  display: inline-flex;
+}
+.green{
+  background-color:  #d3fdd3;
+}
+.dark-green{
+  background-color:  #8efb8e;
+}
+.red{
+  background-color:  #ffe4e1;
+}
+.dark-red{
+  background-color:  #ffb6c1;
+}

CSS/create-issue.css

@@ -0,0 +1,71 @@
+body{
+  margin:0;
+  padding:0;
+  font-family: Sans-serif;
+  height:100vh;
+}
+.top-bar{
+  padding-left:35px;
+  padding-top:20px;
+  padding-bottom:20px;
+  background-color: #2e2e2e;
+}
+.search-bar{
+  color:grey;
+  background-color: #2e2e2e;
+  border:1px solid white;
+  border-radius: 5px;
+  padding:7px;
+  width:200px;
+  outline: none;
+  transition-duration: .5s;
+}
+.search-bar:hover{
+  transition-duration: .5s;
+  width:400px;
+}
+.search-bar:focus{
+  width:400px;
+}
+.project-top{
+  display: flex;
+  background-color: #f1f1f1;
+  height:60px;
+  padding:15px;
+  position: relative;
+}
+.title{
+  font-size: x-large;
+  padding-top:15px;
+  margin-left:10px;
+}
+.title-folder{
+  height:50px;
+  width:50px;
+}
+.container{
+  width:75%;
+  padding:15px;
+}
+.options-bar{
+  background-color: #f1f1f1;
+  padding:5px;
+  border-bottom: 1px solid grey;
+}
+.option{
+  color:black;
+  padding:5px;
+  margin-left:30px;
+}
+.option:hover{
+  cursor:pointer;
+  border-bottom:2px solid grey;
+}
+.option-selected:hover{
+  cursor:pointer;
+}
+.option-selected{
+  border-bottom:2px solid #fe5e00;
+  padding:5px;
+  margin-left:30px;
+}

CSS/edit.css

@@ -54,10 +54,7 @@ body{
 }
 .option:hover{
   cursor:pointer;
-  border-bottom:1px solid grey;
-}
-.option-selected:hover{
-  cursor:pointer;
+  border-bottom:2px solid grey;
 }
 .option-selected{
   border-bottom:2px solid #fe5e00;
@@ -132,7 +129,6 @@ body{
   float:left;
   margin-top:10px;
   padding:25px;
-
 }
 .top-slide{
   border-top-left-radius: 7px;
@@ -144,34 +140,58 @@ body{
   font-weight: bold;
 }
 .title-input{
-  border:1px solid black;
-  border-radius: 5px;
-  padding:5px;
-  width:300px;
+  border:1px solid grey;
+  padding:8px;
+  width:598px;
+}
+.title-input:focus{
+  outline: none;
 }
 .desc-input{
-  border:1px solid black;
+  border:1px solid grey;
   border-radius: 5px;
-  padding:5px;
+  border-top-left-radius: 0px;
+  border-top-right-radius: 0px;
+  padding:7px;
   width:600px;
   height:70vh;
 }
+.desc-input:focus{
+  outline: none;
+}
 .button{
   padding:5px;
   height:30px;
   width:300px;
 }
-.delete-button{
-  float:right;
-  border-radius: 5px;
-  color:black;
+.options-container{
   border:1px solid grey;
+  border-top-right-radius:5px;
+  border-top-left-radius:5px;
+  padding:5px;
+  padding-top:10px;
+  padding-bottom:10px;
+  height:30px;
+  width:604px;
+  display:inline-flex;
+}
+.options-button{
+  font-size: large;
   background-color: lightgrey;
+  color:black;
+  margin-left: 5px;
+  border:1px solid grey;
+  border-radius: 5px;
   padding:5px;
-  width:60px;
 }
-.msg{
+.options-button:hover{
+  cursor: pointer;
+  background-color: #c1c1c1;
+}
+.name{
   color:grey;
+  width:600px;
+  height:25px;
 }
 .image{
   border:1px solid black;