jebus/enviPy-bayer
1
0
Fork 0
forked from enviPath/enviPy
Code Issues Pull Requests Actions Releases Activity

style: update login pages

Browse Source
This commit is contained in:
Tobias O
2025-10-29 12:01:35 +13:00
parent b7e1dac66a
commit 15809a4ccf
12 changed files with 431 additions and 176 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
templates/static/login_base.html Normal file
View File

@ -0,0 +1,68 @@
{% load static %}
<!DOCTYPE html>
<html lang="en" data-theme="envipath">
<head>
<meta charset="UTF-8">
<title>{% block title %}enviPath{% endblock %}</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" type="image/png" href="{% static 'images/favicon.ico' %}"/>
<!-- Tailwind CSS Output -->
<link href="{% static 'css/output.css' %}" rel="stylesheet" type="text/css"/>
<style>
{% block extra_styles %}{% endblock %}
</style>
</head>
<body class="bg-base-100">
<div class="flex h-screen">
<!-- Left side - Hero Image -->
<div class="hidden lg:flex lg:w-1/2 bg-cover bg-center bg-no-repeat items-center justify-center p-12"
style="background-image: linear-gradient(135deg, rgba(52, 152, 219, 0.3) 0%, rgba(41, 128, 185, 0.4) 100%), url('{% static "/images/hero.png" %}');">
<div class="text-left text-white space-y-6">
<svg class="h-16 w-auto fill-white" viewBox="0 0 104 26" role="img">
<use href='{% static "/images/logo-name.svg" %}#ep-logo-name' />
</svg>
<p class="text-lg max-w-md mx-auto">
Predict and explore microbial biotransformation pathways for environmental contaminants
</p>
</div>
</div>
<!-- Right side - Content -->
<div class="w-full lg:w-1/2 flex items-center justify-center p-8 overflow-y-auto">
<div class="w-full max-w-md">
<!-- Logo for mobile -->
<div class="lg:hidden text-center mb-8">
<svg class="h-12 w-auto mx-auto fill-current" viewBox="0 0 104 26" role="img">
<use href='{% static "/images/logo-name.svg" %}#ep-logo-name' />
</svg>
</div>
<!-- Messages -->
{% if message %}
<div class="alert alert-error mb-6">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 shrink-0 stroke-current" fill="none" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<span>{{ message }}</span>
</div>
{% elif success_message %}
<div class="alert alert-success mb-6">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 shrink-0 stroke-current" fill="none" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<span>{{ success_message }}</span>
</div>
{% endif %}
{% block content %}{% endblock %}
</div>
</div>
</div>
{% block extra_scripts %}{% endblock %}
</body>
</html>