diff options
Diffstat (limited to 'gn2/wqflask/templates/gnqa.html')
| -rw-r--r-- | gn2/wqflask/templates/gnqa.html | 136 |
1 files changed, 69 insertions, 67 deletions
diff --git a/gn2/wqflask/templates/gnqa.html b/gn2/wqflask/templates/gnqa.html index b3bc74fd..6969bad9 100644 --- a/gn2/wqflask/templates/gnqa.html +++ b/gn2/wqflask/templates/gnqa.html @@ -1,9 +1,7 @@ {% extends "base.html" %} {% block title %}GNQA{% endblock %} - {% block css %} -<style> - + <style> .htmx-indicator{ display:none; opacity: 0; @@ -82,75 +80,79 @@ background-color: #ccf; } -</style> + </style> {% endblock %} - {% block search %}{% endblock %} -{% block content %} <!-- Start of body --> -<section class="container-fluid"> - <header class="row"> - <h1 class="col-sm-12 text-center search-header"> - AI Search - <small> - <sup> - <button class="search-hist-btn" hx-get="/gnqna/hist" hx-target="#swap" hx-swap="innerHTML"> - [Search History] - </button> - </sup> - </small> - </h1> - </header> - <form class="row form-horizontal" id="gnqna_search_home" - action="/gnqna" method="POST"> - <!--- init gnqa codebase here --> - <div class="form-group form-group-lg col col-xs-12 col-sm-6 col-sm-offset-3"> - <button class="btn btn-default btn-sm col-xs-1 col-sm-1 col-sm-offset-3" - hx-post="/gnqna" - hx-target="#swap" - hx-swap="innerHTML" - hx-indicator="#indicator"> - <i class="fa fa-search fa-3x" aria-hidden="true" title="Search"></i> - <img id="indicator" class="htmx-indicator" src="/static/gif/loader.gif"/> - </button> - <input - class="text-left input-lg col-sm-5" - id="gnqna_search_home_input" - type="text" autocomplete="on" - required - placeholder="Ask More Questions or Topics (E.g Genes)" - value='' - name="querygnqa" - /> - </div> - </form> - <article id="swap" class="row"> - <div class="row gnqa-copy"> - <p class="col-sm-10 col-sm-offset-1 col-md-offset-3 col-md-6"> - Welcome to the GeneNetwork Question and Answer (GNQA)system. We utilize a large language model and 3000 scientific publications to make GNQA a subject matter expert in three areas: <b><a href="/">GeneNetwork.org </a></b>, <b>genomics/genetics with regards to diabetes</b> and <b>genomics/genetics with regards to agin.</b>. - </p> - <p class="col-sm-11 col-md-offset-3 col-md-6">At the moment when you ask GNQA something it will attempt to return a sensible answer with <q>real</q> references. To this end we aim to reduce hallucinations and provide a knowledge launchpad for a researcher to enhance their knowledge on the relevant subject matter.</p> - <p class="col-sm-11 col-md-offset-3 col-md-6"> - GNQA is not a finished product as we are working diligently to improve it daily. - </p> - <p class="col-sm-11 col-md-offset-3 col-md-6"><b>Thanks for using GNQA!</b> </p> - - </div> - </article> -</section> - +{% block content %} + <!-- Start of body --> + <section class="container-fluid"> + <header class="row"> + <h1 class="col-sm-12 text-center search-header"> + AI Search + <small> + <sup> + <button class="search-hist-btn" + hx-get="/gnqna/hist" + hx-target="#swap" + hx-swap="innerHTML">[Search History]</button> + </sup> + </small> + </h1> + </header> + <form class="row form-horizontal" + id="gnqna_search_home" + action="/gnqna" + method="post"> + <!--- init gnqa codebase here --> + <div class="form-group form-group-lg col col-xs-12 col-sm-6 col-sm-offset-3"> + <button class="btn btn-default btn-sm col-xs-1 col-sm-1 col-sm-offset-3" + hx-post="/gnqna" + hx-target="#swap" + hx-swap="innerHTML" + hx-indicator="#indicator"> + <i class="fa fa-search fa-3x" aria-hidden="true" title="Search"></i> + <img id="indicator" class="htmx-indicator" src="/static/gif/loader.gif" /> + </button> + <input class="text-left input-lg col-sm-5" + id="gnqna_search_home_input" + type="text" + autocomplete="on" + required + placeholder="Ask More Questions or Topics (E.g Genes)" + value='' + name="querygnqa" /> + </div> + </form> + <article id="swap" class="row"> + <div class="row gnqa-copy"> + <p class="col-sm-10 col-sm-offset-1 col-md-offset-3 col-md-6"> + Welcome to the GeneNetwork Question and Answer (GNQA)system. We utilize a large language model and 3000 scientific publications to make GNQA a subject matter expert in three areas: <b><a href="/">GeneNetwork.org</a></b>, <b>genomics/genetics with regards to diabetes</b> and <b>genomics/genetics with regards to agin.</b>. + </p> + <p class="col-sm-11 col-md-offset-3 col-md-6"> + At the moment when you ask GNQA something it will attempt to return a sensible answer with <q>real</q> references. To this end we aim to reduce hallucinations and provide a knowledge launchpad for a researcher to enhance their knowledge on the relevant subject matter. + </p> + <p class="col-sm-11 col-md-offset-3 col-md-6"> + GNQA is not a finished product as we are working diligently to improve it daily. + </p> + <p class="col-sm-11 col-md-offset-3 col-md-6"> + <b>Thanks for using GNQA!</b> + </p> + </div> + </article> + </section> {% endblock %} - {% block js %} -<script src="{{ url_for('js', filename='jquery/jquery.min.js') }}" type="text/javascript"></script> - -<script language="javascript" type="text/javascript" src="{{ url_for('js', filename='jquery-ui/jquery-ui.min.js') }}"></script> - -<script language="javascript" type="text/javascript" src="{{ url_for('js', filename='htmx.min.js') }}"></script> - -<script type="text/javascript"> + <script src="{{ url_for('js', filename='jquery/jquery.min.js') }}" + type="text/javascript"></script> + <script language="javascript" + type="text/javascript" + src="{{ url_for('js', filename='jquery-ui/jquery-ui.min.js') }}"></script> + <script language="javascript" + type="text/javascript" + src="{{ url_for('js', filename='htmx.min.js') }}"></script> + <script type="text/javascript"> document.addEventListener('DOMContentLoaded', function() { $('footer').hide() }); -</script> + </script> {% endblock %} - |