code refactoring for gn llm ui

2 files changed, 24 insertions, 113 deletions

diff --git a/gn2/wqflask/templates/gnqa.html b/gn2/wqflask/templates/gnqa.html
index 46cc1e90..a2febb17 100644
--- a/gn2/wqflask/templates/gnqa.html
+++ b/gn2/wqflask/templates/gnqa.html
@@ -4,27 +4,12 @@
 {% block content %} <!-- Start of body -->
 
 
-    <style>
-   
-
-
-   #gnqna_search {
-    padding:15px  10px;
-    border-radius: 15px;
-    border:1px solid blue;
-   }
-
-  #gnqna_search{
-    font-weight: bold;
-    font-weight: 18px;
-  }
+{% block css %}
+<link rel="stylesheet" type="text/css" href="/static/new/css/llm.css">
+{% endblock %}
 
-   #main-search-controller{
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
 
+ <style>   
   #loader {
     display: none;
     position: fixed;
@@ -37,27 +22,20 @@
     z-index: 10000;
 }
 
-
 </style>
 
 
+
 <div style="height: 100vh;width: 100vw; ">
 
 <div id="loader"></div>
-<div id="main-search-controller" style="margin: 20px;width: 100%;height: 100%;">
-<div id="gnqna_controller">
-  <form method="POST" action="/gnqna" id="gnqna_form">
-  <input  id="gnqna_search" style="width:45vw" type="text" autocomplete="off" 
-required placeholder="Ask a Question or Topic e.g ( Genes) " value='' name="querygnqa">
 
-</form>
+<div style="margin-top: 50px;text-align: center;">
+  <h4>GN LLM DESCRIBPTION GOES HERE</h4>
 </div>
 
 </div>
 
-<div>
-
-</div>
 
 
 <script src="{{ url_for('js', filename='jquery/jquery.min.js') }}" type="text/javascript"></script>
@@ -75,6 +53,20 @@ required placeholder="Ask a Question or Topic e.g ( Genes) " value='' name="quer
         })
 
 
+        $('#globalsearchform').hide()
+        $('#gnqna_search_home').show()
+         $('footer').hide()
+          $("#gnqna_search_home_input").keypress(function(event) {
+            if (event.keyCode === 13) {
+                console.log("clicked this button")
+            $('#gnqna_search_home').submit();
+            let spinner = $("#loader")
+            spinner.show();
+
+            }
+        })
+
+
     });
 
 
diff --git a/gn2/wqflask/templates/gnqa_answer.html b/gn2/wqflask/templates/gnqa_answer.html
index 99242b29..c8ec9bbb 100644
--- a/gn2/wqflask/templates/gnqa_answer.html
+++ b/gn2/wqflask/templates/gnqa_answer.html
@@ -4,96 +4,15 @@
 {% block content %} <!-- Start of body -->
 
 
-    <style>
-   
-
-
-   #gnqna_search {
-    padding:15px  10px;
-    border-radius: 15px;
-    border:1px solid blue;
-   }
-
-  #gnqna_search{
-    font-weight: bold;
-    font-weight: 18px;
-  }
-
-   #main-search-controller{
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-
-</style>
+ 
 
 {% block css %}
 <link rel="stylesheet" type="text/css" href="/static/new/css/markdown.css" />
+<link rel="stylesheet" type="text/css" href="/static/new/css/llm.css">
 {% endblock %}
 
 
 <style type="text/css">
-  
-  #gnqa_ref {
-    height: 90vh;
-    overflow: hidden;
-    overflow-y: scroll;
-  }
-
-
-  #gnqa_ref_item{
-    border-bottom: 1px solid lightgrey;
-    padding:12px;
-  }
-
-
-  #gnqa_query {
-    font-size: 24px;
-    font-family: serif;
-    color: #3071a9;
-    font-style: italic;
-    letter-spacing: 0.3em;
-    text-transform: capitalize;
-
-    text-decoration: underline;
-  }
-
-  #gnqa_query::first-letter {
-    font-size: 30px;
-    font-style: italic;
-
-  }
-
-  #gnqa_answer {
-    text-transform: capitalize;
-  }
-
-  #gnqa_answer::first-letter{
-    font-weight: bold;
-
-
-  }
-  #gnqna_search_home{
- display: flex;
-  justify-content: center;
-  align-items: center;
-  }
-
- 
-   #gnqna_search_home input{
-    padding:7px  5px;
-    border-radius: 10px;
-    border:1px solid blue;
-   }
-
-  #gnqna_search_home input{
-    font-weight: bold;
-  }
-
-  .container{
-   / box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px; */
-  }
 
   #loader {
     display: none;
@@ -121,7 +40,7 @@
     <h1 id="gnqa_query" style="font-weight: bolder">{{query}}<h1>
   </div>
 
-  <div style="width:40vw;overflow-wrap: normal; margin-top: 5px;">
+  <div style="width:80vw;overflow-wrap: normal; margin-top: 5px;">
     <p style="word-spacing: 0.7em;" id="gnqa_answer">{{answer}} <p>
   </div>
 </div>