Improve search look

This commit is contained in:
2025-10-17 22:45:16 +13:00
parent 4408a09e82
commit 86c3f9b808
4 changed files with 8 additions and 4 deletions

View File

@ -8,6 +8,7 @@ repos:
- id: end-of-file-fixer - id: end-of-file-fixer
- id: check-yaml - id: check-yaml
- id: check-added-large-files - id: check-added-large-files
exclude: ^static/images/
- repo: https://github.com/astral-sh/ruff-pre-commit - repo: https://github.com/astral-sh/ruff-pre-commit
rev: v0.13.3 rev: v0.13.3

BIN
static/images/hero.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 785 KiB

View File

@ -1,6 +1,6 @@
{% load static %} {% load static %}
{# Modern DaisyUI Navbar #} {# Modern DaisyUI Navbar #}
<div class="navbar bg-neutral text-neutral-content shadow-lg"> <div class="navbar bg-neutral-50 text-neutral-950 shadow-lg">
<div class="navbar-start"> <div class="navbar-start">
<a href="{{ meta.server_url }}" class="btn btn-ghost normal-case text-xl"> <a href="{{ meta.server_url }}" class="btn btn-ghost normal-case text-xl">
<img src='{% static "/images/logo-short-white.svg" %}' width="100" alt="enviPath"> <img src='{% static "/images/logo-short-white.svg" %}' width="100" alt="enviPath">

View File

@ -6,7 +6,7 @@
<section> <section>
<div <div
class="hero min-h-screen w-full mx-auto" class="hero min-h-screen w-full mx-auto"
> style="background-image: url('{% static "/images/hero.jpg" %}'); background-size: cover; background-position: center;">
<div class="hero-content flex-col lg:flex-row-reverse w-full"> <div class="hero-content flex-col lg:flex-row-reverse w-full">
<div class="card bg-base-100 shrink-0 shadow-2xl p-8 w-1/2"> <div class="card bg-base-100 shrink-0 shadow-2xl p-8 w-1/2">
@ -45,8 +45,11 @@
<input type="text" id="index-form-text-input" placeholder="cannonical SMILES string" class="input grow input-lg join-item" /> <input type="text" id="index-form-text-input" placeholder="cannonical SMILES string" class="input grow input-lg join-item" />
<button class="btn btn-lg bg-primary-950 text-primary-50 join-item">Predict!</button> <button class="btn btn-lg bg-primary-950 text-primary-50 join-item">Predict!</button>
</div> </div>
<span class="label"><a href="#"> Example 1</a><a href="#"> Example 2</a></span> <div class="label flex flex-row gap-2 w-full mt-1" >
<span class="label justify-self-end"><a href="#"> Advanced </a></span> <a href="#">Example 1</a>
<a href="#">Example 2</a>
<a class="ml-auto w-[9em]" href="#">Advanced </a> <!-- TODO: positioning a bit sloppy. Better reference button? -->
</div>
<input type="hidden" id="index-form-smiles" name="smiles" value="smiles"> <input type="hidden" id="index-form-smiles" name="smiles" value="smiles">
<input type="hidden" id="index-form-predict" name="predict" value="predict"> <input type="hidden" id="index-form-predict" name="predict" value="predict">
<input type="hidden" id="current-action" value="predict"> <input type="hidden" id="current-action" value="predict">