Skip to content

Instantly share code, notes, and snippets.

View jhedev96's full-sized avatar
🏠
Working from home

JheDev jhedev96

🏠
Working from home
View GitHub Profile
<div id="sec-1">
<svg id="tobi" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="85.324mm" viewBox="0 0 490.66105 302.32807" width="138.47mm" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<defs id="defs7828">
<radialGradient id="radialGradient8972" gradientUnits="userSpaceOnUse" cy="2033.9" cx="2866.1"
gradientTransform="matrix(.67105 3.831e-8 -3.5489e-8 .62163 -1705.7 -1103.3)" r="119.32">
<stop id="stop8968" stop-color="#1a1a1a" offset="0" />
<stop id="stop8974" stop-color="#181930" offset=".5" />
<stop id="stop8970" stop-color="#000000" offset="1" />
</radialGradient>
@jhedev96
jhedev96 / index.html
Created February 25, 2024 20:24
Night Mode Toggle with Vue LocalStorage
<div id="page" v-bind:class="{ 'theme-dark' : nightMode }">
<input type="checkbox" id="theme-toggle" v-model="nightMode">
<label for="theme-toggle"><span></span></label>
</div>
<!-- SVG Spritesheet -->
<div style="height: 0; width: 0; position: absolute; visibility: hidden;">
<svg xmlns="http://www.w3.org/2000/svg">
<symbol id="icon-play" viewBox="0 0 24 24">
<path d="M8 5v14l11-7z"/>
</symbol>
<symbol id="icon-pause" viewBox="0 0 24 24">
<path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z"/>
</symbol>
<symbol id="icon-close" viewBox="0 0 24 24">
@jhedev96
jhedev96 / wheel.css
Created November 20, 2022 14:25
Steering Wheel HTML5
body {
background-color:#888;
margin:0;
padding:0;
}
#viewer {
border-bottom:4px red solid;
padding:10px;
}
#wheel {
@jhedev96
jhedev96 / FilesReader.js
Last active August 13, 2021 17:27
Simple and extremely lightweight vanilla javascript library for easy convert file to blob and works across all browsers, including IE.
/*!
* FilesReader.js – Simple and extremely lightweight vanilla javascript library for easy convert file to blob and works across all browsers, including IE.
* @version: 1.1.0
* @date: 2021-04-01
* @author: Jhe ID
* @github: jhedev96
* @email: jhejentkmc@gmail.com
* @facebook: https://fb.me/jhe.id.10
* @website: http://project.jhedev.cf/library/filesreader.js/
*
@jhedev96
jhedev96 / love.css
Created October 5, 2020 03:43
CSS3 Animate ♥.css
@-webkit-keyframes beat {
0% {
opacity: 0;
-webkit-transform: scale(.3);
-moz-transform: scale(.3);
-ms-transform: scale(.3);
-o-transform: scale(.3);
transform: scale(.3);
}
50% {
@jhedev96
jhedev96 / fm.php
Last active March 15, 2024 17:50
File Manager PHP (single file)
<?php
/**
* File Manager Script
*/
// Default language ('en' and other from 'filemanager-l10n.php')
$lang = 'en';
// Auth with login/password (set true/false to enable/disable it)
$use_auth = true;
@jhedev96
jhedev96 / anti-adblocker.js
Last active October 1, 2020 08:16
Anti Adblocker VanillaJS
(function(window, advertisement) {
var advert = typeof advertisement;
function adblocker() {
var style = document.createElement('style');
style.appendChild(document.createTextNode( '#adblocker{position:fixed!important;position:absolute;top:0;top:expression((t=document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop)+"px");left:0;width:100%;height:100%;background-color:#fff;opacity:0.9;filter:alpha(opacity=90);display:block}#adblocker p{opacity:1;filter:none;font:bold 16px Verdana,Arial,sans-serif;text-align:center;margin:20% 0}#adblocker p a,#adblocker p i{font-size:12px}#adblocker ~ *{display:none}' ));
document.querySelector('head').appendChild(style);
function content(content, id) {
var element = window.document.createElement('i');
var body = window.document.body;
@jhedev96
jhedev96 / 404.html
Last active October 1, 2020 08:21
Creative 404 page
<!DOCTYPE HTML>
<html>
<head>
<title>WEB PAGE NOT AVAILABLE</title>
<meta charset="UTF-8">
<meta name="format-detection" content="telephone=no"/>
<meta http-equiv="Cache-Control" content="no-transform"/>
<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>