Den Avanger2512

🏠

Working from home

Avanger2512 / gist:b97c2852ea1b534a89c81dbae985e50f

Created September 15, 2020 09:43

	<template>
	<li :class="['catalog__item', {'is-active': mark}]">
	<div
	v-lazy:background-image="item.avatar"
	class="catalog__image" />

	<div class="catalog__in">
	<div class="catalog__content">
	<div
	:title="item.name"

Avanger2512 / gist:b681fd2210d81b5241d048ee692dff39

Created February 27, 2020 22:11

PayoutTransactions

	<template>
	<div id="payouts-transaction" class="payouts-transaction">
	<game-statistics
	:details="payoutDetails"
	></game-statistics>

	<div class="">
	<div class="transaction">
	<transaction-search
	class="transaction__search"

Avanger2512 / gist:119b35c05609cceaac19451aaf04ddc7

Created February 27, 2020 22:04

ParticipationTable

	<template>
	<transition-group name="fade" mode="in-out">
	<template v-if="loading && tableInfo.length > 0">
	<table class="tourney-participation__table"
	key="participation-table">

	<participation-thead v-if="!fullList"></participation-thead>

	<transition-group
	tag="tbody"

Avanger2512 / gist:fdfa6a57de41c4a0023c375c3b17a2cd

Created February 27, 2020 21:53

TourneyItem

	<template>
	<li>
	<div :class="['tourney', {'tourney_do': withOpponent}]">
	<div class="tourney__top">
	<div class="tourney__top-item">
	<div class="tourney__top-date">
	{{ tourneyIntervarDate }}
	</div>
	</div>
	<div class="tourney__top-item tourney__top-headway">

Avanger2512 / vue some block

Created November 4, 2018 17:21

Vue test page with pagination and json parse

Avanger2512 / touchstart and touchend

Created July 29, 2018 09:40

Swipe event detect

	let touchstartX = 0;
	let touchstartY = 0;
	let touchendX = 0;
	let touchendY = 0;

	const gestureZone = document.getElementById('gestureZone');

	gestureZone.addEventListener('touchstart', function(event) {
	touchstartX = event.changedTouches[0].screenX;
	touchstartY = event.changedTouches[0].screenY;

Avanger2512 / atom

Created October 13, 2017 14:49

---

Avanger2512 / index.jade

Created September 21, 2016 11:12

Skewed Flexbox Panels

	main
	- for (var i = 1; i <= 5; i++)
	section
	article
	h2 Panel Title
	p This is some description text for this panel.

	button Toggle images

Avanger2512 / index.html

Created September 21, 2016 10:59

qaqrYE

	<ul class="gallery">
	<li>
	<img src="http://placehold.it/200x50" alt="" />
	</li>
	<li>
	<img src="http://placehold.it/150x50" alt="" />
	</li>
	<li>
	<img src="http://placehold.it/120x50" alt="" />
	</li>

Avanger2512 / popups with galllery(slick)

Created July 18, 2016 14:42

popups with galllery

	//popup

	$('.js-popup__close').on('click', function(){
	$('.popup').hide()
	$('.js-popup').slick('unslick')
	})


	$('.js-gallery__item').on('click', function(){
	var el = $(this);