fix missing head end and change file from .html to .jinja

This commit is contained in:
Ugric committed 2026-02-11 03:05:32 +00:00
1 parent b79016f6e9
commit 88c2463915
4 files changed
+52 -37

No files matched your search

+22 -18
View File
@@ -1,20 +1,24 @@
<html>
<head>
<title>{% block title %}Untitled{% endblock %} - Komodo Hub</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="/styles.css" type="text/css">
<link rel="icon" type="image/png" href="/images/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/svg+xml" href="/images/favicon.svg" />
<link rel="shortcut icon" href="/images/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png" />
<meta name="apple-mobile-web-app-title" content="Komodo Hub" />
<link rel="manifest" href="/images/site.webmanifest" />
{% block head %}{% endblock %}
<body>
{% include 'navbar.jinja' %}
<div class="content">
{% block content %}
{% endblock %}
</div>
</body>
<head>
<title>{% block title %}Untitled{% endblock %} - Komodo Hub</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="/styles.css" type="text/css">
<link rel="icon" type="image/png" href="/images/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/svg+xml" href="/images/favicon.svg" />
<link rel="shortcut icon" href="/images/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png" />
<meta name="apple-mobile-web-app-title" content="Komodo Hub" />
<link rel="manifest" href="/images/site.webmanifest" />
{% block head %}{% endblock %}
</head>
<body>
{% include 'navbar.jinja' %}
<div class="content">
{% block content %}
{% endblock %}
</div>
</body>
</html>
File renamed without changes.
+25 -14
View File
@@ -3,24 +3,28 @@
{% block head %}
{% endblock %}
{% block content %}
{% from 'button.html' import button %}
{% from 'button.jinja' import button %}
<!-- Banner section -->
<section id="hero" style="padding: 100px 20px; text-align: center;">
<img src="/images/image.png" class="half-width">
<img src="/images/image.png" class="half-width">
<h1>Protecting Indonesia's Endangered Species Together</h1>
<p>Komodo Hub is dedicated to safeguarding the incredible biodiversity of Indonesia. Join us in our mission to conserve and protect these precious creatures for future generations.</p>
<div class="homepage-buttons">
{{ button(url='#', button_text='Donate Now', extra_classes='homepage-btn') }}
{{ button(url='#featured-species', button_text='Explore Species', extra_classes='homepage-btn') }}
{{ button(url='/register', button_text='Join the Movement', extra_classes='homepage-btn') }}
</div>
<p>Komodo Hub is dedicated to safeguarding the incredible biodiversity of Indonesia. Join us in our mission to
conserve and protect these precious creatures for future generations.</p>
<div class="homepage-buttons">
{{ button(url='#', button_text='Donate Now', extra_classes='homepage-btn') }}
{{ button(url='#featured-species', button_text='Explore Species', extra_classes='homepage-btn') }}
{{ button(url='/register', button_text='Join the Movement', extra_classes='homepage-btn') }}
</div>
</div>
</section>
<!-- Brief about section -->
<section id="about" style="padding: 50px 20px; text-align: center;">
<h2>What is Komodo Hub?</h2>
<p style="max-width: 800px; margin: 0 auto;">Komodo Hub is a digital platform designed to support conservation and species protection efforts across Indonesia. We connect passionate individuals, educators, and organizations to make a tangible difference.</p>
<a href="/about" style="display: inline-block; margin-top: 20px; color: #008CBA; text-decoration: none;">Read More &rarr;</a>
<p style="max-width: 800px; margin: 0 auto;">Komodo Hub is a digital platform designed to support conservation and
species protection efforts across Indonesia. We connect passionate individuals, educators, and organizations to
make a tangible difference.</p>
<a href="/about" style="display: inline-block; margin-top: 20px; color: #008CBA; text-decoration: none;">Read More
&rarr;</a>
</section>
<!-- Featured Species -->
<section id="featured-species" style="padding: 50px 20px; background-color: #f9f9f9; text-align: center;">
@@ -39,15 +43,22 @@
<p>Main category: Mammal</p>
</div>
</div>
<a href="/species" style="display: inline-block; margin-top: 40px; background-color: #555; color: white; padding: 10px 20px; text-decoration: none; border-radius: 5px;">View All Species</a>
<a href="/species"
style="display: inline-block; margin-top: 40px; background-color: #555; color: white; padding: 10px 20px; text-decoration: none; border-radius: 5px;">View
All Species</a>
</section>
<!-- Schools & communities section -->
<section id="schools-communities" style="padding: 50px 20px; text-align: center; background-color: #fff;">
<h2>Schools & Communities</h2>
<p style="max-width: 800px; margin: 0 auto;">Schools and communities play a vital role in conservation. Discover how your group can get involved through educational programs, fundraising, and awareness campaigns.</p>
<p style="max-width: 800px; margin: 0 auto;">Schools and communities play a vital role in conservation. Discover how
your group can get involved through educational programs, fundraising, and awareness campaigns.</p>
<div style="margin-top: 30px;">
<a href="/schools-register" style="background-color: #2196F3; color: white; padding: 15px 25px; text-decoration: none; border-radius: 5px; margin: 0 10px;">Register Your School</a>
<a href="/communities-register" style="background-color: #FF9800; color: white; padding: 15px 25px; text-decoration: none; border-radius: 5px; margin: 0 10px;">Join as a Community</a>
<a href="/schools-register"
style="background-color: #2196F3; color: white; padding: 15px 25px; text-decoration: none; border-radius: 5px; margin: 0 10px;">Register
Your School</a>
<a href="/communities-register"
style="background-color: #FF9800; color: white; padding: 15px 25px; text-decoration: none; border-radius: 5px; margin: 0 10px;">Join
as a Community</a>
</div>
</section>
{% endblock %}
+5 -5
View File
@@ -1,4 +1,4 @@
{% from "button.html" import button %}
{% from "button.jinja" import button %}
<div class="navbar">
<a href="/" style="height:100%">
<img src="/images/lizard.png" height="100%">
@@ -6,12 +6,12 @@
<div class="links">
{% if user %}
{% if user[4] %}
<a href="/admin">Admin</a>
<a href="/admin">Admin</a>
{% endif %}
<a href="/dashboard">Dashboard</a>
<a href="/logout">Logout</a>
<a href="/dashboard">Dashboard</a>
<a href="/logout">Logout</a>
{% else %}
{{ button(url='/login', button_text='Login', extra_classes='green') }}
{{ button(url='/login', button_text='Login', extra_classes='green') }}
{% endif %}
</div>
</div>