JacobLett

.active
.affix
.alert
.alert-danger
.alert-dismissable
.alert-dismissible
.alert-info
.alert-link
.alert-success
.alert-warning

tomhicks

/*
Copy this into the console of any web page that is interactive and doesn't
do hard reloads. You will hear your DOM changes as different pitches of
audio.

I have found this interesting for debugging, but also fun to hear web pages
render like UIs do in movies.
*/

const audioCtx = new (window.AudioContext || window.webkitAudioContext)()

TheWebTech

/* CSS styles that highlight the hubspot grid components so you can better visualize what is happening in a page. 
  1. You could use this a few different ways, you could add this to your inspector-stylesheet.css when inspecting a page.
  2. You could integrate this into a browser extension ;)
  3. You could literally upload the stylesheet to HubSpot, and use {% if request.query_dict.hsDebug == "true" %}{{ require_css(PATH TO YOUR CSS FILE) }}{% endif %}
  
  Additionally in-case it's useful as a prototyping/layout planning tool: https://codepen.io/thewebtech/pen/bGdrQyN??editors=1100
*/

.dnd-module {background: #eaf0f6;min-height: 50px!important; }
.dnd-module::before {content:"{% dnd_module %}";}