Skip to content

Instantly share code, notes, and snippets.

View 0xMALVEE's full-sized avatar

Alvee 0xMALVEE

View GitHub Profile
@0xMALVEE
0xMALVEE / dry.js
Last active April 3, 2023 09:57
Dry gist
const pets = ['Cat', 'Dog', 'Bird', 'Fish', 'Frog', 'Hamster', 'Pig', 'Horse', 'Lion', 'Dragon'];
// Print all pets
console.log(pets[0]);
console.log(pets[1]);
console.log(pets[2]);
console.log(pets[3]);
...
.cat {
font-family: "Times New Roman", Times, serif;
import { createStore, combineReducers, compose } from 'redux';
import firebase from 'firebase';
import 'firebase/firestore';
import { reactReduxFirebase, firebaseReducer } from 'react-redux-firebase';
import { reduxFirestore, firestoreReducer } from 'redux-firestore';
// Reducers
import notifyReducer from './reducers/notifyReducer';
import settingsReducer from './reducers/settingsReducer';
const firebaseConfig = {
@0xMALVEE
0xMALVEE / BootstrapNav.html
Created October 6, 2018 16:24
Bootstrap Navbar
<nav class="navbar navbar-expand-lg navbar-dark bg-danger mb-3 py-0">
<div className="container">
<a class="navbar-brand" href="#">
{props.branding}
</a>
<button
class="navbar-toggler"
type="button"
data-toggle="collapse"
data-target="#navbarNav"
@0xMALVEE
0xMALVEE / carousel-contorl.html
Created September 24, 2018 14:29
Carousel with full control
@0xMALVEE
0xMALVEE / carouself.html
Created September 24, 2018 14:25
Carousel Slider
<div id="showcase">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item carousel-img-1 active">
<div class="container">
@0xMALVEE
0xMALVEE / navbar.html
Created September 24, 2018 14:24
NavBar
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container">
<a class="navbar-brand" href="#">Glozzom</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="container">
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
@0xMALVEE
0xMALVEE / smoothScroll.js
Created September 21, 2018 15:13
Smooth Scrolling
(function(a,c){var b=(function(){var d=c(a.documentElement),f=c(a.body),e;if(d.scrollTop()){return d}else{e=f.scrollTop();if(f.scrollTop(e+1).scrollTop()==e){return d}else{return f.scrollTop(e)}}}());c.fn.smoothScroll=function(d){d=~~d||400;return this.find('a[href*="#"]').click(function(f){var g=this.hash,e=c(g);if(location.pathname.replace(/^\//,'')===this.pathname.replace(/^\//,'')&&location.hostname===this.hostname){if(e.length){f.preventDefault();b.stop().animate({scrollTop:e.offset().top},d,function(){location.hash=g})}}}).end()}}(document,jQuery));