PatrickCLipscomb

// 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;

PatrickCLipscomb

// these animation scripts run on irvingpethospital.com
jQuery(document).ready(function() {
  try {
    logoAndBannerSlideIn();
    dogAndCatSlideUpOnScroll();
    servicePageTitleBackground();
    dogOrCatAboveServicePageHeader();
    alternateMenuItems();
  } catch (e) {
    console.log(e);

PatrickCLipscomb

// 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

PatrickCLipscomb

// 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);

PatrickCLipscomb

// 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

PatrickCLipscomb