Frontpage update (#179)

This PR introduces an overhaul for the front page and login features while keeping the rest of the application intact.

## Major Changes

- TailwindCSS + DaisyUI Integration: Add  modern CSS framework for component-based utility styling
- Build System: Added pnpm for CSS building; can be extended for updated frontend builds in the future
- Navbar + Footer: Redesigned and includable; old version retained for unstyled elements
- Optimized Assets: Added minified and CSS-stylable logos

## New Features

- Static Pages: Added comprehensive mockups of static pages (legal, privacy policy, terms of use, contact, etc.). **Note:** These have to be fixed before a public release, as their content is largely unreviewed and incorrect. Probably best to do in a separate PR that only contains updates to these.
- Discourse API: Implement minimal features based on RestAPI for controllable results.

## Current bugs
- [x] The static pages include the default navbar and footer on the login page. This will likely not work, as users need to access it before logging in; no good workaround so far (problem with Django templating system).
- [ ] The front page predict link is currently non-functional; the redesigned page is almost ready but better done in a separate PR as it also touches Django code.
- [x] Visual bug with the news cards. Still intend to fix for this PR

Co-authored-by: Tim Lorsbach <tim@lorsba.ch>
Reviewed-on: enviPath/enviPy#179
Reviewed-by: jebus <lorsbach@envipath.com>
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 01:09:39 +13:00
committed by jebus
parent 34589efbde
commit ddf1fd3515
47 changed files with 4271 additions and 999 deletions

139
templates/static/legal.html Normal file
View File

@ -0,0 +1,139 @@
{% extends "framework_modern.html" %}
{% load static %}
{% block main_content %}
<div class="max-w-4xl mx-auto px-4 py-8">
<!-- Breadcrumbs -->
<div class="text-sm breadcrumbs mb-4">
<ul>
<li><a href="/">Home</a></li>
<li>Legal</li>
</ul>
</div>
<!-- Main Content -->
<div class="bg-base-100 shadow-xl rounded-lg p-8">
<h1 class="text-4xl font-bold mb-6">Legal Information</h1>
<div class="prose max-w-none">
<p class="text-lg mb-6">
Welcome to enviPath's legal information center. Here you can find all our legal documents,
policies, and terms that govern the use of our platform.
</p>
<!-- Legal Documents Grid -->
<div class="grid md:grid-cols-2 gap-6 mb-8">
<!-- Terms of Use -->
<div class="card bg-base-200 shadow-md">
<div class="card-body">
<h3 class="card-title text-primary">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
</svg>
Terms of Use
</h3>
<p class="text-sm mb-4">
Our terms and conditions that govern the use of enviPath services, including
licensing, user responsibilities, and platform usage guidelines.
</p>
<div class="card-actions justify-end">
<a href="/terms" class="btn btn-primary btn-sm">Read Terms</a>
</div>
</div>
</div>
<!-- Privacy Policy -->
<div class="card bg-base-200 shadow-md">
<div class="card-body">
<h3 class="card-title text-primary">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" />
</svg>
Privacy Policy
</h3>
<p class="text-sm mb-4">
How we collect, use, and protect your personal information when you use
enviPath, including data handling practices and your privacy rights.
</p>
<div class="card-actions justify-end">
<a href="/privacy" class="btn btn-primary btn-sm">Read Policy</a>
</div>
</div>
</div>
<!-- Cookie Policy -->
<div class="card bg-base-200 shadow-md">
<div class="card-body">
<h3 class="card-title text-primary">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z" />
</svg>
Cookie Policy
</h3>
<p class="text-sm mb-4">
Information about the cookies and tracking technologies we use on enviPath,
including analytics and essential functionality cookies.
</p>
<div class="card-actions justify-end">
<a href="/cookie-policy" class="btn btn-primary btn-sm">Read Policy</a>
</div>
</div>
</div>
<!-- Citation Guidelines -->
<div class="card bg-base-200 shadow-md">
<div class="card-body">
<h3 class="card-title text-primary">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
</svg>
Citation Guidelines
</h3>
<p class="text-sm mb-4">
How to properly cite enviPath in your research publications and academic work,
including recommended citation formats and acknowledgments.
</p>
<div class="card-actions justify-end">
<a href="/cite" class="btn btn-primary btn-sm">View Guidelines</a>
</div>
</div>
</div>
</div>
<!-- Quick Access Section -->
<h2 class="text-2xl font-semibold mt-8 mb-4">Quick Access</h2>
<div class="grid md:grid-cols-3 gap-4 mb-6">
<a href="/terms" class="btn btn-outline btn-sm w-full">Terms of Use</a>
<a href="/privacy" class="btn btn-outline btn-sm w-full">Privacy Policy</a>
<a href="/cookie-policy" class="btn btn-outline btn-sm w-full">Cookie Policy</a>
</div>
<!-- Important Information -->
<div class="alert alert-info mt-8">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="stroke-current shrink-0 w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<div>
<h3 class="font-bold">Important Notice</h3>
<p class="text-sm">
By using enviPath, you agree to be bound by our Terms of Use and Privacy Policy.
We recommend reviewing these documents regularly as they may be updated from time to time.
For questions about our legal policies, please <a href="/contact" class="link link-primary">contact us</a>.
</p>
</div>
</div>
<!-- Contact Information -->
<div class="card bg-primary text-primary-content mt-8">
<div class="card-body">
<h3 class="card-title">Questions About Our Legal Policies?</h3>
<p>If you have any questions or concerns about our legal documents, please don't hesitate to reach out to us.</p>
<div class="card-actions justify-end mt-4">
<a href="/contact" class="btn btn-secondary">Contact Us</a>
</div>
</div>
</div>
</div>
</div>
</div>
{% endblock main_content %}