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 / timer.js
Created December 11, 2023 12:06
Timer class in js
class Timer {
constructor(duration, callback) {
this.duration = duration;
this.callback = callback;
this.remainingTime = duration;
this.timerId = null;
this.paused = false;
}
async start() {
@dbugshe2
dbugshe2 / readmeornot.md
Created November 8, 2023 20:48
hopefully notes from tunga meetup

Growth on the condition of organisations that value growth as an investment

without that then it's money, it's a raw resource that can turn into anything

@dbugshe2
dbugshe2 / nick.md
Last active October 29, 2023 10:58
My Notes from Rapid River Meetup Abuja on 28th Oct 2023

Communication: ability to understand and convey complex concept... remotely

  • communication: where people in nigeria tend to fall off

local community

  • schooling
  • public speaking
@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 / tailwind-hide-scrollbar.js
Created August 28, 2022 18:40
A tailwind plugin to hide those pesky overflow scrollbars
const plugin = require('tailwindcss/plugin')
const scrollbarHide = plugin(function ({ addUtilities }) {
addUtilities({
'.scrollbar-hide': {
/* IE and Edge */
'-ms-overflow-style': 'none',
/* Firefox */
'scrollbar-width': 'none',
@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:
@dbugshe2
dbugshe2 / gulpfile.js
Created September 2, 2021 22:47
Use Gulp to complie handlebars
// gulpfile.js
const handlebars = require('gulp-compile-handlebars');
const rename = require('gulp-rename');
gulp.task('html', () => {
return gulp.src('./src/pages/*.hbs')
.pipe(handlebars({}, {
ignorePartials: true,
batch: ['./src/partials']