Alan Souza alansouzati
alansouzati
/ declarative-colors.tsx
Created
June 8, 2022 19:56
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const lightTheme = createTheme({ | |
| palette: { | |
| daysToClose: { | |
| contrastText: “white”, | |
| main: “#444444” | |
| }, | |
| appBackground: { | |
| main: “#e3e3e3”, | |
| contrastText: “#444444” | |
| } |
alansouzati
/ declarative-typography.tsx
Created
June 8, 2022 19:18
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const theme = createTheme(); | |
| theme.typography = { | |
| title: { | |
| fontSize: “40px”, | |
| [theme.breakpoints.down(“sm”)]: { | |
| fontSize: “18px” | |
| } | |
| } | |
| }; |
alansouzati
/ imperative-header-mui.tsx
Created
June 8, 2022 19:14
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| export const Header = () => { | |
| const theme = useTheme(); | |
| const useMobile = useMediaQuery(theme.breakpoints.down(“sm”)); | |
| return ( | |
| <Box | |
| sx={{ | |
| display: “flex”, | |
| alignItems: “center”, | |
| justifyContent: “space-between”, | |
| backgroundColor: “#e3e3e3”, |
alansouzati
/ drone_deployment.yml
Created
February 11, 2017 00:05
Drone sample config for kubernetes
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| apiVersion: extensions/v1beta1 | |
| kind: Deployment | |
| metadata: | |
| name: grommet-drone | |
| namespace: drone | |
| labels: | |
| app: grommet-drone | |
| annotations: | |
| description: drone with interface | |
| spec: |
alansouzati
/ Date Selector Accessibility
Created
October 29, 2016 05:23
Adding accessibility to a date selector with an HTML table
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang='en-US'> | |
| <head> | |
| <meta charset='UTF-8'> | |
| <title>Date and Time accessibility</title> | |
| <style> | |
| #announcer { | |
| left: -100%; | |
| right: 100%; | |
| z-index: -1; |
alansouzati
/ express boilerplate
Created
May 16, 2016 03:10
simple boilerplate for express server to be serving grommet apps.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import compression from 'compression'; | |
| import express from 'express'; | |
| import http from 'http'; | |
| import morgan from 'morgan'; | |
| import bodyParser from 'body-parser'; | |
| import path from 'path'; | |
| const PORT = process.env.PORT || 8000; | |
| const app = express(); |
alansouzati
/ proposed-grommet-logo
Created
July 16, 2015 18:53
Proposed changes for Grommet Logo and Accessibility support
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // (C) Copyright 2014-2015 Hewlett-Packard Development Company, L.P. | |
| var React = require('react'); | |
| var uuid = require('node-uuid'); | |
| var IntlMixin = require('../../../mixins/GrommetIntlMixin'); | |
| var CLASS_ROOT = "logo-icon"; | |
| var Grommet = React.createClass({ |
alansouzati
/ grommet_tutorial_bower.html
Last active
August 29, 2015 14:23
Grommet tutorial in Bower
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>Todo App</title> | |
| <link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:400italic,400,700" rel="stylesheet" type="text/css"> | |
| <link href="bower_components/grommet/css/grommet-hpe.min.css" rel="stylesheet" type="text/css"> | |
| <script src="bower_components/react/react.js"></script> | |
| <script src="bower_components/react/JSXTransformer.js"></script> | |
| <script src="bower_components/grommet/grommet.min.js"></script> |
alansouzati
/ grommet_hello_world_extension.html
Last active
August 29, 2015 14:23
Grommet Hello World Extension
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <Grommet.Tiles> | |
| <Grommet.Tile> | |
| <Grommet.Header> | |
| <h3>I'm First</h3> | |
| </Grommet.Header> | |
| <p>Do I win a prize?</p> | |
| </Grommet.Tile> | |
| <Grommet.Tile> | |
| <Grommet.Header> | |
| <h3>I'm Second</h3> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>Hello World!</title> | |
| <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400italic,400,700' rel='stylesheet' type='text/css'> | |
| <link href='http://grommet.io/assets/latest/css/grommet.min.css' rel='stylesheet' type='text/css'> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.2/react.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.2/react-dom.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script> |