Skip to content

Instantly share code, notes, and snippets.

View wschenk's full-sized avatar

Will Schenk wschenk

47 followers · 1 following
View GitHub Profile
@wschenk
wschenk / navbar.js
Created November 29, 2017 19:52
create-react-app material-ui navbar example
import React, {Component} from 'react'
import PropTypes from 'prop-types';
import { withStyles } from 'material-ui/styles';
import AppBar from 'material-ui/AppBar';
import Toolbar from 'material-ui/Toolbar';
import Typography from 'material-ui/Typography';
import IconButton from 'material-ui/IconButton';
import MenuIcon from 'material-ui-icons/Menu';
import AccountCircle from 'material-ui-icons/AccountCircle';
@wschenk
wschenk / docker-compose.yaml
Created March 10, 2021 20:04
docker-compose for postgres and pgadmin
version: "3.7"
services:
postgres:
image: postgres:13.1
environment:
POSTGRES_PASSWORD: awesome_password
ports:
- "5432:5432"
volumes:
@wschenk
wschenk / login.js
Created November 28, 2017 02:41
create-react-app login.js rmwc example
import React, {Component} from 'react'
import { TextField, Dialog } from 'rmwc';
class Login extends Component {
state = {email: "", password: ""}
handleChange = (val) => (evt) => { this.setState( {...this.state, [val]: evt.target.value} ) }
loginForm = () => {
return (
<div>
@wschenk
wschenk / final.final.html
Created February 4, 2020 13:49
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>This is my title</title>
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
</head>
<body class="bg-gray-100 text-gray-900">
<div class="bg-blue-500 pt-16 pb-20 shadow-lg">
@wschenk
wschenk / final.base.html
Created February 4, 2020 13:47
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>This is my title</title>
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
</head>
<body class="bg-gray-100 text-gray-900">
<div class="bg-blue-500 pt-16 pb-20 shadow-lg">
@wschenk
wschenk / directory.base.html
Created February 4, 2020 13:43
directory.base.html
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Directory</title>
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
</head>
<body>
<div class="bg-blue-500 pt-16 pb-20 shadow-lg">
@wschenk
wschenk / profile.final.html
Created February 4, 2020 13:42
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Will Schenk</title>
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
</head>
<body class="bg-gray-100 text-gray-800">
<div class="bg-blue-500 pt-16 pb-20 shadow-lg">
@wschenk
wschenk / profile.base.html
Created February 4, 2020 13:38
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Will Schenk</title>
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
</head>
<body>
<div>
@wschenk
wschenk / keybase.md
Created March 27, 2019 20:50

Keybase proof

I hereby claim:

  • I am wschenk on github.
  • I am wschenk (https://keybase.io/wschenk) on keybase.
  • I have a public key ASCKmkixaVHudYnan9g4a5zJLhS4Q5WFh5eDEB0Lh28Ulwo

To claim this, I am signing this object:

@wschenk
wschenk / login.js
Created November 30, 2017 22:55
material-ui example login form
import React, {Component} from 'react';
import Button from 'material-ui/Button';
import TextField from 'material-ui/TextField';
import Dialog, {
DialogActions,
DialogContent,
DialogContentText,
DialogTitle,
withMobileDialog
} from 'material-ui/Dialog';