Skip to content

Instantly share code, notes, and snippets.

Patrick Lipscomb PatrickCLipscomb

Block or report user

Report or block PatrickCLipscomb

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View SCSSsample.scss
// services and doctor cards on francisvet.com
@mixin staff-image($background-url, $dimension) {
padding-left: $dimension;
box-sizing: border-box;
background-image: url($background-url);
background-size: 100%;
background-color: $blue;
background-blend-mode: multiply;
width: $dimension;
View irvingAnimations.js
// these animation scripts run on irvingpethospital.com
jQuery(document).ready(function() {
try {
logoAndBannerSlideIn();
dogAndCatSlideUpOnScroll();
servicePageTitleBackground();
dogOrCatAboveServicePageHeader();
alternateMenuItems();
} catch (e) {
console.log(e);
View action_cable.js
// This .js.erb file lays the foundation for the chat messaging capabilities in my Local Swap project, a project I worked on for a number of weeks while learning Rails. There are dispersed lines of code throughout the project that lay down more of the infrastructure for websocket connections using ActionCable and Redis, but the code below creates the main functionality of that chatrooms.
// github: https://github.com/PatrickCLipscomb/Local-Swap
// heroku: https://local-swap.herokuapp.com/
// PLEASE NOTE: in order to use the chatroom in the live app you must first sign into the application
// in the app/assets/javascript/channels folder
$(document).on('turbolinks:load', function() {
submitNewMessage();
// Here, I establish the subscription to the ChatMessages Channel, and define a received function. Received is a callback function, it will be automatically invoked every time Action Cable broadcasts data to the ChatMessages Channel. There is a different client side subscription for every chatroom in the Ch
View google_maps.js
// This code creates an interactive map with filtering and data visualization functionality. It is part of my personal Weird Map project. It uses the Google Maps JavaScript API and a geoJSON file that I have stored as a gist for the interactive data layer
// github: https://github.com/PatrickCLipscomb/Weird-Map
// heroku: https://weird-map.herokuapp.com/
// this will render the map with the seleceted location filter active or with the data layer present depending on user selection
$(document).on('turbolinks:load', function() {
$('.filter').each(function() {
var iD = $(this).attr('id').toString()
$('#' + iD).on('click', function() {
$('#the-switch').html(iD);
View loremIpsum.js
// this code is from a personal lorem ipsum text generation project I built for fun on my own time. The app focuses heavily on the UI and creating a fun experience for the user. The getIpsum() function below creates paragraphs of themed ipsum for the application.
// github: https://github.com/PatrickCLipscomb/react-rails-wordplay
// heroku: https://railswordplay.herokuapp.com/
getIpsum(paraNum) {
// sets the number of paragraphs of ipsum to return
var paragraphNumber = parseInt(paraNum);
var ipsumParagraphArray = [];
// pulls in the phrases from the selected ipsum. the phrases exist as an array of strings somethimes with several words per phrase
var phrases = this.state.activeIpsum.phrases
View portlandBars.json
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
You can’t perform that action at this time.