Momcilo Popov Momciloo

## getRelativeTimeString.ts
// 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();

## fast-relative-time-string.ts
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.

## accordions.html
<!DOCTYPE html>
<html>
<head>
	<title>Accordions</title>

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

## attributes.css
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']

## setup.md

      
              1 file
            
          
              21 forks
            
          
              11 comments
            
          
              135 stars
            
          
                akella
                / setup.md
            
            
              Last active
              May 1, 2024 05:33
            
              
                My Setup
              
          
    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


## sw.js
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-alignment_07.scss
.flex {
    display: flex;

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

    .align-left {
        margin-right: auto;

## Gradient shadow in pure CSS.md

      
              1 file
            
          
              33 forks
            
          
              5 comments
            
          
              211 stars
            
          
                tunguskha
                / Gradient shadow in pure CSS.md
            
            
              Last active
              May 4, 2023 06:40
            
              
                Gradient shadow in pure CSS
              
          
    Gradient shadow in pure CSS


HTML

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

  
## README.md

      
              4 files
            
          
              2 forks
            
          
              10 comments
            
          
              21 stars
            
          
                rayfranco
                / README.md
            
            
              Last active
              June 1, 2021 07:49
            
              
                Inline SVG with Nuxt
              
          
    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.

  
## function_invocation.js
console.log(1);
(_ => console.log(2))();
eval('console.log(3);');
console.log.call(null, 4);
console.log.apply(null, [5]);
new Function('console.log(6)')();
Reflect.apply(console.log, null, [7])
Reflect.construct(function(){console.log(8)}, []);
Function.prototype.apply.call(console.log, null, [9]);
Function.prototype.call.call(console.log, null, 10);
	// 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;
	console.log(1);
	(_ => console.log(2))();
	eval('console.log(3);');
	console.log.call(null, 4);
	console.log.apply(null, [5]);
	new Function('console.log(6)')();
	Reflect.apply(console.log, null, [7])
	Reflect.construct(function(){console.log(8)}, []);
	Function.prototype.apply.call(console.log, null, [9]);
	Function.prototype.call.call(console.log, null, 10);