Spaces:

mercelv
/

epipred

Configuration error

App Files Files Community

epipred / templates /base.html

mercelv

uploaded app

920c25b verified 12 months ago

Raw

History Blame Contribute Delete

5.33 kB

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>{% block title %}EpiPred - Epitope Prediction Tool{% endblock %}</title>

	<!-- Favicon -->
	<link rel="icon" type="image/png" href="{{ url_for('static', filename='logo.png') }}">

	<!-- Bootstrap CSS -->
	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
	<!-- Font Awesome -->
	<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
	<!-- Custom CSS -->
	<link href="{{ url_for('static', filename='css/style.css') }}" rel="stylesheet">

	{% block extra_head %}{% endblock %}
	</head>
	<body>
	<!-- Navigation -->
	<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
	<div class="container">
	<a class="navbar-brand" href="{{ url_for('index') }}">
	<img src="{{ url_for('static', filename='logo.png') }}" alt="EpiPred" height="30" class="d-inline-block align-text-top me-2">
	EpiPred
	</a>
	<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
	<span class="navbar-toggler-icon"></span>
	</button>
	<div class="collapse navbar-collapse" id="navbarNav">
	<ul class="navbar-nav ms-auto">
	<li class="nav-item">
	<a class="nav-link" href="{{ url_for('index') }}">
	<i class="fas fa-home me-1"></i>Home
	</a>
	</li>
	<li class="nav-item">
	<a class="nav-link" href="{{ url_for('instructions') }}">
	<i class="fas fa-info-circle me-1"></i>Instructions
	</a>
	</li>
	<li class="nav-item">
	<a class="nav-link" href="{{ url_for('about') }}">
	<i class="fas fa-question-circle me-1"></i>About
	</a>
	</li>
	</ul>
	</div>
	</div>
	</nav>

	<!-- Header -->
	<div class="bg-light py-4">
	<div class="container">
	<div class="row">
	<div class="col-md-8">
	<h1 class="display-6 mb-2">{% block page_title %}EpiPred - Epitope Prediction Tool{% endblock %}</h1>
	<p class="lead text-muted">{% block page_subtitle %}Prediction of potential B-cell and T-cell epitopes{% endblock %}</p>
	</div>
	<div class="col-md-4 text-end">
	<img src="{{ url_for('static', filename='logo.png') }}" alt="EpiPred Logo" class="img-fluid logo-header">
	</div>
	</div>
	</div>
	</div>

	<!-- Flash Messages -->
	{% with messages = get_flashed_messages(with_categories=true) %}
	{% if messages %}
	<div class="container mt-3">
	{% for category, message in messages %}
	<div class="alert alert-{{ 'danger' if category == 'error' else 'success' if category == 'success' else 'info' }} alert-dismissible fade show" role="alert">
	<i class="fas fa-{{ 'exclamation-triangle' if category == 'error' else 'check-circle' if category == 'success' else 'info-circle' }} me-2"></i>
	{{ message }}
	<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
	</div>
	{% endfor %}
	</div>
	{% endif %}
	{% endwith %}

	<!-- Main Content -->
	<main class="container my-4">
	{% block content %}{% endblock %}
	</main>

	<!-- Footer -->
	<footer class="bg-dark text-light py-4 mt-5">
	<div class="container">
	<div class="row">
	<div class="col-md-6">
	<div class="d-flex align-items-center">
	<img src="{{ url_for('static', filename='logo.png') }}" alt="EpiPred" class="me-3 logo-footer">
	<div>
	<h5>EpiPred - Epitope Prediction Tool</h5>
	<p class="mb-0">Advanced machine learning for epitope prediction</p>
	</div>
	</div>
	</div>
	<div class="col-md-6 text-end">
	<p class="mb-0">
	<small>
	Powered by Deep Learning & Attention Mechanisms<br>
	<i class="fas fa-code me-1"></i>Built with Flask & TensorFlow
	</small>
	</p>
	</div>
	</div>
	</div>
	</footer>

	<!-- Bootstrap JS -->
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
	<!-- jQuery -->
	<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
	<!-- Custom JS -->
	<script src="{{ url_for('static', filename='js/main.js') }}"></script>

	{% block extra_scripts %}{% endblock %}
	</body>
	</html>