QB Networks

A modern, mobile-first promotional website built with Bootstrap layout utilities and plain JavaScript (no frontend framework).

Project Summary

QB Networks is a lightweight public-facing website focused on free software, open infrastructure, and digital ethics. The current design uses a bold yellow, purple, gray, and white visual system and presents the project as a Free Software and Free Society effort.

This project intentionally avoids frontend frameworks and uses:

• HTML5 for structure
• CSS3 for custom styling and visual effects
• Bootstrap 5 (CDN) for responsive grid/utilities
• Vanilla JavaScript for interactions and animations

Core Features

• Responsive layout for mobile, tablet, and desktop
• Sticky header with scroll-based visual state
• Mobile menu toggle for small screens
• Section reveal animations with IntersectionObserver
• LibreJS-compatible JavaScript license notice pattern
• AGPLv3-or-later licensing notice added to source files
• Modern landing-page copy emphasizing QB Networks as a Free Software project
• Hardened browser security through Content Security Policy and stricter referrer policy
• Partner section highlighting PlusClouds with a direct external link
• Website hosting credit section stating that the site is hosted on dalnet servers, with a visible dalnet link to https://dalnet.tr that opens in a new tab or window

Tech Stack

• HTML: index.html, ethics.html, coc.html
• CSS: styles.css
• JavaScript: script.js
• UI Utilities: Bootstrap 5.3.3 (CDN)

Project Structure

• index.html: Main landing page, hero text, and licensing links
• ethics.html: Ethical principles, references, and supporting notes
• coc.html: Code of Conduct and organizational policy content
• styles.css: Color system, layout refinements, responsive rules, and component styling
• script.js: Menu behavior, scroll/reveal effects, and shared front-end interactions
• LICENSE: Full GNU Affero General Public License v3 text

Color and Design Direction

The interface is built around:

• Yellow for emphasis and actions
• Purple for brand depth and hierarchy
• Gray for text balance and neutral support
• White for contrast and readability

Visual style choices include soft gradients, blurred background shapes, elevated cards, and rounded controls for a modern landing-page look.

Accessibility and UX Notes

• Semantic sections and labels are used in navigation and content blocks
• Motion-sensitive users are respected via prefers-reduced-motion CSS rules
• The layout remains readable and touch-friendly on small devices
• In-page anchors and reference navigation were refined for readability and usability

Security Notes

• Added a Content Security Policy to the public homepage and supporting policy pages to limit permitted script, style, image, and frame sources.
• Added a strict referrer policy to reduce leakage of sensitive URL details during navigation.
• Kept the Bootstrap CDN stylesheet allowed but limited external sources to the specific domain actually used by the site.
• The site continues to be a static HTML/CSS/JS project and does not require a server-side application layer.

Production Notes

• Bootstrap is currently loaded from CDN. For stricter deployment control, pin and self-host static dependencies.
• The site remains lightweight and static, making it suitable for direct hosting on a simple web server or static hosting provider.

License

QB Networks - modern and mobile-friendly promotional website. Copyright (C) 2026 QB Networks

This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.

You should have received a copy of the GNU Affero General Public License along with this program. If not, see https://www.gnu.org/licenses/.

Maintenance Checklist

• Keep license headers present in all source files
• Keep LICENSE file unchanged unless legally reviewed
• Re-test responsive behavior after UI updates
• Re-check JS behavior if section IDs or class names change

Recent Updates (2026-07-19)

• Added original-language license links in the licensing sections on index.html, ethics.html, and coc.html.
• Added a Public Domain license link entry so the QB Networks logo source is labeled consistently on all public pages.
• Added two-way references on the ethics page: quote markers [1]..[10] jump to references, and references return to the matching principle card.
• Updated ethics reference wording to align with the profile README structure and "Back to reference N" style.
• Improved anchor navigation readability by targeting full principle cards (not only quote lines).
• Added anchor UX refinements in CSS with scroll-margin-top and :target highlighting.
• Reduced top navigation/header footprint to keep more principle content visible after in-page jumps.
• Updated licensing notes to explicitly state that the QB Networks logo is Public Domain, sourced from Openclipart: https://openclipart.org/detail/62191/semantic-social-network

Recent Updates (2026-08-15 partner, hosting, and security updates)

• Updated the English and Turkish hosting sentences to use the requested lowercase dalnet spelling.
• Removed uppercase styling from the hosting attribution so the displayed text keeps its written capitalization.
• Restored the missing closing brace in the hosting link CSS rule.
• Added a dedicated partner and sponsor section featuring the PlusClouds logo and a direct link to https://plusclouds.com/.
• Updated the hosting callout to display the lowercase dalnet spelling with a link to https://dalnet.tr.
• Increased the hosting attribution text size and set the DalNet link color to white for clearer visibility.
• Kept the sponsor area in the dark purple palette requested for the section and removed redundant copy for a cleaner presentation.
• Added a Content Security Policy to the home page, ethics page, and code-of-conduct page to reduce browser-side injection risk and constrain allowed resource origins.
• Added a strict referrer policy for safer external navigation behavior.
• Updated the page title and hero copy to the current QB Networks Free Software Free Society positioning.
• Reworded the landing-page description to match the project’s free software and open infrastructure narrative.
• Kept the design system and page structure intact while strengthening the public-facing site security profile.
• Recorded the change directly in the project changelog for release tracking.

Recent Updates (2026-07-19 script fix)

• Updated scripts/publish-release.sh to use the latest tag automatically when no tag argument is provided.
• Added positional tag support (./scripts/publish-release.sh v20260719) alongside --tag.
• Added direct token flags: --github-token and --codeberg-token.
• Token resolution now supports CLI flags, environment variables, git config values, and hidden prompt fallback.
• Improved help output to document no-argument usage and token lookup behavior clearly.