Commit graph

41 commits

Author SHA1 Message Date
ccbe1b600d
feat: add consistent vertical spacing to button wrappers
All checks were successful
Build and Deploy Static Site / build (push) Successful in 59s
Added a CSS rule to ensure button elements inside the button-wrapper class have consistent vertical spacing except for the last child. This improves uniformity in the UI layout. Updated corresponding HTML to use the newly styled button-wrapper class for proper spacing and alignment.
2024-08-04 13:30:20 +02:00
2a054a7f78
feat(UI): enhance accordion and icon styling for consistency
All checks were successful
Build and Deploy Static Site / build (push) Successful in 58s
Improved the styling of homemade icons by setting explicit height and
width, ensuring they are consistently sized. Refined the layout of the
accordion header by adding flex display and centering alignment for
better visual alignment. Introduced new icon container styles to
standardize icon presentation and spacing.

These changes aim to provide a more polished and uniform user interface
experience, addressing inconsistencies and enhancing visual clarity.
2024-08-04 13:24:42 +02:00
7dd217a78e
feat: replace accordion implementation with details/summary
Migrated accordion elements from a Bootstrap-based approach to
using the native HTML <details> and <summary> tags for better
accessibility and reduced reliance on third-party libraries.
Enhanced CSS for the accordion components to style hover effects
and manage open states effectively. Simplified icon handling
within accordion bodies.
2024-08-04 13:02:07 +02:00
ac9286bf7e
feat: add accordion component for services list
Replaced the services list layout with a new accordion component. This allows for a more organized and user-friendly display of services, facilitating better content management and improved user interaction. The CSS was updated to include styles for the accordion structure.
2024-08-04 12:59:43 +02:00
04a26c180a
feat: add homemade badge for in-house services
All checks were successful
Build and Deploy Static Site / build (push) Successful in 1m1s
Implemented a "homemade" badge to distinguish services developed by Private.coffee from third-party services. Enhanced service data with a "homemade" flag and updated the frontend to display a special icon when this flag is set. This provides users with clear visual feedback, enhancing transparency about service origins.
2024-07-16 13:40:37 +02:00
36a7b01ffd
fix(styles): refine button margin and dropdown shadow spacing
Adjusted the CSS selector to more accurately apply margins to specific button elements within card bodies, enhancing layout consistency. Corrected minor formatting issue in the dropdown menu's box-shadow property for improved code readability.
2024-07-01 15:35:50 +02:00
791981b7f4
fix(css): remove redundant padding from .btn-primary .main-link
The padding on .btn-primary .main-link was redundant and inconsistent with the overall button styling. Removing it ensures better alignment and consistency in button appearance across the application.
2024-06-18 14:29:17 +02:00
a664611f2d
feat(dropdown): add dropdown menu to service links
Enhanced the UI by adding dropdown menus to service links. This includes new styles for dropdowns in CSS and corresponding changes in the HTML templates. Also, extended `services.json` to support alternative links with Tor options for better accessibility.

Adjusted the maximum width for service cards to improve layout on larger screens.
2024-06-18 12:18:43 +02:00
7e8a6e655b
Merge branch 'pride' into dev 2024-06-08 13:25:05 +02:00
5f1de8b4f0
feat: Improve responsive design for larger screens
Adjust the media query breakpoint to 991px to enhance the responsive layout for devices with larger screens. Added specific styling for `p.text-center.special-header` to increase the font size for improved readability. Optimized CSS to ensure primary buttons and navigation elements adapt more smoothly across a wider range of device widths. These adjustments make the UI more flexible and visually accessible, addressing user feedback on readability and interaction with key UI elements on tablets and smaller laptop screens.
2024-06-08 09:17:13 +02:00
8b4f7eb6ce
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.
2024-06-07 22:51:24 +02:00
95387eafae
feat: enhance icon theming flexibility
Introduced a new styling rule for `.bs-icon-circle` to apply a subtler background color, improving visual integration across themes. This change complements existing icon styles by offering an alternative option for a less prominent icon appearance, aimed at enhancing UI adaptability and consistency in different contexts. This update is in response to feedback requesting more nuanced design elements for diverse UI backgrounds.
2024-05-30 12:17:37 +02:00
2bbdc4034b
feat(css): enhance large icons with primary color fill
Introduced a new style rule for large icons to utilize the primary color as their fill, improving visual consistency across the UI. This change ensures that larger icons blend seamlessly with the overall color scheme of the interface, enhancing user experience and maintaining brand identity.
2024-05-30 12:11:51 +02:00
e77fc521bf
feat: introduce dynamic SVG icon functionality
Implemented a new template filter in Flask to dynamically render SVG icons, allowing for cleaner HTML templates and easier icon management. Added `coffee` and `envelope` SVG icons to the project's asset directory. This change not only streamlines the incorporation of new icons but also enhances the maintainability of the codebase by centralizing icon resources and reducing HTML clutter. Modified existing HTML templates to use this new dynamic icon rendering method, replacing hard-coded SVG and img tag icon implementations with the newly created template filter.

This update significantly improves the way icons are handled throughout the application, providing a more scalable and efficient approach to managing and displaying graphical elements.
2024-05-29 18:57:32 +02:00
6033a47b6a
feat: enhance financial transparency with dynamic tables
Implemented dynamic financial transparency tables to automatically generate and display monthly financial data for memberships, including incomes, expenses, and balances across multiple currencies. This change involved adding a new `finances.py` helper to process financial data and integrate it with the existing Flask application. Additionally, adjusted the CSS for better alignment and readability of currency columns in the transparency tables.

- Introduced a `generate_transparency_table` function to generate HTML tables dynamically based on the latest financial data.
- Expanded the `main.py` Flask route for the membership page to include financial data rendering, ensuring up-to-date information is presented to users.
- Removed static HTML table from the membership template in favor of dynamically generated content, offering real-time insight into finances.
- Adjusted the width and text alignment of currency columns in `base.css` for enhanced table aesthetics and readability.

This update significantly improves the transparency of financial information, making it easier for members to understand the flow of funds within the organization.
2024-05-29 14:50:52 +02:00
0601a39829
feat: add dev mode warning and styling
Introduced a development mode toggle for the app, which, when enabled, displays a distinctive warning on every page to inform users they are viewing a development version of the site. This warning is styled for clear visibility. Development mode is toggled with a new `--dev` command line argument or by setting an environment variable. The change aims to prevent confusion between the development and production environments for both developers and early users.

- Added new CSS rules for a warning alert style in `base.css`.
- Modified `main.py` to check for a development mode flag and pass a warning message to the template if the flag is set.
- Updated `base.html` to include the warning message when present.
- Added a new template for the development warning message.
2024-05-27 17:37:30 +02:00
22ae56dad1
refactor(privacy-policy): streamline content layout and styling
Overhauled the privacy.html template and base.css to enhance readability and user experience. The privacy policy content has been divided into distinct sections with added padding and a solid border at the bottom for better visual separation. This restructuring aims to make the information more accessible and easier for users to navigate, aligning with best practices for web content accessibility and design. Additionally, updated the heading style in privacy.html to feature a centered, more prominent design, reflecting a modern aesthetic approach.

No changes to the text of the policy were made.
2024-05-27 17:25:21 +02:00
7902aec1b1
feat: update membership and financial transparency details
Updated the Bitcoin address for donations, enhancing the convenience for members to contribute in cryptocurrencies. Improved the clarity and precision of the financial transparency section by specifying the report for May 2024, adjusting currency and cryptocurrency figures to reflect actual transactions, and introducing account balance tracking at the start and end of the month. Adjusted table styling in the CSS to ensure financial data is presented clearly, with currency columns widened and text aligned for better readability.

These changes aim to increase transparency, trust, and ease of contribution among members, supporting the organization's commitment to accountability and member involvement in its financial health.
2024-05-26 17:40:03 +02:00
78cfa76a6d
feat(membership report): enhance crypto visibility
This update introduces additional columns in the membership financial report to separately list cryptocurrency incomes such as Bitcoin (BTC), Ethereum (ETH), and Monero (XMR). A new CSS class, `currency-col`, ensures these columns maintain a consistent and readable width without wrapping, improving the overall clarity and usability of the report. This change addresses a growing need to track and report digital currency transactions distinctly from traditional currency, reflecting the organization's evolving financial landscape and responding to the increasing relevance of cryptocurrencies in its operations.
2024-05-25 21:33:30 +02:00
b0b6a4468a
refactor: rename .subtitle to .slogan in CSS and HTML
Unified the terminology across CSS and HTML by renaming the class `.subtitle` to `.slogan` to better reflect its content purpose. This change ensures consistency in naming conventions and improves readability, aligning the class name with its usage within the site framework, specifically relating to the section that emphasizes the site's key message.
2024-05-24 17:13:13 +02:00
7592a711c7
feat: hide subtitle in base layout
Hid subtitle across the application by adding a CSS rule to not display elements with the `.subtitle` class. This change aligns the UI more closely with the minimalist design ethos the project aims to embody, reducing visual clutter and focusing user attention on the primary content. Affected areas primarily include page headers and footers where the subtitle was previously displayed.
2024-05-24 17:01:57 +02:00
4f6e170a79
feat(css): add margin to subsequent primary buttons in cards
Introduces a margin-top rule for primary buttons within `.card-body`, specifically targeting all but the first button. This change ensures consistent spacing between stacked buttons, enhancing the visual layout and overall user interface within card components. The adjustment caters to the need for clearer visual separation in dense UI areas, particularly where multiple actions are presented in a confined space.
2024-05-24 14:41:32 +02:00
b1d856a702
feat: streamline navbar UI and cleanup base layout
Updated the padding in the navbar links for a more compact appearance, enhancing user interface clarity and consistency. Added margin auto to `.navbar-btn` for better visual symmetry, contributing to a more polished overall layout. Removed unnecessary line breaks (`<br>`) in the base template for a cleaner, more streamlined code and user experience. These adjustments align with our continuous efforts to improve UI aesthetics and usability.
2024-05-24 14:36:43 +02:00
39e6ca161e
feat: enhance responsiveness and clean file references
Improved the website's responsiveness by refining the CSS for navigation and general layouts, ensuring a better user experience on devices with a maximum width of 768px. Revised the CSS to introduce clearer sections for general and responsive styles, making the stylesheet easier to navigate and maintain.

Additionally, updated HTML templates to remove query strings from asset references, promoting better caching practices. This change also includes minor text normalization for consistency in presentation, specifically in branding elements.

The alterations aim to provide a more uniform and accessible interface across various device sizes, focusing on mobile-first design principles. By cleaning up asset references, the website's loading times and cacheability are expected to improve, further enhancing user experience.
2024-05-24 14:21:26 +02:00
f0e60a18ce
feat(css): Enhance mobile responsiveness and theme styling
This update introduces improved responsiveness for mobile devices, scaling down font sizes for the '.special-header' within 'h2' elements and the standalone '.special-header' class. The adjustments ensure better readability and experience on smaller screens. Alongside, the commit revamps the primary button and text styles in the CSS, aligning with the theme's aesthetic enhancements. These changes contribute to a more cohesive visual identity and improved user interaction across various device types.

In addition, minor HTML tweaks enhance navigability and accessibility. Specifically, the Matrix link in 'index.html' is now clickable, directing users to the relevant chat platform, thus improving user engagement and connectivity. A missed update in the 'base.html' introduces a potential placeholder for additional navigation elements, suggesting a direction for future UI/UX improvements.
2024-05-24 13:40:40 +02:00
10a4d90622
feat: introduced Private.coffee licensing info
Added MIT license information and project attribution comments to the CSS and HTML base templates as part of aligning with open-source compliance for the Private.coffee project. Ensures users and developers are informed about the licensing and origin of the code, promoting transparency and legal clarity.

This aligns the project's foundational files with open source standards, fostering a community of contribution and respect for intellectual property.
2024-05-08 19:53:15 +02:00
0000c4e892
feat: update primary theme color and adjust style variables
Revised the primary theme color to a more vibrant shade and adjusted related style variables for consistency across the UI. This change enhances the visual appeal and user experience by introducing a fresher, more engaging color palette. Updated variables include primary, secondary, success, info, warning, and danger colors along with their associated text, background, and border utilities to ensure coherence throughout the application's design.
2024-05-08 19:20:37 +02:00
jupfi
fbc6251c5d Made kumi happy. 2024-04-14 20:53:10 +02:00
jupfi
8c3ec9bda9 Added cotton candy. 2024-04-14 20:36:54 +02:00
jupfi
4d4a996ced Updated colors and titlebar. 2024-04-14 20:30:39 +02:00
jupfi
7c685aac4e Updated text colors for improved contrast. 2024-04-14 15:20:02 +02:00
jupfi
d402b232b7 Added support us button. 2024-04-14 15:03:42 +02:00
jupfi
deb8cb74bd Made stuff _pretty_. 2024-04-14 14:07:45 +02:00
jupfi
d90ca5bd6a Creation of membership and donations page. 2024-04-14 14:03:44 +02:00
jupfi
05ed8d681f Better colors 2024-04-14 11:49:48 +02:00
911152fe1b
Update styling for enhanced visual harmony
Revamped the appearance of service boxes by introducing a new border color, increased padding, and an inset shadow, aligning them with a new coffee-themed color scheme. Modified the styling of navigation and footer elements to use the new `.bg-coffee` class, ensuring consistency across the UI. These changes improve the overall aesthetic coherence of the interface and enhance user visual experience.
2024-01-17 17:45:42 +01:00
6b8b8be3b5
Taking out color gradient until I can figure something smoother... 2024-01-17 17:10:42 +01:00
83db0fac6c
Enhance (?) service box styling with border and padding
Changed the styling of the service boxes to include a solid black border, rounded corners, and padding for better visual separation and aesthetic appeal. This update gives the elements a more defined and polished look, improving the overall user interface.
2024-01-01 12:26:17 +01:00
e0f1682eb2
Use color-inverted logo 2023-11-05 10:36:47 +01:00
571362bb72
Increasing bottom margin of service blocks 2023-03-12 11:47:36 +00:00
1ffd81b1ad
First draft of the website 2023-03-09 16:18:31 +00:00