# Internet-Filiale 6 (IF6) Prototype Changelog
*Contributors:* Danilo Fickert, pitcom GmbH
The format is based on [Keep a Changelog](https://keepachangelog.com/)
and this project adheres to [Semantic Versioning](https://semver.org/).
---
## [2.1.1] - 2024-01-22
### Fixed
- Dark Mode corrections.
- Minor optimizations and corrections.
## [2.1.0] - 2024-01-19
### Added
- Dark Mode (automatic based on system preference).
- Class `.icon-x` as an alias for `.icon-twitter`.
- Set `text-wrap: balance;` for heading levels 1 to 3.
### Changed
- Color adjustments, closer to the real IF again.
- Icons CSS optimizations and font file update (Twitter/X icon).
- Tiles CSS optimizations (colors).
- Updated the placeholder images API.
### Fixed
- Minor optimizations and corrections.
## [2.0.0] - 2024-01-11
### Added
- Complete main navigation overhaul.
- Flexible counter element.
- Scroll initiated animations setup.
- Boxless main content via `data-if6` option `content-boxes-off`.
- Switched to `em` based media queries everywhere.
- Allow modals from within opener.
- Open links to `.mp4` videos in modals.
- Namespaced all custom properties with `if6-`.
- Modals CSS overhaul (light background, rounded corners).
- Use `aria-current="page"` in breadcrumbs and main navigation.
- CSS Smooth Scrolling via `scroll-behavior`.
- Search CSS overhaul.
### Changed
- Footer CSS (layout and light background).
- Refined color theming styles and custom properties.
- Updated the pitcom brand color.
- Tabs CSS optimizations (multiple lines per tab, five tabs max).
- Icons CSS optimizations and font file update.
- Adapted for pitconsent banner 3.x.
- Updated jQuery from 3.7.0 to 3.7.1.
- Coding style updates.
### Removed
- Header bar (on mobile) as part of main navigation overhaul.
- All jQuery based scrolling in favor of CSS Smooth Scrolling.
- Dropped support for IE11.
### Fixed
- Replaced `h6` within `.breadcrumbs` and `.share` for a better heading structure.
- Prepend modals to `.if6` not `body`.
- Minor optimizations and corrections.
## [1.9.1] - 2023-06-20
### Fixed
- Removed CSS Smooth Scrolling again for now as it [conflicts](https://github.com/twbs/bootstrap/issues/35536) with jQuery's `.animate()` (in Chromium/WebKit browsers).
- Scrolling/positioning issues with the tabs navigation.
- The `iframe` demo needs form styles and scripts, but not the form HTML partial.
## [1.9.0] - 2023-06-16
### Added
- New red color, `#f00` becomes `#e00`.
- Custom properties for easier color theming.
- Dimmed backdrop when (mobile) navigation or sidebar panels are open.
- Opener wide width option `.opener-caption-wide`.
- Identify differing languages with a corresponding `lang="xy"` attribute for [better](https://accessibility.princeton.edu/how/content/identify-languages) accessibility.
- Extended `@font-face` rules with `font-display` settings.
- Added `width` and `height` attributes on all images.
- `LICENSE.md` with licensing information.
### Changed
- Updated all `.woff` font files (3), better kerning, massive icons overhaul, added new icon `.icon-podcast`.
- Optimized skip link `.skip-to-top` behavior and performance (scroll event throttling).
- Updated `radio` inputs to use CSS radial gradient instead of base64 encoded image.
- Optimized and updated npm build scripts and tooling.
- Updated jQuery from 3.5.1 to 3.7.0.
- Updated iFrame Resizer from 4.2.11 to 4.3.6.
- Updated the placeholder images API.
- Moved meta `viewport` right after meta `charset` and before `
`.
- Coding style updates.
### Deprecated
- Support for IE11.
### Removed
- Document modes (`x-ua-compatible`) are considered deprecated and should no longer be used.
- Dropped all `.ttf` font files.
### Fixed
- Close languages dropdown when clicking elsewhere.
- Better match actual *video* links (i.e. not channels) supported for YouTube and Vimeo modals.
- Disabled skip link `.skip-to-top` when inside an `iframe`.
- Flexbox stretch of narrow and unlinked vertically aligned images in IE11.
- Print CSS.
- Deprecated jQuery methods.
- `ROOT_DIR` constant for root directory installs.
- Minor optimizations and corrections.
### Security
- Use the data reduced `youtube-nocookie.com` domain in YouTube modals.
## [1.8.0] - 2020-12-09
### Added
- Full-fledged Print CSS.
- Services in the footer.
- Allow icons on buttons and icon-only buttons.
- Social sharing buttons.
- Helper class `.icon-color` for colored (social media) icons on links, lists, icon boxes and tiles.
- Extendable utility attribute `data-if6` with value options `print-urls-off`, `print-breadcrumbs-off` and `print-contact-off`.
### Changed
- Use class `.vh` to visually hide content whenever possible.
- Buttons CSS and color optimizations in header and footer.
- Icons CSS optimizations.
- Error CSS optimizations.
- Updated the monospace font stack.
### Removed
- Cookie banner styles (Matomo) from 1.6.0.
- CSS Floats as a fallback for CSS Flexbox.
- Buttons CSS for ``, use the `