Jeffrey Way JeffreyWay

## demo.html
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Alpine Examples</title>

    <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js"
            defer
    ></script>

## demo.html
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Alpine Examples</title>

    <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js"
            defer
    ></script>

## x-model-example.html
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Alpine Examples</title>

    <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js"
            defer
    ></script>

## demo.html
<x-layout>
    <x-section>
        <x-tabs active="First">
            <x-tab name="First">
                First content goes here.
            </x-tab>

            <x-tab name="Second">
                Second content goes here.
            </x-tab>

## demo.html
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Alpine Examples</title>

    <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js" defer></script>
    <style>
        .active { color: blue; }
        .tab-wrap { border: 1px dotted grey; padding: 1rem; margin-top: 1rem; }

## alpine-memory-game.html
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js" defer></script>
    <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
</head>

<body>

## FizzBuzz.php
<?php

namespace App;

class FizzBuzz
{
    public static function convert(int $number)
    {
        $result = '';

## laracasts_refactoring_to_lookup_tables.php
<?php

/**
 * Refactor #1:
 */

// Before
if ($user->type === 'admin' || $user->type === 'mod' || $user->type === 'author') {
    // Do something.
}

## PrimeFactors.php
<?php

namespace App;

class PrimeFactors
{
    public function generate($number)
    {
        $factors = [];

## example.html
<!DOCTYPE html>
<html>
<head>
    <title>Floating Navigation</title>
    <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
    <style>
        @keyframes slide-nav-down {
            100% {
                transform: translateY(0);
            }
	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Alpine Examples</title>

	<script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js"
	defer
	></script>
	<x-layout>
	<x-section>
	<x-tabs active="First">
	<x-tab name="First">
	First content goes here.
	</x-tab>

	<x-tab name="Second">
	Second content goes here.
	</x-tab>
	<?php

	namespace App;

	class FizzBuzz
	{
	public static function convert(int $number)
	{
	$result = '';
	<?php

	/**
	* Refactor #1:
	*/

	// Before
	if ($user->type === 'admin' \|\| $user->type === 'mod' \|\| $user->type === 'author') {
	// Do something.
	}
	<?php

	namespace App;

	class PrimeFactors
	{
	public function generate($number)
	{
	$factors = [];
	<!DOCTYPE html>
	<html>
	<head>
	<title>Floating Navigation</title>
	<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
	<style>
	@keyframes slide-nav-down {
	100% {
	transform: translateY(0);
	}