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> |
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>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> |
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({ |
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(); |
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; |
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: |
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”, |
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” | |
} | |
} | |
}; |
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” | |
} |