diff options
| -rw-r--r-- | gn2/wqflask/templates/gnqa.html | 50 | ||||
| -rw-r--r-- | gn2/wqflask/templates/gnqa_answer.html | 87 |
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> |