├── .gitignore
├── .upignore
├── Makefile
├── Readme.md
├── client
├── App.css
├── App.js
├── Example.css
├── Example.js
├── Input.css
├── Input.js
├── Preview.css
├── Preview.js
├── api.js
├── colors.css
├── index.html
├── index.js
├── package.json
└── yarn.lock
├── components
├── FlatButton.svg
├── ShadowButton.svg
└── components.go
├── main.go
└── up.json
/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | gin-bin
3 | .cache
4 | dist
5 | elm-stuff/
6 | node_modules/
7 | server
8 |
--------------------------------------------------------------------------------
/.upignore:
--------------------------------------------------------------------------------
1 | client
2 |
--------------------------------------------------------------------------------
/Makefile:
--------------------------------------------------------------------------------
1 |
2 | # Start development server.
3 | start:
4 | @(cd client && parcel -p 4000 index.html)
5 | .PHONY: start
6 |
--------------------------------------------------------------------------------
/Readme.md:
--------------------------------------------------------------------------------
1 | ## GitHub UI
2 |
3 | Go webserver for dynamically generating GitHub readme components as SVG — powered by [Apex Up](https://github.com/apex/up) on AWS Lambda.
4 |
5 | ## FlatButton
6 |
7 | FlatButton is a full-width flat button.
8 |
9 | 
10 |
11 | ## ShadowButton
12 |
13 | ShadowButton is a full-width shadowed button.
14 |
15 | 
16 |
17 | ## Development
18 |
19 | Run the server:
20 |
21 | ```
22 | $ up start
23 | ```
24 |
25 | Run the client:
26 |
27 | ```
28 | $ make start
29 | ```
30 |
31 | ---
32 |
33 | [](https://godoc.org/github.com/apex/gui)
34 | 
35 | 
36 |
37 |
38 |
--------------------------------------------------------------------------------
/client/App.css:
--------------------------------------------------------------------------------
1 |
2 | html, body {
3 | margin: 0;
4 | padding: 0;
5 | height: 100%;
6 | width: 100%;
7 | font: 14px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
8 | letter-spacing: -.15px;
9 | font-weight: 400;
10 | color: var(--oc-gray-6);
11 | }
12 |
--------------------------------------------------------------------------------
/client/App.js:
--------------------------------------------------------------------------------
1 | import './colors.css'
2 | import './App.css'
3 |
4 | /**
5 | * App is the base application.
6 | */
7 |
8 | export default function({ children }) {
9 | return
{desc}
41 |{label}
10 | onChange(e.target.value)} 14 | defaultValue={value} /> 15 |