SaFrMo SaFrMo

object-fit: contain

Problem: we have:

Some NPM packages I've written or contributed to:

auto-blur - Blur a button or other element automatically when clicked.
blast-vanilla - Vanilla version of Blast.js. Blast text apart to make it manipulable.
fh-components - Reusable Vue + Vuepress components.
fh-deploy - Deploy files to a server via SFTP.
sketch-outline - Outline a element in Vue on focus or hover using the hand-drawn style of roughjs.
zoomhaus - Medium-like vanilla JS image takeover effect.

On work-detail pages, credits below the video are set up like this:

<span class="credit">
  <span>Director</span>
  <span>Traktor</span>
</span>

<span class="credit">
  <span>Production Company</span>

I hereby claim:

To claim this, I am signing this object:

Vuepress: Vue.js on top of WordPress
fitToParent: Vanilla JS to resize a DOM element to fit its parent container while maintaining original aspect ratio
Zoomhaus: Vanilla JS+CSS smooth image takeover effect
Rest-Easy: WordPress plugin to rest-ify your site with zero effort and powerful customization
FH-Footer: Self-updating slide-to-reveal footer in vanilla JS
FH-Overlap: Simple overlap checker in vanilla JS
funky-colors: WordPress plugin to detect a palette of colors from each image in the media library
Funky-Imgix: WordPress plugin to get Imgix images easily
WP-Shopify: WordPress plugin for easy Shopify integrat

Add a child to a work-detail page to make it a campaign - the campaign's body will be in the child

Maria Carretero page has a few special details:

"Color" category is structured like this:

* Color
    * Maria Carretero
        * First Block Title - Second Block Title
        * Other Spots

	/**
	* Get the host of the this script. The host will be used for posting the data.
	*/
	var getHost = function () {
	var scripts = document.getElementsByTagName("script");
	var i;
	for (i = 0; i < scripts.length; i++) {
	var urlAttribute = scripts[i].attributes.getNamedItem("src");
	if (urlAttribute) {
	var url = urlAttribute.nodeValue;

	// catch newsletter button - any link with `#newsletter` triggers the callback
	window.addEventListener('click', evt => {

	if( evt.target && event.target.href && typeof evt.target.href == 'string' && event.target.href.indexOf('#newsletter') != -1 ){
	evt.preventDefault()
	// YOUR ACTION HERE...
	}
	})

	// keys!