Marcelo Kopmann Markkop

Create this website:

The following is more context about the game, extracted from another repository.

My idea for this site is that it should be a relatively simple site at first, from a visual point of view, but in the end it will end up having several functionalities, so it needs to grow in a scalable way, more in the sense of the codebase, with code lines in each file and domain separation.

The idea is that this site will have a landing page, with some orange tones — I think that fits this project better — maybe even something orange and black, something closer to dark mode, without a white mode.

It will have the landing page and, we don’t yet know how we will organize it, but the idea is that there will be a page for all the classes and show all of them. We don’t need to have individual pages for each class for now.

Create a React component with tailwind for me.

It is a progress bar to track the user's progress level.
The text and the vertical line must be at the end of the current progress bar.
The background is transparent.

The component has this ASCII representation:

                            │
                            │

Product	Price (approx.)
💻 Macbook Air, M1, 16GB, 256GB SSD, Tela 13.3"	R$9.100,00
🖥️ Monitor Samsung Odyssey G9 49"	R$7.800,00
⌨️ KINESIS Advantage2 Quiet LF Ergonomic USB Keyboard (KB600LFQ)	R$4.500,00
⚡ Mesa com Regulagem de Altura GenioDesk PRO	R$3.850,00
🪑 [Cadeira de Escritório Makkon MK-40AC](https://www.amazon.com.br/dp/B0BSKSS3

	#!/bin/bash

	generate_index() {
	local dir="$1"
	local index_file="$dir/index.js"

	echo "Creating/clearing $index_file..."
	echo "" > "$index_file"

	declare -a component_names

	#!/bin/bash

	# This script automates the creation of a GitHub pull request with information extracted from the current git branch name.
	# It expects the branch name to contain a JIRA issue ID followed by a descriptive title.
	# The script will:
	# 1. Extract the JIRA issue ID from the branch name.
	# 2. Format the title from the branch name.
	# 3. Prompt the user to classify the issue as a bug or feature.
	# 4. Prompt the user to select the target branch for the pull request.
	# 5. Create the pull request using the GitHub CLI (`gh`).

	// ==UserScript==
	// @name Invoice Generator for Gmail
	// @namespace http://tampermonkey.net/
	// @version 0.2
	// @description Generate invoices automatically from Gmail content and send to Zoho
	// @author Mark Kop
	// @match https://mail.google.com/*
	// @match https://oauth.pstmn.io/v1/callback
	// @grant GM_xmlhttpRequest
	// @grant GM_setValue

	// ==UserScript==
	// @name Show FIPE Price on WebMotors Car Card
	// @namespace Violentmonkey Scripts
	// @match https://www.webmotors.com.br/*
	// @grant none
	// @version 1.0
	// @author Marcelo "Mark" Kopmann
	// ==/UserScript==

	(async () => {



	(async () => {
	const delay = (ms) => new Promise((resolve) => setTimeout(resolve, ms));

	const processVehicleCard = async (vehicleCard) => {
	const title = vehicleCard.querySelector('h2').innerText;
	const subTitle = vehicleCard.querySelector('h3').innerText;
	const [make, model] = title.split(' ');
	const imgAlt = vehicleCard.querySelector('img').alt;

	#!/bin/bash

	branch_name=$(git rev-parse --abbrev-ref HEAD)
	jira_id_lowercase=$(echo "$branch_name" \| grep -o -E '[a-zA-Z]+-[0-9]+' \| head -n1)
	jira_id_uppercase=$(echo "$jira_id_lowercase" \| tr '[:lower:]' '[:upper:]')
	title=$(echo "$branch_name" \| sed -E "s/$jira_id_lowercase-([^-]+.*)/\1/g" \| sed 's/-/ /g')
	title="${title#* }" # remove first word (feature/hotfix/etc)


	if [[ -z "$jira_id_lowercase" ]]; then

	var fs = require('fs');

	// Use this to obtain the video names and copy the resulting array
	// [...document.querySelectorAll('.heading h3')].map(el => el.innerText).sort((a,b) => (a.localeCompare(b)))

	// Paste and assing the array to this variable
	const webVideos = []

	function compareDownloads() {
	try {