Momcilo Popov Momciloo

hi, i'm daniel. i'm a 15-year-old with some programming experience and i do a little bug hunting in my free time. here's the insane story of how I found a single bug that affected over half of all Fortune 500 companies:

say hello to zendesk

If you've spent some time online, you’ve probably come across Zendesk.

Zendesk is a customer service tool used by some of the world’s top companies. It’s easy to set up: you link it to your company’s support email (like [email protected]), and Zendesk starts managing incoming emails and creating tickets. You can handle these tickets yourself or have a support team do it for you. Zendesk is a billion-dollar company, trusted by big names like Cloudflare.

Personally, I’ve always found it surprising that these massive companies, worth billions, rely on third-party tools like Zendesk instead of building their own in-house ticketing systems.

your weakest link

What i'm using in streams and while working

Development tools

https://fishshell.com/ - my default shell, i use theme bobthefish
https://www.sublimetext.com/ - my default editor
- Material Theme
- Operator font
- Packages: Emmet, Hayaku, SidebarEnhancements, JS Snippets, GSAP Snippets
- Sublime snippet for comments
- Sublime icon
https://code.visualstudio.com/ - trying to switch, but not yet

Gradient shadow in pure CSS

HTML

<button>Let's Go !</button>

Inline SVG with Nuxt

I was looking for a SSR and scoped styles ready solution to implement inline SVG with Nuxt

You need svg-inline-loader and xmldom to be installed.

	// from https://twitter.com/Steve8708/status/1504131981444980739
	// simplified to a function body of 8 tidy lines
	// no loop needed, no 2d array of 3-tuples needed
	// just 2 arrays, a findIndex call, and some indexing :)

	export function getRelativeTimeString(
	date: Date \| number,
	lang = "en"
	): string {
	const timeMs = typeof date === "number" ? date : date.getTime();

	const minute = 60;
	const hour = minute * 60;
	const day = hour * 24;
	const week = day * 7;
	const month = day * 30;
	const year = day * 365;

	/**
	* Convert a date to a relative time string, such as
	* "a minute ago", "in 2 hours", "yesterday", "3 months ago", etc.

	<!DOCTYPE html>
	<html>
	<head>
	<title>Accordions</title>

	<style type="text/css">
	body {
	margin: 0 auto;
	max-width: 40em;
	width: 88%;

	Seven different types of CSS attribute selectors

	// This attribute exists on the element
	[value]

	// This attribute has a specific value of cool
	[value='cool']

	// This attribute value contains the word cool somewhere in it
	[value*='cool']

	self.addEventListener('install', (e) => {
	e.waitUntil(
	caches.open("precache").then((cache) => cache.add("/broken.png"))
	);
	});

	function isImage(fetchRequest) {
	return fetchRequest.method === "GET" && fetchRequest.destination === "image";
	}

	.flex {
	display: flex;

	.align-center {
	margin: auto;
	align-self: center;
	}

	.align-left {
	margin-right: auto;