<commit_before>mq-swap
=======

Swaps img srcs with javascript media queries

test images are from wallpaperstock.net

Usage:
	add the data-swap attribute to the image(s) you want to swap.  
	data-swap takes in a json object where the key is the image url and the value is the media query
	for example :
	<pre>data-swap="{
			img/a.jpg : screen and (min-width: 1px),
			img/b.jpg : screen and (min-width: 768px),
			img/d.jpg : screen and (min-width: 1024px)
		}"</pre>
	Then to run it, include <pre>swap.init();</pre> at the bottom of your page.

	Media queries must be listed in ascending order like you would order them in a css file.
	mq-swap uses matchMedia to process media queries, which means you can use any valid media query.
	matchMedia is included in most modern browsers but if you want to use this on browsers <= IE8, 
	you can use <NAME>'s matchMedia polyfill fork which includes support for IE7 and IE8, 
	located here https://github.com/benschwarz/matchMedia.js/tree/IE7-8. 

Still to come:
	specifying images progamatically since json in an html attribute is a little messy
<commit_msg>added more info<commit_after>mq-swap
=======

Swaps img srcs with javascript media queries

test images are from wallpaperstock.net

Usage:
	add the data-swap attribute to the image(s) you want to swap.  
	data-swap takes in a json object where the key is the image url and the value is the media query
	for example :
	<pre>data-swap="{
			img/a.jpg : screen and (min-width: 1px),
			img/b.jpg : screen and (min-width: 768px),
			img/d.jpg : screen and (min-width: 1024px)
		}"</pre>
	Then to run it, include <pre>swap.init();</pre> at the bottom of your page.

Media queries must be listed in ascending order like you would order them in a css file.
mq-swap uses matchMedia to process media queries, which means you can use any valid media query.
matchMedia is included in most modern browsers but if you want to use this on browsers <= IE8, 
you can use <NAME>'s matchMedia polyfill fork which includes support for IE7 and IE8, 
located here https://github.com/benschwarz/matchMedia.js/tree/IE7-8. 

Still to come:
	specifying images progamatically since json in an html attribute is a little messy

{'fraction_non_alphanumeric': 0.07891156462585033, 'fraction_numerical': 0.011791383219954649, 'mean_word_length': 3.837719298245614, 'pattern_counts': {'":': 0, '<': 15, '<?xml version=': 0, '>': 13, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2783550', 'n_tokens_mistral': 704, 'n_tokens_neox': 646, 'n_words': 320}