Skip to content

Instantly share code, notes, and snippets.

View dbugshe2's full-sized avatar
🕷️
Taking New Projects

Maroof Shittu dbugshe2

🕷️
Taking New Projects
View GitHub Profile
@dbugshe2
dbugshe2 / dom3d.js
Created August 7, 2024 08:24 — forked from OrionReed/dom3d.js
3D DOM viewer, copy-paste this into your console to visualise the DOM topographically.
// 3D Dom viewer, copy-paste this into your console to visualise the DOM as a stack of solid blocks.
// You can also minify and save it as a bookmarklet (https://www.freecodecamp.org/news/what-are-bookmarklets/)
(() => {
const SHOW_SIDES = false; // color sides of DOM nodes?
const COLOR_SURFACE = true; // color tops of DOM nodes?
const COLOR_RANDOM = false; // randomise color?
const COLOR_HUE = 190; // hue in HSL (https://hslpicker.com)
const MAX_ROTATION = 180; // set to 360 to rotate all the way round
const THICKNESS = 20; // thickness of layers
const DISTANCE = 10000; // ¯\\_(ツ)_/¯
@dbugshe2
dbugshe2 / TheNotification.vue
Created September 2, 2022 08:34 — forked from NicolasDurant/TheNotification.vue
[Vue / Vuex / Nuxt - Request Error Handling Store + Example] A Notification Component that lets an v-alert pop up when a request fails. It is connected with the Vuex notification.js store. The Vue Components in this example use the vue-decorators. But this would obviously also work with normal Vue-Components. #JavaScript #VueJS #NuxtJS #Vuex #Er…
<template>
<div class="container-style">
<v-alert
:type="notification.type"
v-for="(notification,index) in notifications"
:key="index"
class="alert-style"
elevation="3"
dismissible
dense
@dbugshe2
dbugshe2 / .eslintignore
Created August 31, 2022 13:16 — forked from heyitsarpit/.eslintignore
ESlint and Prettier for React apps (Bonus - Next.js and TypeScript)
node_modules
@dbugshe2
dbugshe2 / heroku-remote.md
Created March 29, 2022 15:51 — forked from randallreedjr/heroku-remote.md
Add a Heroku remote to an existing git repo

Working with git remotes on Heroku

Generally, you will add a git remote for your Heroku app during the Heroku app creation process, i.e. heroku create. However, if you are working on an existing app and want to add git remotes to enable manual deploys, the following commands may be useful.

Adding a new remote

Add a remote for your Staging app and deploy

Note that on Heroku, you must always use master as the destination branch on the remote. If you want to deploy a different branch, you can use the syntax local_branch:destination_branch seen below (in this example, we push the local staging branch to the master branch on heroku.

$ git remote add staging https://git.heroku.com/staging-app.git
@dbugshe2
dbugshe2 / bootstrap-4-sass-mixins-cheat-sheet.scss
Created October 9, 2021 11:32 — forked from anschaef/bootstrap-4-sass-mixins-cheat-sheet.scss
Bootstrap 4 Sass Mixins [Cheat sheet with examples]
/* -------------------------------------------------------------------------- */
// All Bootstrap 4 Sass Mixins [Cheat sheet]
// Updated to Bootstrap v4.5.x
// @author https://anschaef.de
// @see https://github.com/twbs/bootstrap/tree/master/scss/mixins
/* -------------------------------------------------------------------------- */
/*
// ########################################################################## */
// New cheat sheet for Bootstrap 5:
var gulp = require('gulp');
var browserSync = require('browser-sync').create();
// Static Server + watching css/html files
gulp.task('serve', ['css'], function() {
browserSync.init({
proxy: "http://localhost:2368"
});
@dbugshe2
dbugshe2 / react-scrollspy.js
Created March 19, 2021 05:22 — forked from souporserious/react-scrollspy.js
Two simple components to build a ScrollSpy in React
import React, { Component, PropTypes, createElement } from 'react'
import { findDOMNode } from 'react-dom'
// usage:
// import { ScrollSpy, Link } = './wherever-this-file-is'
//
// <ScrollSpy>
// <Link ref={c => this._firstLink = c} section="1">Section 1</Link>
// <Link section="2">Section 2</Link>
// <Link section="3">Section 3</Link>

Commit Message Guidelines

Short (72 chars or less) summary

More detailed explanatory text. Wrap it to 72 characters. The blank
line separating the summary from the body is critical (unless you omit
the body entirely).

Write your commit message in the imperative: "Fix bug" and not "Fixed
bug" or "Fixes bug." This convention matches up with commit messages
Name: Flash
Serial: eNrzzU/OLi0odswsqnHLSSzOqDGoca7JKCkpsNLXLy8v1ytJTczVLUotKNFLzs8FAJHYETc=
if anyone wants to thank ETH: 0x527c2aB55b744D6167dc981576318af96ed26676
Thank you!
@dbugshe2
dbugshe2 / fish_shell_android_home.txt
Created August 7, 2020 18:53 — forked from gbero/fish_shell_android_home.txt
Export $ANDROID_HOME on MacOS with Fish shell
First :
$ touch ~/.config/fish/config.fish; nano ~/.config/fish/config.fish
Copy this in the file :
set --export ANDROID $HOME/Library/Android;
set --export ANDROID_HOME $ANDROID/sdk;
set -gx PATH $ANDROID_HOME/tools $PATH;
set -gx PATH $ANDROID_HOME/tools/bin $PATH;