From 8b4f7eb6cea8397581de4a276addd1e8dd2c057a Mon Sep 17 00:00:00 2001 From: Kumi Date: Fri, 7 Jun 2024 22:51:24 +0200 Subject: [PATCH] feat: Introduce Pride theme and improve layout readability - Added '.bg-pride-gradient' class to CSS for a colorful background gradient celebrating Pride Month, replacing the previous primary gradient. This change visually signifies our support for the LGBTQ+ community. - Replaced the header logo with a detailed vector image to enhance visual engagement. - Reformatted the HTML structure to improve code readability and maintainability. This involves adjusting indentation and whitespace, making the code easier to follow and modify. - Updated section headers and content organization in the index page to enhance information flow and user engagement. This update aligns with the initiative to celebrate and acknowledge Pride Month, reflecting our commitment to inclusivity. Additionally, the introduction of a more detailed logo and the restructured HTML seeks to enhance overall site aesthetics and user experience. --- assets/css/base.css | 4 + templates/index.html | 305 ++++++++++++++++++++++++++++++------------- 2 files changed, 217 insertions(+), 92 deletions(-) diff --git a/assets/css/base.css b/assets/css/base.css index a3dd0ea..5cc9970 100644 --- a/assets/css/base.css +++ b/assets/css/base.css @@ -131,6 +131,10 @@ h5 { fill: var(--bs-primary-bg-subtle); } +.bg-pride-gradient { + background: linear-gradient(45deg, #FF7878, #FFC898, #FFF89A, #CDF2CA, #A2CDCD, #D1E8E4, #CAB8FF); +} + /* Responsive Styles */ @media (max-width: 768px) { .navbar .container { diff --git a/templates/index.html b/templates/index.html index 19c0522..0d90c48 100644 --- a/templates/index.html +++ b/templates/index.html @@ -1,118 +1,239 @@ -{% extends "base.html" %} -{% block title %}Home{% endblock %} -{% block content %} -
+{% extends "base.html" %} {% block title %}Home{% endblock %} {% block content +%} +
-
-
-
-

Empowering Privacy with Open Source

-
-

Private.coffee

-
-
+
+
+
+

Empowering Pride with Open Source

+
+

+ Private.coffee +

+
+ + + + + + + + + + +
+
-
-
-

Our self-hosted Services

-

Private.coffee provides a collection of services that respect your privacy.

-
+
+
+

Our self-hosted Services

+

+ Private.coffee provides a collection of services that respect your + privacy. +

-
-
- {% for service in services.services %} - {% if not service.exclude_from_index %} -
-
-
-
- {% if service.icon %}{{ service.icon | icon | safe }}{% endif %} -
-
{{ service.name }}
-

{{ service.long_description }}

- {% for link in service.links %} - {{ link.name }} - {% endfor %} -
-
+
+
+
+ {% for service in services.services %} {% if not + service.exclude_from_index %} +
+
+
+
+ {% if service.icon %}{{ service.icon | icon | safe }}{% endif %}
- {% endif %} - {% endfor %} +
{{ service.name }}
+

+ {{ service.long_description }} +

+ {% for link in service.links %} + {{ link.name }} + {% endfor %} +
+
+ {% endif %} {% endfor %}
+
-
-
-

Privacy

-
-
-

from the community

-

for the community

-
+
+
+

Privacy

-
-
-
-
-
-

Join and rebel

-
Be a part of the open source community!
Learn more -
-
-
-
-
-
-

Private Hosting

-
Interested in Hosting Services?
Get in touch -
-
-
-
+
+

+ from the community +

+

+ for the community +

+
+
+
+
+
+
+

Join and rebel

+
+ Be a part of the open source community! +
+ Learn more +
+
+
+
+
+
+

+ Private Hosting +

+
+ Interested in Hosting Services? +
+ Get in touch +
+
+
+
+
-
-
-

Contacts

-

How you can reach us

-
+
+
+

Contacts

+

How you can reach us

-
-
-
-
-
{{ "envelope" | icon | safe }}
-
-
Email
-

support@private.coffee

-
-
-
-
-
-
-
-
-
-
{{ "matrix-logo" | icon | safe }}
-
-
Matrix
-

#private.coffee:private.coffee

-
-
+
+
+
+
+
+
+ {{ "envelope" | icon | safe }}
+
+
Email
+

support@private.coffee

+
+
+
+
+
+
+
+
+
+ {{ "matrix-logo" | icon | safe }} +
+
+
Matrix
+

+ #private.coffee:private.coffee +

+
+
+
+
-{% endblock %} \ No newline at end of file +{% endblock %}