Skip to content

Instantly share code, notes, and snippets.

View omar2205's full-sized avatar
πŸ•

omar2205

πŸ•
View GitHub Profile
@omar2205
omar2205 / 06.png
Last active November 2, 2020 03:27 — forked from mfd/06.png
Gilroy font
06.png
@omar2205
omar2205 / fileio.bat
Created October 27, 2020 01:26
Windows 10 Upload with Fileio
REM move this file to "C:\Windows\System32"
curl -F "file=@%1" file.io
pause
@omar2205
omar2205 / README.md
Created October 20, 2020 04:21
css backdrop blur with sharp edges

css

background-color: rgba(0,0,0,.8);
backdrop-filter: url(#sharpBlur) saturate(180%);

html

<svg class="hideSvgSoThatItSupportsFirefox">
  <filter id="sharpBlur">
 
@omar2205
omar2205 / setup_node.sh
Created October 6, 2020 09:18
Quick nodejs install script
#!/usr/bin/bash
# Quick script to install node (v14)
# - oskr
echo "\tWelcome to Node Install script\n\n"
set -o xtrace
wget "https://deb.nodesource.com/setup_14.x" -O setup_14x.sh
chmod +x setup_14x.sh
@omar2205
omar2205 / index.md
Last active September 3, 2020 08:39
Simple CSS

Simple CSS Boilerplate

Β© oskr.nl

print("HI")
@omar2205
omar2205 / app.js
Created June 23, 2020 12:04
react useReducer quick
const initialState = {
counter: 0
}
const counterReducer= (state, event) => {
if (event.type === 'INC') {
return {
...state,
counter: state.counter +1
}
@omar2205
omar2205 / app.js
Last active April 23, 2020 15:49
js simple fade on scroll (Intersection Observer API)
const el = document.querySelector('.el')
let options = {
root: null, // avoiding 'root' or setting it to 'null' sets it to default value: viewport
rootMargin: '0px',
threshold: 0.5
}
let observer = new IntersectionObserver(([entry]) => {
if(entry.isIntersecting) {
{"v":"5.5.9","fr":30,"ip":0,"op":70,"w":200,"h":200,"nm":"menu 2","ddd":0,"assets":[{"id":"comp_0","layers":[{"ddd":0,"ind":1,"ty":4,"nm":"Layer 4 Outlines","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":12,"s":[100]},{"i":{"x":[0.524],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":17,"s":[0]},{"i":{"x":[0],"y":[1]},"o":{"x":[0.999],"y":[0]},"t":50,"s":[0]},{"t":55,"s":[100]}],"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.637],"y":[0]},"t":0,"s":[0]},{"i":{"x":[0.524],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":17,"s":[180]},{"i":{"x":[0.362],"y":[1]},"o":{"x":[0.555],"y":[0]},"t":50,"s":[180]},{"t":62,"s":[0]}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0.39,"y":1},"o":{"x":0.515,"y":0},"t":4,"s":[100.229,92.646,0],"to":[0,1.5,0],"ti":[0,-1.5,0]},{"i":{"x":0.247,"y":0.247},"o":{"x":0.333,"y":0.333},"t":17,"s":[100.229,101.646,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.376,"y":1},"o":{"x":0.666,"y":0},"t":50,"s":[100.229,101.646,0],"to":[0,-1.5,0],"ti":[0,1.5,0]},{"i":{"x":0
@omar2205
omar2205 / fix_wsl_colors.sh
Last active February 23, 2020 08:40
Fixes WSL (Windows 10 subsystem for linux) weird green colors
#!/bin/bash
# fixes the weird green background for dirs
dircolors -p > ~/.dircolors
# STICKY_OTHER_WRITABLE 30;42
# OTHER_WRITABLE 34;42
sed -i -e 's/STICKY_OTHER_WRITABLE 30;42/STICKY_OTHER_WRITABLE 01;34/g' ~/.dircolors
sed -i -e 's/OTHER_WRITABLE 34;42/OTHER_WRITABLE 01;34/g' ~/.dircolors
bash