Drew Powers drwpow

●○◯◦⚪︎⚫︎⦿◉◎▶︎▷▸▹►▻◀︎◁◂◃◄◅▼▽▾▿▲△▴▵■□▪︎▫︎◾︎◽︎◼︎◻︎⬛︎⬜︎▢▣◆◇◊◈❖

SVGs are the future. SVG icon manifests are now widely-supported by all major browsers, but svg4everybody is still available as a polyfill if needed.

The SVG Manifest looks something like this (we’ll call this icons.svg):

<svg xmlns="http://www.w3.org/2000/svg">

	var sliderEl = document.querySelector('.slider'); // NEW: our element
	var slideCount = 3; // NEW: the total # of slides
	var sliderManager = new Hammer.Manager(sliderEl);
	sliderManager.add(new Hammer.Pan({ threshold: 0, pointers: 0 }) );
	sliderManager.on('pan', function(e) {
	var percentage = 100 / slideCount * e.deltaX / window.innerWidth; // NEW: our % calc
	sliderEl.style.transform = 'translateX(' + percentage + '%)'; // NEW: our CSS transform
	});

	var sliderEl = document.querySelector('.slider');
	var slideCount = 3;
	var activeSlide = 0; // NEW: the current slide # (0 = first)
	var sliderManager = new Hammer.Manager(sliderEl);
	sliderManager.add( new Hammer.Pan({ threshold: 0, pointers: 0 }) );
	sliderManager.on('pan', function(e) {
	var percentage = 100 / slideCount * e.deltaX / window.innerWidth;
	var transformPercentage = percentage - 100 / slideCount * activeSlide; // NEW
	sliderEl.style.transform = 'translateX( ' + transformPercentage + '% )';
	if(e.isFinal) { // NEW: this only runs on event end

	if(e.isFinal) {
	if (e.velocityX > 1) {
	slider.goTo(slider.activeSlide - 1);
	} else if (e.velocityX < -1) {
	slider.goTo(slider.activeSlide + 1)
	} else {
	if (percentage <= -(slider.sensitivity / slider.slideCount)) {
	slider.goTo(slider.activeSlide + 1);
	} else if (percentage >= (slider.sensitivity / slider.slideCount)) {
	slider.goTo(slider.activeSlide - 1);

	module.exports = {
	config: {
	// default font size in pixels for all tabs
	fontSize: 13,

	// font family with optional fallbacks
	fontFamily: '"Meslo LG M for Powerline", Papyrus',

	// terminal cursor background color and opacity (hex, rgb, hsl, hsv, hwb or cmyk)
	cursorColor: 'rgba(248,28,229,0.8)',

	<div id="my-container">
	<img />
	</div>

	<script>
	var sizeContainer = function() {
	// console.log(subtractPixels);
	var subtractPixels = 24;
	// console.log(subtractPixels);
	document.querySelector('#my-container')