Skip to content

Commit 03e6b28

Browse files
igennovaigennova
committed
done
1 parent fcdd30d commit 03e6b28

File tree

1 file changed

+60
-47
lines changed

1 file changed

+60
-47
lines changed

‎website/templates/blt_tomato.html

+60-47
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
{% extends "base.html" %}
22
{% load static %}
3-
{% load static %}
43
{% load custom_tags %}
54
{% block title %}
65
{% env 'PROJECT_NAME' %} Tomato - OWASP {% env 'PROJECT_NAME' %} Project
@@ -18,51 +17,65 @@
1817
Support the OWASP {% env 'PROJECT_NAME' %} Tomato project and other OWASP projects by donating through funding.yml. Help fund open-source initiatives.
1918
{% endblock og_description %}
2019
{% block content %}
21-
{% include "includes/sidenav.html" %}
22-
<div class="min-h-screen flex flex-col mx-4 mt-5">
23-
<h2 class="text-4xl font-semibold my-8 p-5 text-white rounded-md bg-[#d9534f]">
24-
{% env 'PROJECT_NAME' %} Tomato - This is an OWASP {% env 'PROJECT_NAME' %} project created to help other OWASP projects.
25-
</h2>
26-
{% if projects %}
27-
<p class="text-xl font-semibold mt-5">The following OWASP projects are seeking funding and have a funding.yml file:</p>
28-
<ul class="text-2xl">
29-
{% for project in projects %}
30-
<li type="1" class=" my-2 py-2 px-4 shadow">
31-
<a href="{{ project.repo_url }}"
32-
class="text-primary underline inline-block">{{ project.project_name }}</a>
33-
<button class="bg-[#d9534f] ml-4 inline-block py-1 px-2 rounded text-white">
34-
<a href="{{ project.funding_hyperlinks }}" target="_blank">
35-
<span class="text-white">Donate</span>
36-
</a>
37-
</button>
38-
<span class="ml-4">{{ project.funding_details }}</span>
39-
</li>
40-
{% endfor %}
41-
</ul>
42-
{% endif %}
20+
<div class="min-h-screen bg-white">
21+
<!-- Sidebar -->
22+
<div class="fixed left-0 top-0 h-full lg:w-64 z-30">{% include "includes/sidenav.html" %}</div>
23+
<!-- Main Content -->
24+
<div class="lg:ml-64">
25+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
26+
<!-- Header Section -->
27+
<div class="bg-[#e74c3c] rounded-xl shadow-sm p-8 mb-8 w-[80%] mx-auto">
28+
<h1 class="text-3xl md:text-4xl font-bold text-white">{% env 'PROJECT_NAME' %} Tomato</h1>
29+
<p class="mt-4 text-white/90 text-lg">
30+
An OWASP {% env 'PROJECT_NAME' %} project created to help other OWASP projects receive funding and support.
31+
</p>
32+
</div>
33+
{% if projects %}
34+
<div class="bg-white rounded-xl shadow-sm p-8 w-[80%] mx-auto">
35+
<h2 class="text-2xl font-bold mb-6 flex items-center gap-3">
36+
<i class="fas fa-hand-holding-usd text-[#e74c3c]"></i>
37+
Projects Seeking Funding
38+
</h2>
39+
<p class="text-gray-600 mb-8">
40+
The following OWASP projects have active funding.yml files and are looking for community support:
41+
</p>
42+
<div class="space-y-4">
43+
{% for project in projects %}
44+
<div class="border-2 border-gray-100 rounded-lg p-6 hover:border-[#e74c3c] transition-colors duration-200">
45+
<div class="flex flex-col sm:flex-row sm:items-center justify-between gap-4">
46+
<div class="flex-1">
47+
<h3 class="text-xl font-semibold mb-2">
48+
<a href="{{ project.repo_url }}"
49+
class="text-gray-900 hover:text-[#e74c3c] flex items-center gap-2"
50+
target="_blank">
51+
<i class="fab fa-github"></i>
52+
{{ project.project_name }}
53+
</a>
54+
</h3>
55+
</div>
56+
<div class="flex-shrink-0">
57+
<a href="{{ project.funding_hyperlinks }}"
58+
target="_blank"
59+
class="inline-flex select-none items-center justify-center gap-2 px-6 py-3 text-white bg-[#e74c3c] rounded-lg hover:bg-[#c0392b] font-medium transition-all duration-200">
60+
<i class="fas fa-heart"></i>
61+
Support Project
62+
</a>
63+
</div>
64+
</div>
65+
</div>
66+
{% endfor %}
67+
</div>
68+
</div>
69+
{% else %}
70+
<div class="bg-white rounded-xl shadow-sm p-8 text-center w-[80%] mx-auto">
71+
<div class="mx-auto w-24 h-24 rounded-full bg-gray-100 flex items-center justify-center mb-4">
72+
<i class="fas fa-folder-open text-4xl text-gray-400"></i>
73+
</div>
74+
<h3 class="text-xl font-medium text-gray-900 mb-2">No Projects Found</h3>
75+
<p class="text-gray-500">Currently, there are no OWASP projects with funding.yml files.</p>
76+
</div>
77+
{% endif %}
78+
</div>
79+
</div>
4380
</div>
4481
{% endblock content %}
45-
<style>
46-
.min-h-screen {
47-
min-height: 100vh;
48-
}
49-
.shadow {
50-
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
51-
}
52-
.link-button {
53-
background-color: #d9534f;
54-
color: white;
55-
padding: 0.5rem 1rem;
56-
border-radius: 0.25rem;
57-
text-decoration: none;
58-
}
59-
60-
.link-button:hover {
61-
background-color: #c9302c;
62-
}
63-
64-
.link-button:visited {
65-
color: white;
66-
}
67-
68-
</style>

0 commit comments

Comments
 (0)