Blumed

const bookmarklet = { name: "bookmarklet__cabin-how-green-is-your-site?", version: "1.0" };
  try {
    window.open(`https://withcabin.com/how-green-is-your-website?url=${window.location.href}`, '_blank', 'noopener,noreferrer');
    console.log(`${bookmarklet.name}: ${bookmarklet.version}`);
  } catch (error){
    console.log(`${bookmarklet.name} : ${bookmarklet.version} : ${error}`);
  }

// Paste the one line below into your bookmark url field for this code to work
javascript:(function(){const bookmarklet={name:"bookmarklet__cabin-how-green-is-your-site?",version:"1.0"};try{window.open(`https://withcabin.com/how-green-is-your-website?url=${window.location.href}`,"_blank","noopener,noreferrer"),console.log(`${bookmarklet.name}: ${bookmarklet.version}`)}catch(o){console.log(`${bookmarklet.name} : ${bookmarklet.version} : ${o}`)}}());

Blumed

Gitlab MR template and Gitlab MR to Slack message linter

This bookmarklet has three functionalities.

1. Creates MR template for you.
2. Grabs data from your MR page and lints it.
3. When it grabs all the data from your MR page it saves in your clickboard as a pretty message for slack in markdown format.

How To Use It

Blumed

const customElement = (tag, props = {}) => {
  const element = document.createElement(tag);
  
  if (props.id) element.id = props.id;
  
  if (props.className) element.classList.add(props.className);
  
  if (props.style) Object.assign(element.style, props.style);
  
  if (props.text) element.textContent = props.text;

Blumed

Better JS console.log's VScode Snippets

Why did I make this?

I work in large codebase with lots of errors and warnings in the console that do not actually matter. I also don't like filtering my console messages to info only because I will forget to switch it back to verbose. Might be a me issue ?? I wanted to make my console message standout more visually in devtools and provide a quick way to jump back into my code from the browser.

Blumed

Pixel to Rem Converter

Features:

• It reads the current pages root pixel size and unit size calculations will be based off of it
• You can edit the root pixel size if you would like and all calculations of unit sizes will change accordingly
• Updating the pixel value will update the rem value automatically
• Updating the rem value will update the pixel value automatically
• Using the copy buttons will append the unit name to the end of the value for you ex. 10px or 0.625rem

Blumed

const bookmarklet = { name: "bookmarklet__color-picker", version: "1.0" };
(async () => {
	try {
		const selectedColor = await new EyeDropper().open();
		navigator.clipboard.writeText(selectedColor.sRGBHex);
        console.log(`${bookmarklet.name}: ${bookmarklet.version}`);
	} catch (error) {
		console.log(`${bookmarklet.name} : ${bookmarklet.version} : ${error}`);
	}
})();

Blumed

const container = document.createElement('dialog');

function createDialog() {
  const close = document.createElement('button');

  container.setAttribute('style', 'width: 100%;letter-spacing:1px;background-color:pink;font-family:helvetica !important;font-weight:100;border-radius:12px;padding-inline:60px;color:#161613;border-color:#fff;position:fixed;inset:0;margin:auto;width:100%;max-width:400px;z-index:2147483647;font-size:18px;text-rendering:optimizeLegibility;text-align:left;line-height:36px;');
  
  close.setAttribute('style', 'position:absolute;right:10px;top:8px !important;background-color:white;border-radius:50%;color:black;z-index:30;padding:0  0 0 1px;font-size:15px;font-weight:100;width:20px;height:20px;cursor:pointer;display:flex;justify-content:center;align-items:flex-start;border:1px solid black;line-height:16px;');
  close.textContent = 'x';
  close.onclick = () => container.remove();

Blumed

/*
    Raw Code
*/

try {
  const rightNow = new Intl.DateTimeFormat("en-US", {
    year: "numeric",
    month: "2-digit",
    day: "2-digit",
    hour: "2-digit",

Blumed

openWork() {
    StartColor="\e[1;32m"
    EndColor="\e[0m"
    editor="code" # add command which opens files/dirs using your editor
    workDirectory=(~/dev/) # add your path to your work directory
    directories=($workDirectory*)
    PS3="Enter the number associated with a directory you want to open with $editor? "
    echo "There are ${StartColor}${#directories[@]}${EndColor} directories in ${StartColor}${workDirectory}${EndColor}:"; \
    select directory in "${directories[@]##*/}"; do echo "Opening ${StartColor}${directory}${EndColor}"' with '${StartColor}${editor}${EndColor}'!'; $editor $workDirectory${directory};  break; done
}

Blumed

#!/bin/bash

echo "
$(tput bold)$(tput smul)Bootstrap $(tput setaf 6)V3.3.7$(tput sgr0)

$(tput setaf 7)$(tput bold)Grid$(tput sgr0)
  $(tput setaf 7)\$$(tput setaf 5)screen-xs-min $(tput setaf 7)= $(tput setaf 6)0
  $(tput setaf 7)\$$(tput setaf 5)screen-xs-max $(tput setaf 7)= $(tput setaf 6)767px

  $(tput setaf 7)\$$(tput setaf 5)screen-sm-min $(tput setaf 7)= $(tput setaf 6)768px