forked from enviPath/enviPy
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:
132
templates/static/about_us.html
Normal file
132
templates/static/about_us.html
Normal file
@ -0,0 +1,132 @@
|
||||
{% 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>About Us</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Main Content -->
|
||||
<div class="bg-base-100 shadow-xl rounded-lg p-8">
|
||||
<h1 class="text-4xl font-bold mb-6">About enviPath</h1>
|
||||
|
||||
<div class="prose max-w-none">
|
||||
<!-- Hero Image/Graphic -->
|
||||
<div class="mb-8">
|
||||
<img src="{% static '/images/ep-rule-artwork.png' %}" alt="enviPath System" class="w-full max-w-2xl mx-auto rounded-lg shadow-md" />
|
||||
</div>
|
||||
|
||||
<p class="text-lg mb-6">
|
||||
enviPath is a comprehensive database and prediction system for the microbial biotransformation of
|
||||
organic environmental contaminants. Since 2015, we have been at the forefront of computational
|
||||
environmental chemistry, helping researchers understand and predict biodegradation pathways.
|
||||
</p>
|
||||
|
||||
<h2 class="text-2xl font-semibold mt-8 mb-4">Our Mission</h2>
|
||||
<p class="mb-4">
|
||||
Our mission is to advance environmental science through innovative computational tools that predict
|
||||
and analyze the biotransformation of chemical compounds. We strive to provide researchers, regulators,
|
||||
and industry professionals with accurate, accessible tools for understanding environmental fate and behavior.
|
||||
</p>
|
||||
|
||||
<h2 class="text-2xl font-semibold mt-8 mb-4">What We Offer</h2>
|
||||
<div class="grid md:grid-cols-2 gap-6 mb-6">
|
||||
<div class="card bg-base-200 shadow-md">
|
||||
<div class="card-body">
|
||||
<h3 class="card-title text-primary">Pathway Database</h3>
|
||||
<p>Access experimentally observed biotransformation pathways and reactions from curated scientific literature.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card bg-base-200 shadow-md">
|
||||
<div class="card-body">
|
||||
<h3 class="card-title text-primary">Prediction System</h3>
|
||||
<p>Use our relative reasoning models to predict likely biotransformation pathways and products for new compounds.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card bg-base-200 shadow-md">
|
||||
<div class="card-body">
|
||||
<h3 class="card-title text-primary">Machine Learning Models</h3>
|
||||
<p>Leverage advanced ML algorithms trained on extensive biodegradation data for accurate predictions.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card bg-base-200 shadow-md">
|
||||
<div class="card-body">
|
||||
<h3 class="card-title text-primary">Community Platform</h3>
|
||||
<p>Join our active community of researchers to share knowledge, discuss findings, and collaborate.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2 class="text-2xl font-semibold mt-8 mb-4">Our Technology</h2>
|
||||
<p class="mb-4">
|
||||
enviPath employs a unique combination of rule-based and machine learning approaches to predict
|
||||
biotransformation pathways:
|
||||
</p>
|
||||
<ul class="list-disc list-inside mb-4 space-y-2">
|
||||
<li><strong>Relative Reasoning:</strong> Uses structural similarity to known biotransformations</li>
|
||||
<li><strong>Rule-Based Systems:</strong> Applies expert-curated transformation rules</li>
|
||||
<li><strong>Machine Learning:</strong> Leverages neural networks for pattern recognition</li>
|
||||
<li><strong>Hybrid Models:</strong> Combines multiple approaches for optimal accuracy</li>
|
||||
</ul>
|
||||
|
||||
<h2 class="text-2xl font-semibold mt-8 mb-4">Our Partners</h2>
|
||||
<p class="mb-4">
|
||||
enviPath is backed by leading research institutions and collaborators:
|
||||
</p>
|
||||
<div class="flex flex-wrap justify-center items-center gap-8 my-8">
|
||||
<img src="{% static '/images/uoa-logo-small.png' %}" alt="The University of Auckland" class="h-20 object-contain" />
|
||||
<img src="{% static '/images/logo-eawag.svg' %}" alt="Eawag" class="h-16 object-contain" />
|
||||
<img src="{% static '/images/uzh-logo.svg' %}" alt="University of Zurich" class="h-20 object-contain" />
|
||||
</div>
|
||||
|
||||
<h2 class="text-2xl font-semibold mt-8 mb-4">Our Team</h2>
|
||||
<p class="mb-4">
|
||||
enviPath is developed and maintained by a dedicated team of computational chemists, environmental
|
||||
scientists, and software engineers. Our interdisciplinary approach ensures that the platform meets
|
||||
the needs of the scientific community while remaining accessible and user-friendly.
|
||||
</p>
|
||||
|
||||
<h2 class="text-2xl font-semibold mt-8 mb-4">Research Impact</h2>
|
||||
<p class="mb-4">
|
||||
Since its inception, enviPath has contributed to numerous scientific publications and environmental
|
||||
assessments. Our tools are used by:
|
||||
</p>
|
||||
<ul class="list-disc list-inside mb-4 space-y-2">
|
||||
<li>Academic researchers in environmental chemistry and toxicology</li>
|
||||
<li>Regulatory agencies for chemical risk assessment</li>
|
||||
<li>Chemical manufacturers for product development and safety evaluation</li>
|
||||
<li>Environmental consultants for contamination studies</li>
|
||||
</ul>
|
||||
|
||||
<h2 class="text-2xl font-semibold mt-8 mb-4">Open Science Commitment</h2>
|
||||
<p class="mb-4">
|
||||
We are committed to open science principles. enviPath provides free access to our database and
|
||||
prediction tools for academic research. We actively contribute to the scientific community through
|
||||
publications, open-source software, and collaboration.
|
||||
</p>
|
||||
|
||||
<div class="card bg-primary text-primary-content mt-8">
|
||||
<div class="card-body">
|
||||
<h3 class="card-title">Get Involved</h3>
|
||||
<p>Join our community, contribute data, or collaborate on research projects.</p>
|
||||
<div class="card-actions justify-end mt-4">
|
||||
<a href="https://community.envipath.org/" target="_blank" class="btn btn-secondary">Visit Community</a>
|
||||
<a href="/contact" class="btn btn-ghost">Contact Us</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2 class="text-2xl font-semibold mt-8 mb-4">Publications</h2>
|
||||
<p class="mb-4">
|
||||
To learn more about the science behind enviPath, please visit our
|
||||
<a href="/cite" class="link link-primary">citations page</a> for key publications and how to cite our work.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock main_content %}
|
||||
Reference in New Issue
Block a user