CSS good first issues

This issue proposes adding an OpenType Math version of the Source Serif Pro font. The goal is to enable the use of this font in academic papers, which often require specialized mathematical typesetting features.

This issue asks contributors to create a simple responsive card component using Tailwind CSS. The card should include an image, title, subtitle, body text, and a button, with the image on the left and text on the right. Contributors only need to modify HTML classes within the `index.html` file.

The user is reporting two distinct filtering issues with the LinkOff browser extension. Firstly, the "Hide commented on by connections" filter is not working on the main LinkedIn feed. Secondly, the "Hide promoted" filter is not functioning in the jobs section, both on the initial suggestions page and in search results, with a temporary workaround provided for search results.

The CI pipeline for macOS builds is failing due to an expired Apple Developer ID Application signing certificate. This is not a code issue but requires manual intervention to renew the certificate and update the GitHub Actions secrets.

The user is reporting an issue where the application "refuses to login." The provided image, unfortunately, is inaccessible, leaving the specific error or context unknown. Further details or a working screenshot are needed to diagnose the problem.

This issue requires implementing the bubble sort algorithm in Python. Contributors need to create a `bubble_sort` function that sorts an array of integers in ascending order without using built-in sorting methods. The provided instructions guide users to the correct file and offer an example of the expected output.

This issue proposes adding a true immersive fullscreen mode to a launcher application, distinct from window maximization. The goal is to hide the title and task bars, occupy the entire screen, and provide an F11 toggle for entry and exit. It also requires restoring the previous window state upon exiting fullscreen and ensuring all six existing themes adapt gracefully to the fullscreen layout without visual distortions.

Users are reporting that the Cinema theme's horizontal game list lacks a draggable scrollbar and has a noticeably slower scroll wheel speed compared to other themes. The goal is to implement a discoverable and usable scrollbar, synchronize scroll wheel speed with other themes, and ensure smooth, consistent scrolling across all input methods.

Users are reporting that in the Cinema theme's collection display, some game covers are abnormally enlarged and overlapping with adjacent cards. This issue affects the layout and text placement. The goal is to fix this by ensuring consistent card sizes and spacing, while allowing for controlled interactive scaling that doesn't obscure other content.

This issue requests a visual redesign of the website's footer to improve its appearance and organization. The goal is to make it cleaner and potentially incorporate a multi-column layout for better structure.

This issue requires creating a simple GET endpoint in a Spring Boot controller. The endpoint should handle requests to the root path and pass a "Hello, Spring Boot" message to a Thymeleaf template named "index" for display.

This issue requests improvements to the documentation regarding custom exports in JabRef. The goal is to provide clear instructions on how to modify existing custom export formats and how to add entirely new ones, with a link to a relevant discussion for initial guidance.

This issue asks for the implementation of a simple JavaScript function, `startScreenTimeWarning`, that tracks user time on a webpage. Once a predefined time limit is reached, the function should log a friendly reminder to the console for the user to take a break.

This issue requires implementing a simple JavaScript countdown timer that starts at 10 seconds and counts down to zero, displaying "Time's up!" when finished. The solution should update the display every second and must not alter the provided HTML or CSS files.

This issue asks contributors to create a basic Solidity smart contract named `SimpleStorage.sol` that can store and retrieve an integer. The contract needs two functions: one to set the integer and another to get it. The issue also provides detailed instructions on how to compile, deploy, and interact with the contract using Truffle on a local test network.

The user is reporting a UI issue where a newline character appears after selecting a single funder or cohort. This newline incorrectly suggests that multiple selections are possible, which is not the intended behavior and looks suboptimal. The goal is to remove this extraneous newline to improve the user experience.

This issue asks contributors to create a simple React card component that displays a random image. The component should include a title and description, and all necessary CSS is already provided. The task involves setting up the project, implementing the component according to specific requirements, and verifying its appearance locally.

This issue requires creating a React component in TypeScript that simulates a traffic light. The component should display red, yellow, and green lights that cycle through a typical traffic light sequence automatically, with only one light active at a time. Basic styling is provided, and contributors can start working immediately.

This issue requires a new contributor to make a Vitest test pass in a TypeScript project. The task involves adding `describe`, `it`, and `expect` statements to `src/sum.test.ts` so that the test returns `0` when no numbers are provided, without modifying the `sum.ts` file. Clear instructions and expected output are provided.

This issue requires creating a multi-stage Dockerfile to build a Node.js web application and serve it using Nginx. The goal is to optimize the final image size and configure environment variables and Nginx properly. The task involves creating a `Dockerfile` and an `nginx.conf` file.

This issue asks contributors to build a simple quote generator web application using the Solid.js framework. The app should fetch quotes, display them, and allow users to generate new quotes on demand, handling loading, error, and success states. The necessary CSS is already provided, and the focus is on data fetching and component updates within Solid.js.

This issue asks contributors to implement a basic counter component using the Solid.js framework. The task involves creating a state variable for the count, displaying it, and providing buttons to increment and decrement its value. It's designed as an introductory task for new contributors to Solid.js.

This issue requires creating a JSON file named `users.json` within the `tasks/json/easy` directory. The file should contain a list of at least 5 users, each with a unique `id`, `name`, and `email` field, adhering to standard JSON formatting.

This issue requires creating a simple PHP program to display the string "Beef" from a given array. The solution involves locating the `array.php` file within the `tasks/php/easy` directory and implementing the code to access and print the desired element. The project encourages new contributors to tackle these issues without needing explicit assignment.

This issue asks contributors to write a simple PHP program that concatenates two predefined strings, "Hello, " and "World!", and then prints the combined string to the terminal. It's designed as an introductory task for new contributors to practice basic string manipulation in PHP and the fork-commit-merge workflow.

This issue asks contributors to write a simple PHP program that prints "Hello, PHP!" to the console. The solution involves modifying the `hello.php` file within the `tasks/php/easy` directory. This is intended as a straightforward task for new contributors to practice the fork, commit, and merge workflow.

This issue asks contributors to add at least three sample products with names and prices to a `sampleProducts` array within a Next.js project. The goal is to populate a landing page for an imaginary online store. The instructions guide users through setting up the project, modifying the `index.tsx` file, and testing the changes locally.

This issue asks contributors to implement a Dart function named `calculateMean` that computes the arithmetic mean of a list of integers. The function should return the result as a double and must not utilize any built-in Dart functions for calculating the sum or average. The goal is to provide a solution for new contributors to practice the fork, commit, and merge workflow.

This issue asks contributors to create a Dart function named `countLength` that calculates the length of a string without using built-in String or Rune methods. The solution should be implemented in the `count_length.dart` file within the `tasks/dart/easy` directory.

This issue requires adding a simple footer with copyright information to the `footer.html` file. The footer should be enclosed in a `<footer>` tag and contain a `<p>` tag with the specific text "Copyright © 2026 Fork, Commit, Merge". This is intended as a beginner-friendly task for new contributors.