Multi-Rag / templates /base.html
VashuTheGreat's picture
Clean commit without images
1f725d8
<!-- templates/base.html -->
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>
{% block title %}PhotoShop - AI Creative Tools{% endblock title %}
</title>
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600&display=swap"
rel="stylesheet"
/>
<!-- Base Styling -->
<link rel="stylesheet" href="/static/baseTemplate.css" />
<!-- Page Specific Styling -->
{% block styles %}{% endblock styles %}
</head>
<body>
<header>
<div class="logo">
<a href="/" style="text-decoration: none"><h1>magicedit</h1></a>
</div>
{% block navbar %}
<nav>
<a href="/" class="{% if request.url.path == '/' %}active{% endif %}"
>Home</a
>
<a
href="/chat"
class="{% if request.url.path == '/chat' %}active{% endif %}"
>Chat</a
>
<a
href="/web"
class="{% if request.url.path == '/web' %}active{% endif %}"
>Web Summarizer</a
>
<a
href="/blog"
class="{% if request.url.path == '/blog' %}active{% endif %}"
>Blog Agent</a
>
</nav>
{% endblock navbar %}
</header>
<main class="page-wrapper">{% block content %}{% endblock content %}</main>
<footer>
{% block footer %}
<p>
&copy; 2026 MagicEdit AI. Crafted with ❤️ for professional creators.
</p>
{% endblock footer %}
</footer>
<!-- Inject server-side API key as JS global for all pages -->
<script>
window.APP_USER_ID = "{{ app_user_id }}";
</script>
<script src="/static/constants.js"></script>
<!-- Page Specific Scripts -->
{% block scripts %}{% endblock scripts %}
</body>
</html>