Skip to content

Instantly share code, notes, and snippets.

View laurenclark's full-sized avatar
💜

Lauren Clark laurenclark

💜
View GitHub Profile
@laurenclark
laurenclark / showhide.js
Created March 23, 2016 13:23
Show/Hide password with jQuery
$('.container-class').each(function() {
$(this).on('click', function() {
var icon = $(this).find('i');
var input = $(this).parent().find('input');
if(icon.hasClass('fa-eye-slash')) {
icon.removeClass('fa-eye-slash');
icon.addClass('fa-eye');
input.attr({type:'text'});
} else {
icon.removeClass('fa-eye');
var $url = $(location).attr('href');
var str = $url;
var tmp = str.split("/");
var page = +tmp.pop() + 1;
$('#pageNo').html("Current Page: <strong>" + page + "<strong>");
var offset = 700;
var duration = 500;
$(window).scroll(function() {
if ($(this).scrollTop() > offset) {
$('.back-to-top').fadeIn(duration);
} else {
$('.back-to-top').fadeOut(duration);
}
});
$('.back-to-top').click(function(event) {
@laurenclark
laurenclark / index.html
Created June 25, 2018 21:51
Pure CSS Social Media Icons
<div class="footer-social-icons">
<h4 class="_14">Follow us on</h4>
<ul class="social-icons">
<li><a href="" class="social-icon"> <i class="fa fa-facebook"></i></a></li>
<li><a href="" class="social-icon"> <i class="fa fa-twitter"></i></a></li>
<li><a href="" class="social-icon"> <i class="fa fa-rss"></i></a></li>
<li><a href="" class="social-icon"> <i class="fa fa-youtube"></i></a></li>
<li><a href="" class="social-icon"> <i class="fa fa-linkedin"></i></a></li>
<li><a href="" class="social-icon"> <i class="fa fa-google-plus"></i></a></li>
</ul>
@laurenclark
laurenclark / Javascript OO Cheat Sheet
Created February 20, 2019 13:24 — forked from cklanac/Javascript OO Cheat Sheet
Javascript OO Cheat Sheet
/***********************************************************************************************************************
***********************************************************************************************************************
* CONTENTS:
* Native Object
* Object Literal
* Basic Object
* Psuedo-Class
* Self Executing/Invoking Structure
* Lazy Function
* Module Pattern
/* normal flexbox */
.flexbox .flex-container {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
}
.flexbox .flex-container.vertical {
display: -webkit-flex;
display: -moz-flex;

Keybase proof

I hereby claim:

  • I am laurenclark on github.
  • I am dedlymufin (https://keybase.io/dedlymufin) on keybase.
  • I have a public key ASA00sIrjd73MQpT-MbBn3sbVc8uLGRlzVk2qH9kyDfFmwo

To claim this, I am signing this object:

@laurenclark
laurenclark / index.sh
Last active April 22, 2023 16:10
Install mongodb on catalina
# copy from line 3 to 12 and paste in terminal
sudo mkdir -p /Users/$USER/mongo/db; # to ask for a password at the beginning
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"; # install homebrew
brew install wget; wget https://fastdl.mongodb.org/osx/mongodb-macos-x86_64-4.2.1.tgz;
tar -zxvf mongodb-macos-x86_64-4.2.1.tgz;
cd mongodb-macos-x86_64-4.2.1;
sudo cp ./bin/* /usr/local/bin/; sudo ln -s ./bin/* /usr/local/bin/;
cd ..; rm -rf mongodb-macos-x86_64-4.2.1 mongodb-macos-x86_64-4.2.1.tgz;
@laurenclark
laurenclark / .prettierrc.js
Last active February 29, 2020 22:12
Prettier config for Vue/Nuxt
module.exports = {
singleQuote: true,
printWidth: 80,
'editor.formatOnSave': true,
proseWrap: 'always',
tabWidth: 4,
requireConfig: false,
useTabs: false,
bracketSpacing: true,
jsxBracketSameLine: true,
@laurenclark
laurenclark / .eslintrc.js
Created February 29, 2020 22:11
ESLint config for Vue/Nuxt
module.exports = {
root: true,
env: {
node: true
},
extends: [
'plugin:vue/essential',
'plugin:prettier/recommended',
'@vue/prettier'
],