Skip to content

Instantly share code, notes, and snippets.

View IlyasDiker's full-sized avatar
:accessibility:

Ilyas Benhssine IlyasDiker

:accessibility:
View GitHub Profile
@IlyasDiker
IlyasDiker / lucide-icons.php
Created June 16, 2025 17:30
All Lucide Icons as a php array
<?php
return array (
0 => 'a-arrow-down',
1 => 'a-arrow-up',
2 => 'a-large-small',
3 => 'accessibility',
4 => 'activity',
5 => 'air-vent',
6 => 'airplay',
@IlyasDiker
IlyasDiker / getSecureStorage.js
Last active July 1, 2025 10:45
Use SecureStorage with pinia
import CryptoJS from 'crypto-js';
import SecureStorage from 'secure-web-storage';
export function getSecureStorage(){
let SECRET_KEY = import.meta.env.VITE_SECURE_STORAGE_KEY;
let secureStorage = new SecureStorage(localStorage, {
hash: function hash(key) {
key = CryptoJS.SHA256(key, SECRET_KEY);
@IlyasDiker
IlyasDiker / Google Tag Script Example
Created January 19, 2023 14:08
Example of Web Google Tag script 01/2023
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-XXXXXXXXXX');
</script>
@IlyasDiker
IlyasDiker / MarqeeSlider.vue
Created January 17, 2023 16:03
A Simple Marquee Component boilerplate Vue
<!--
HOW TO USE
<marquee-slider :items="[1,2,3,4,5,6,7,8,9]" :width="'100vw'"/>
-->
<template>
<div class="marquee flex flex-row overflow-hidden" :class="getClass">
<div class="marquee-content flex flex-row whitespace-nowrap" :style="getStyle()">
<template v-for="(item, index) in items" :key="index">
<span class="text-5xl w-[var(--marquee-element-width)] h-[var(--marquee-element-width)] flex shrink-0 justify-center items-center hover:bg-white/10 transition rounded-xl">
.text-xs{
font-size: 0.75rem;
line-height: 1rem;
}
.text-sm{
font-size: 0.875rem;
line-height: 1.25rem;
}
.text-base{
font-size: 1rem;
@IlyasDiker
IlyasDiker / flex.scss
Last active January 31, 2022 22:44
A simple flexbox utils
.flex{
display: flex;
}
.flex-row{
display: flex;
flex-direction: row;
}
.flex-rowrev{
display: flex;
@IlyasDiker
IlyasDiker / tinder_deblur.js
Created January 5, 2022 18:43
Tinder Deblur likes
async function unblur() {
const teasers = await fetch("https://api.gotinder.com/v2/fast-match/teasers", { "headers": { "X-Auth-Token": localStorage.getItem('TinderWeb/APIToken') }}).then(res => res.json()).then(res => res.data.results);
const teaserEls = document.querySelectorAll('.Expand.enterAnimationContainer > div:nth-child(1)');
for (let i = 0; i < teaserEls.length; ++i) {
const teaser = teasers[i];
const teaserEl = teaserEls[i];
const teaserImage = teaser.user.photos[0].url;
@IlyasDiker
IlyasDiker / spotify force updater.bat
Created March 30, 2021 12:24
a batch file that will force the spotify update & fix the error code : 17 - 24 on spotify.
rem Spotify updater for those who cannot run from the appdata directories.
rem This process downloads the initial installer, runs it, moves the "Full" installer it installs to a place
rem from which we from which we can run it, then copies the Spotify program and other files that THAT installs
rem to the directory from which we desire to run it. It deletes the installers it downloads as it goes.
rem
rem Do not delete the Spotify installation from the Appdata directory, as Spotify appears to need it to run properly.
rem
rem Hit "Cancel" to the "Error 53" that the installer encounters, and then "OK" to the "Spotify could not be started" message. These
rem errors are expected, and indeed are why this process is necessary in the first place.
@IlyasDiker
IlyasDiker / spacing.less
Last active March 25, 2021 09:54
Margin & Padding using classes {margin or padding (m, p)}{position (r, l, b, t, x, y)}-{0, 1, 2, 3, 4, 5}
.m-0 {
margin: 0 !important;
}
.mt-0,
.my-0 {
margin-top: 0 !important;
}
.mr-0,
@IlyasDiker
IlyasDiker / FilmApp.py
Created November 15, 2020 09:26
A Simple Unfinished app to manage movies using Sqlit3
import sqlite3
from TP2Functions import *
from os import system, name
from time import sleep
class bcolors:
HEADER = '\033[95m'
OKBLUE = '\033[94m'
OKGREEN = '\033[92m'
WARNING = '\033[93m'