aronduby

Tournament Bracket with Flexbox

Creating a tournament bracket, complete with the lines, with the Flexbox. That means no tables, no absolute positioning, no images or svg, just plain ole html and css.

A Pen by Aron Duby on CodePen.

License.

	import { PiniaPluginContext } from "pinia";
	import { computed, reactive, readonly, ref } from "vue";
	import browser from "webextension-polyfill";

	export type StorageType = 'sync'\|'local'\|'managed'\|'session';
	export interface StorageState {
	loading: Promise<void>,
	loaded: boolean,
	reading: boolean,
	writing: boolean,

	<?php
	// require autoload

	/*
	* Setup Redis for PubSub for events
	*/
	$redis = new Predis\Client();
	$pub = new Publisher($redis, 'pintourny', $subdomain);

	$pub->send('event.type', $someData);

	<?php

	namespace App\Providers;

	use Carbon\Carbon;
	use Illuminate\Support\Facades\Blade;
	use Illuminate\Support\ServiceProvider;

	/**
	* Class DateDirectiveServiceProvider

	// external link selector
	// $('a:external').addClass('external');
	$.expr[':'].external = function(obj){
	return (obj.href != undefined)
	&& (obj.href != '')
	&& !obj.href.match(/^mailto\:/)
	&& !obj.href.match(/^tel\:/)
	&& !obj.href.match(/^sms\:/)
	&& (obj.hostname != location.hostname);
	};