Eliminated the margin-bottom from .accordion-item class to improve layout consistency and avoid unwanted spacing issues in the accordion component. This helps in aligning the design more closely with modern UI standards and ensures better visual harmony across different sections.
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.
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.
Introduced a new 'lock-key' SVG icon to improve representation of the lock feature in the UI. Updated services.json to reference the new icon, replacing the old 'lock' icon reference. This enhances clarity and user experience by providing a more intuitive graphic.
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.
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.
Introduce hard-hat SVG icon and add new services (nocdnbs, nobsdelivr) to services.json. These services provide privacy-friendly proxies to major CDNs (Cloudflare and jsDelivr), enhancing user privacy by avoiding tracking.
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.
Added descriptive meta tags to improve SEO and social media sharing previews. Integrated a new logo and updated the favicon to enhance the site's branding. These updates aim to provide better visibility and user experience.
Added the Overpass service to the services configuration with a detailed description, status, link, and associated map-trifold icon. This enriches the application's API offerings, providing users access to OpenStreetMap data querying capabilities.
Added LICENSE.md to the icons directory to clarify licensing. Files taken from Phosphor Icons are under the MIT License. The custom `rainbow.svg` created by us is also MIT-licensed. This ensures proper attribution and compliance with open-source licensing requirements.
Extended the width of rainbow.svg from 94 to 135 to better accommodate updated design requirements. Added licensing information comment for clarity and compliance. Adjusted positions and dimensions of color blocks to align with the new width. No functional changes introduced.
Added a new 'books' icon SVG file to the asset directory to enhance the icon set. Updated the icon reference in services.json from 'book' to 'books' for better visual representation and icon alignment. This change improves the visual consistency and clarity in the service icons.
Added FreshRSS RSS feed reader to services.json, including its metadata and links, and introduced a new RSS icon to the assets directory. This enhancement allows users to access and recognize the FreshRSS service easily.
Introduced the Priviblur service as a privacy-friendly alternative front-end to Tumblr, enhancing user privacy by preventing tracking. Added a new camera SVG icon to support the service's representation. This addition aims to improve the overall service offering and user experience.
Added a new service "Quetre" to services.json, providing a privacy-friendly front-end for Quora to enhance user privacy. Introduced a new question icon for this service for better visual representation.
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.
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.
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.
Added a new upload icon to the assets directory to enhance usability and UI consistency. Incorporated Transfer.coffee service for secure file transfers and moved GotHub entry for better data organization. This improves service discoverability and aligns with the project’s goal of providing diverse, privacy-respecting tools.
Introduced a new LGBTIQ+ rainbow icon SVG to enhance visual representation and inclusivity on the platform. This update includes the integration of the icon within the base template, specifically at the footer section to signal support for the LGBTIQ+ community. This change aligns with our commitment to diversity and inclusiveness.
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.
- 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.
Introduced a new LGBTIQ+ rainbow icon SVG to enhance visual representation and inclusivity on the platform. This update includes the integration of the icon within the base template, specifically at the footer section to signal support for the LGBTIQ+ community. This change aligns with our commitment to diversity and inclusiveness.
Introduced 'wishthis', a new service for creating wishlists, to the services directory and included a custom gift icon for its representation. This update enhances the app's directory with more diverse options for users interested in list-making services, improving usability and visual appeal.
Added LibreTranslate to the list of services in `services.json`, including its description, status, and links. A corresponding translate icon has been introduced in the assets to visually represent this new service. This expansion aligns with our aim to offer a broader suite of self-hosted applications, enhancing our platform's utility and user experience by integrating versatile language translation capabilities.
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.
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.
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.
Updated `services.json` to include icon data for better visual identification of services. Also, removed unused services (Nitter and Proxigram) to streamline service offerings and improve maintainability. In `index.html`, amended the template to dynamically display these icons, enhancing the UI/UX. This change makes the service list more visually appealing and intuitive, directly linking visual cues to services for quicker recognition.
Additionally, this update contributes to a cleaner codebase by removing references to services no longer in use, thus improving code quality and reducing potential confusion regarding supported services.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
