aboutsummaryrefslogtreecommitdiff
path: root/gn2/wqflask/templates
diff options
context:
space:
mode:
Diffstat (limited to 'gn2/wqflask/templates')
-rw-r--r--gn2/wqflask/templates/base.html1
-rw-r--r--gn2/wqflask/templates/gnqa.html44
2 files changed, 19 insertions, 26 deletions
diff --git a/gn2/wqflask/templates/base.html b/gn2/wqflask/templates/base.html
index 4d6273bf..26b75230 100644
--- a/gn2/wqflask/templates/base.html
+++ b/gn2/wqflask/templates/base.html
@@ -347,6 +347,7 @@
let timeToLoad = document.createElement("p");
timeToLoad.innerHTML = "It took your browser " + ((Date.now() - pageLoadStart) / 1000) + " second(s) to render this page";
document.querySelector("footer .row .col-xs-6").appendChild(timeToLoad);
+ });
</script>
</body>
</html>
diff --git a/gn2/wqflask/templates/gnqa.html b/gn2/wqflask/templates/gnqa.html
index b9d2bcea..e3de0419 100644
--- a/gn2/wqflask/templates/gnqa.html
+++ b/gn2/wqflask/templates/gnqa.html
@@ -9,6 +9,7 @@
transition: opacity 500ms ease-in;
width: 50px;
}
+
.htmx-request .htmx-indicator, .htmx-request.htmx-indicator {
opacity: 1;
display: block;
@@ -17,11 +18,13 @@
top: 50%;
z-index: 19;
}
+
.search-header {
font-size: 3.5em;
color:#808080;
font-family: sans serif;
}
+
.search-header small {
font-size: 14px;
}
@@ -29,32 +32,22 @@
.search-header sup {
top: -2em;
}
+
.gnqa-copy p {
font-size: 16px;
line-height: 1.5;
}
- .search-hist-btn{
- padding:15px;
- margin: 0 auto;
- border-bottom: 1px solid #ccc;
- }
- .search-hist-btn a:hover {
- text-decoration: None;
- padding:5px;
- border-radius: 10px;
- color:blue;
- cursor:pointer;
- }
- .search-hist-btn a {
- font-weight: bold;
- color:#000;
+
+ #gnqna_search_home .form-group {
+ margin: 3em auto;
}
- #gnqna_search_home input {
- min-width: 25em;
- margin: 1.5em 0;
+
+ #gnqna_search_home_input {
+ border-radius: 16px;
}
- #gnqna_search_home {
- field-sizing: normal;
+
+ #gnqna_search_home button {
+ margin-right: 10px;
}
.answers {
width: 75%;
@@ -104,19 +97,18 @@
</small>
</h1>
</header>
- <form class="col-sm-12" id="gnqna_search_home"
- hx-history="true"
+ <form class="col-sm-10 col-sm-offset-1 col-md-6 col-md-offset-3 form-horizontal" id="gnqna_search_home"
hx-post="/gnqna"
hx-target=".gnqa-copy"
hx-swap="outerHTML"
hx-indicator="#indicator">
<!--- init gnqa codebase here -->
- <div class="col-sm-6">
- <button type="submit" class="btn btn-default btn-sm">
- <i class="fa fa-search fa-2x" aria-hidden="true" title="Search History"></i>
+ <div class="form-group form-group-lg">
+ <button type="submit" class="btn btn-default btn-sm col-sm-1 col-xs-1">
+ <i class="fa fa-search fa-3x" aria-hidden="true" title="Search History"></i>
</button>
<input
- class="text-center"
+ class="text-left input-lg col-xs-10 col-sm-10"
id="gnqna_search_home_input"
type="text" autocomplete="on"
required