William Whatley wwwhatley

🎯

Focusing

Developer | Beer Drinker, Hiker, Creator

wwwhatley / xml_test.xml

Last active August 6, 2024 17:32

	<?xml version="1.0" encoding="UTF-8"?>
	<Capabilities xmlns="https://www.opengis.net/wmts/1.0"
	xmlns:ows="https://www.opengis.net/ows/1.1"
	xmlns:xlink="https://www.w3.org/1999/xlink"
	xmlns:xsi="https://www.w3.org/2001/XMLSchema-instance"
	xmlns:gml="https://www.opengis.net/gml"
	xsi:schemaLocation="https://www.opengis.net/wmts/1.0 https://schemas.opengis.net/wmts/1.0/wmtsGetCapabilities_response.xsd"
	version="1.0.0">
	<ows:ServiceIdentification>
	<ows:Title>Web Map Tile Service</ows:Title>

wwwhatley / Navigation.jsx

Created December 7, 2020 18:08

	import React from "react";
	import styled from "styled-components";

	const Wrapper = styled.div`
	grid-area: nav;
	height: 100%;
	width: 100%;
	background-color: #2e3131;
	display: flex;
	flex-direction: column;

wwwhatley / form-complete.jsx

Last active July 14, 2018 21:46

	import React, { Component } from "react";
	import styled from "styled-components";
	import { Formik } from "formik";
	import { Form, Input, Title, Text, Button, Label } from "./theme.js";

	class App extends Component {
	render() {
	return (
	<div>
	<Title>Form</Title>

wwwhatley / form-with-values.jsx

Last active July 14, 2018 20:32

	validate={values => {
	let errors = {};
	// REGEX
	let regex = !/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i;
	// VALIDATION
	if (!values.email) {
	errors.email = "Email is required";
	} else if (regex.test(values.email)) {
	errors.email = "Invalid email address";
	}

wwwhatley / form-with-formik-helpers.jsx

Last active July 14, 2018 21:45

	import React, { Component } from "react";
	import styled from "styled-components";
	import { Formik } from "formik";
	import { Form, Input, Title, Text, Button, Label } from "./theme.js";

	class App extends Component {
	render() {
	return (
	<div>
	<Title>Form</Title>

wwwhatley / form-with-formik.jsx

Last active July 14, 2018 21:46

	import React, { Component } from "react";
	import styled from "styled-components";
	import { Formik } from "formik";
	import { Form, Input, Title, Text, Button, Label } from "./theme.js";

	class App extends Component {
	render() {
	return (
	<div>
	<Title>Form</Title>

wwwhatley / form-without-formik.jsx

Last active July 14, 2018 20:09


	import React, { Component } from "react";
	import styled from "styled-components";
	import { Form, Input, Title, Text, Button } from "./theme.js";

	const Label = styled.label`
	display: flex;
	flex-direction: column;
	color: #777;
	font-family: "Raleway", sans-serif;

wwwhatley / form-example.jsx

Last active July 14, 2018 20:10

	import React, {Component} from 'react';
	import styled from 'styled-components';
	import {Form, Input, Title, Button} from './theme.js';

	class App extends Component {
	render() {
	return (
	<div>
	<Title>Form</Title>
	<Form>

wwwhatley / input-example.js

Last active July 13, 2018 00:43

	import styled from 'styled-components';

	export const Input = styled.input`
	width: 300px;
	height: 35px;
	border: ${props => props.border \|\| '1px solid #ccc'};
	background-color: #fff;
	`;

wwwhatley / form.jsx

Last active July 13, 2018 00:39

	import React, {Component} from 'react';
	import styled from 'styled-components';
	import {Form, Input, Title, Button} from './theme.js';

	class App extends Component {
	render() {
	return (
	<div>
	<Title>Form</Title>
	<Form>