<commit_before><link rel="import" href="../bower_components/polymer/polymer.html">
<link rel="import" href="../bower_components/core-icons/core-icons.html">

<polymer-element name="main-card" attributes="animated swipeable"
on-trackstart="{{trackStart}}" on-track="{{track}}" on-trackend="{{trackEnd}}" on-flick="{{flick}}">
	<template>
		<link rel="stylesheet" type="text/css" href="../css/elements/main-card.css">

		<div id="card">
			<content></content>
		</div>

	</template>
	<script>
		Polymer('main-card', {

			ready: function () {
				this.setAttribute('touch-action', 'pan-y pan-x');
				this.transitionEndListener = this.transitionEnd.bind(this)
				
				if (this.animated) {
					this.animateCard();
				}
			},

			animated: false,

			moveCard: function (y) {
				var s = this.$.card.style;
				s.webkitTransform = s.transform = y ? 'translate(0, ' + y + 'px)': '';
			},
			animateCard: function() {
				this.$.card.classList.remove('move-up');
		    	this.$.card.style.display = 'none';
		    	this.async(function () {
		    		this.$.card.style.display = 'block'
		    		this.moveCard(window.innerHeight);
		    		this.async(function () {
		    			this.$.card.classList.add('move-up');
		    			this.moveCard(null);<commit_msg>Pinch to zoom works within cards. Tested on Chrome Canary. Closes #77.<commit_after><link rel="import" href="../bower_components/polymer/polymer.html">
<link rel="import" href="../bower_components/core-icons/core-icons.html">

<polymer-element name="main-card" attributes="animated swipeable"
on-trackstart="{{trackStart}}" on-track="{{track}}" on-trackend="{{trackEnd}}" on-flick="{{flick}}">
	<template>
		<link rel="stylesheet" type="text/css" href="../css/elements/main-card.css">

		<div id="card">
			<content></content>
		</div>

	</template>
	<script>
		Polymer('main-card', {

			ready: function () {
				this.setAttribute('touch-action', 'pan-y pan-x pinch-zoom');
				this.transitionEndListener = this.transitionEnd.bind(this)
				
				if (this.animated) {
					this.animateCard();
				}
			},

			animated: false,

			moveCard: function (y) {
				var s = this.$.card.style;
				s.webkitTransform = s.transform = y ? 'translate(0, ' + y + 'px)': '';
			},
			animateCard: function() {
				this.$.card.classList.remove('move-up');
		    	this.$.card.style.display = 'none';
		    	this.async(function () {
		    		this.$.card.style.display = 'block'
		    		this.moveCard(window.innerHeight);
		    		this.async(function () {
		    			this.$.card.classList.add('move-up');
		    			this.moveCard(null);
{'fraction_non_alphanumeric': 0.19522691705790296, 'fraction_numerical': 0.001564945226917058, 'mean_word_length': 3.3412563667232598, 'pattern_counts': {'":': 0, '<': 25, '<?xml version=': 0, '>': 25, 'https://': 0, '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': '1069640', 'n_tokens_mistral': 1008, 'n_tokens_neox': 863, 'n_words': 135}