[Feature] Add Predict Pathway Page in Modern UI (#188)

## Major Changes
- Predict Pathway is now a separate view as it is meant as adavanced prediction interface

## Current status
![image.png](/attachments/c5bc3f5c-cf30-4b5f-acb3-a70117a96dae)

Co-authored-by: Tim Lorsbach <tim@lorsba.ch>
Reviewed-on: enviPath/enviPy#188
Co-authored-by: Tobias O <tobias.olenyi@envipath.com>
Co-committed-by: Tobias O <tobias.olenyi@envipath.com>
This commit is contained in:
2025-11-12 02:38:57 +13:00
committed by jebus
parent 2b79adc2f7
commit c1553d9cd4
9 changed files with 939 additions and 530 deletions

View File

@ -72,7 +72,7 @@
<!-- End Matomo Code -->
{% endif %}
</head>
<body class="min-h-screen bg-base-300">
<body class="bg-base-300 min-h-screen">
{% include "includes/navbar.html" %}
{# Main Content Area #}
@ -81,7 +81,7 @@
{# Breadcrumbs - outside main content, optional #}
{% if breadcrumbs %}
<div id="bread" class="max-w-7xl mx-auto px-4 py-4">
<div class="text-sm breadcrumbs">
<div class="breadcrumbs text-sm">
<ul>
{% for elem in breadcrumbs %}
{% for name, url in elem.items %}
@ -100,7 +100,7 @@
{# Main content container - paper effect on medium+ screens #}
<div
id="docContent"
class="w-full xl:w-xl md:mx-auto md:my-8 bg-base-100 md:shadow-2xl md:rounded-lg border-2"
class="bg-base-100 mx-auto md:my-8 md:max-w-6xl md:rounded-lg md:shadow-xl"
>
{# Messages - inside paper #}
{% if message %}
@ -141,7 +141,7 @@
<a
href="https://community.envipath.org/"
target="_blank"
class="flex items-center justify-center btn btn-secondary hover:btn-secondary-focus text-secondary-content text-sm shadow-lg transition-all duration-300 hover:scale-105 hover:-translate-x-1"
class="btn btn-secondary hover:btn-secondary-focus text-secondary-content flex items-center justify-center text-sm shadow-lg transition-all duration-300 hover:-translate-x-1 hover:scale-105"
title="Get Help from the Community"
>
<svg