error handling and color changes

DjangoWeb/ModelLoader/colgen1.py

@@ -29,14 +29,15 @@ class Colgen1(ModelBaseClass):
 
         return np.r_[padding,one_hot_vectors] if len(padding)>0 else one_hot_vectors
 
-    def preprocess(self,names):
+    def preprocess(self,names:list[str]):
         """ names: [name,name,name,...] """
         
         max_num_tokens=0
         one_hots_list = []
 
         for name in names:
-            name = name.lower()
+            name = name.lower() # convert to lowercase
+            name = "".join([char if char.isalnum() else " " for char in name])  # remove special characters
             tokens = self.tokenize(name)
             one_hot_vectors = self.one_hot_encode(tokens,len(self.TOKENS))
             if len(tokens)>max_num_tokens:   max_num_tokens=len(tokens)

DjangoWeb/main/static/main/index.css

@@ -7,12 +7,17 @@
 html,body{
     min-height:100%;
     width:100%;
-    background: linear-gradient(45deg ,#333399,#a9ff00);
 }
 body{
     position: absolute;
     top:0;
     left:0;
+    /* background: linear-gradient(45deg ,#333399,#a9ff00); */
+    /* background: linear-gradient(45deg, #ff7e00, #000000, #3300ff); */
+    /* background: linear-gradient(0deg,#180077,#1c1c1c,#a9006b); */
+    background: linear-gradient(to right, #616161, #0e0101);
+    background-size: 200% 200%;
+    
 }
 
 #toast_container{
@@ -47,11 +52,12 @@ body{
     margin-inline: 20px;
     background-color: #a9ff00;
     padding:0.5rem;
+    aspect-ratio: 1;
     border-radius: 50px;
 }
 
 #main_container{
-    background-color: #ffffff4d;
+    background-color: #ffffff1a;
     box-shadow: 1px 1px 20px -10px #000;
     /* height:100%; */
     margin: 1.2rem;
@@ -66,6 +72,7 @@ h2{
     width: fit-content;
     margin-inline: auto ;
     font-size:2rem;
+    color:#fff;
 }
 
 #search_section{
@@ -76,10 +83,11 @@ h2{
 #search_input{
     outline:none;
     border:none;
-    border-bottom: 2px solid #000;
+    border-bottom: 2px solid #fff;
     font-size:inherit;
     background-color: transparent;
     padding:0.3rem;
+    color: #fff;
 }
 
 input[type='button']{

DjangoWeb/main/static/main/index.js

@@ -54,7 +54,7 @@ function generateColor(){
         body:JSON.stringify(data),
     }).then(response=>response.json()).then((res)=>{
         // create card for it
-        createColorCard(color_name,res['colors'][0]);
+        createColorCard(res['color_names'][0],res['colors'][0]);
     })
 }
 

README.md

@@ -22,6 +22,7 @@ An RNN based model which is used to generate color from text.
 
 - [X] Make a simple Model (**colgen-1**) 
 - Make it based on character level tokenization
+- It ignores special characters and replace them with a " "
 - [ ] Model with word-embedding (**colgen-2**) 
 - Make it based on word level tokenization
 - don't use precalculated word embeddings
@@ -32,6 +33,7 @@ An RNN based model which is used to generate color from text.
 
 - [X] Basic UI
 - [X] Generate Color Functionality
+- [X] Add Notifications
 - [ ] Save old color which are liked
 - [ ] Add search functionality
 - [ ] Add API endpoints