Mascode01/PantunGen
0
1<!DOCTYPE html>2<html lang="id">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>{% block title %}PantunGen - Pembangkit Pantun AI{% endblock %}</title>7 8 <!-- Fonts -->9 <link rel="preconnect" href="https://fonts.googleapis.com">10 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>11 12 <!-- Icons -->13 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">14 15 <!-- Custom CSS -->16 <link rel="stylesheet" href="/static/css/style.css">17 <link rel="stylesheet" href="/static/css/layout.css">18 19 {% block extra_css %}{% endblock %}20</head>21<body>22 <!-- Navbar -->23 <nav class="navbar">24 <div class="container">25 <div class="navbar-brand">26 <a href="/">27 <i class="fa-solid fa-feather-pointed"></i>28 PantunGen29 </a>30 </div>31 32 <ul class="navbar-nav">33 <li><a href="/" class="nav-link {% if active_page == 'home' %}active{% endif %}">Home</a></li>34 <li><a href="/generator" class="nav-link {% if active_page == 'generator' %}active{% endif %}">Generator</a></li>35 <li><a href="/about" class="nav-link {% if active_page == 'about' %}active{% endif %}">About</a></li>36 <li><a href="/metrics" class="nav-link {% if active_page == 'metrics' %}active{% endif %}">Metrics</a></li>37 </ul>38 39 <div class="navbar-icons">40 <i class="fa-solid fa-gear" title="Settings"></i>41 </div>42 </div>43 </nav>44 45 <!-- Main Content -->46 <main>47 {% block content %}{% endblock %}48 </main>49 50 <!-- Toast Container for Notifications -->51 <div id="toast-container" class="toast-container"></div>52 53 <!-- Scripts -->54 <script src="/static/js/main.js"></script>55 {% block extra_js %}{% endblock %}56</body>57</html>58