├── settings.json ├── .gitignore ├── .meteor ├── .gitignore ├── release ├── platforms ├── .id ├── .finished-upgraders ├── packages └── versions ├── public └── images │ ├── ten.png │ ├── angle.png │ ├── favicon.png │ ├── fifteen.png │ ├── sixty.png │ ├── thirty.png │ ├── byp-logo.png │ ├── calendar.png │ ├── icon-twitter.png │ ├── radio-empty.png │ ├── checkbox-empty.png │ ├── icon-facebook.png │ ├── icon-instagram.png │ ├── select-arrow.svg │ ├── success-icon.svg │ ├── cancel.svg │ ├── error-icon.svg │ ├── revise.svg │ ├── duplicate.svg │ ├── email-icon.svg │ ├── download.svg │ ├── view.svg │ ├── trash-2.svg │ └── isci.svg ├── server └── main.js ├── client ├── main.html ├── main.js ├── styles │ ├── main.scss │ ├── normalize.scss │ ├── byp-v3.webflow.scss │ └── webflow.scss └── webflow.js ├── imports └── ui │ ├── Header.js │ ├── App.js │ ├── Nav.js │ ├── ForgotPassword.js │ ├── Login.js │ ├── Dashboard.js │ ├── Account.js │ └── ArtOrder.js └── package.json /settings.json: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | -------------------------------------------------------------------------------- /.meteor/.gitignore: -------------------------------------------------------------------------------- 1 | local 2 | -------------------------------------------------------------------------------- /.meteor/release: -------------------------------------------------------------------------------- 1 | METEOR@1.6 2 | -------------------------------------------------------------------------------- /.meteor/platforms: -------------------------------------------------------------------------------- 1 | server 2 | browser 3 | -------------------------------------------------------------------------------- /public/images/ten.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/poetic/byp-app-react/master/public/images/ten.png -------------------------------------------------------------------------------- /public/images/angle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/poetic/byp-app-react/master/public/images/angle.png -------------------------------------------------------------------------------- /public/images/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/poetic/byp-app-react/master/public/images/favicon.png -------------------------------------------------------------------------------- /public/images/fifteen.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/poetic/byp-app-react/master/public/images/fifteen.png -------------------------------------------------------------------------------- /public/images/sixty.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/poetic/byp-app-react/master/public/images/sixty.png -------------------------------------------------------------------------------- /public/images/thirty.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/poetic/byp-app-react/master/public/images/thirty.png -------------------------------------------------------------------------------- /public/images/byp-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/poetic/byp-app-react/master/public/images/byp-logo.png -------------------------------------------------------------------------------- /public/images/calendar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/poetic/byp-app-react/master/public/images/calendar.png -------------------------------------------------------------------------------- /public/images/icon-twitter.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/poetic/byp-app-react/master/public/images/icon-twitter.png -------------------------------------------------------------------------------- /public/images/radio-empty.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/poetic/byp-app-react/master/public/images/radio-empty.png -------------------------------------------------------------------------------- /public/images/checkbox-empty.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/poetic/byp-app-react/master/public/images/checkbox-empty.png -------------------------------------------------------------------------------- /public/images/icon-facebook.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/poetic/byp-app-react/master/public/images/icon-facebook.png -------------------------------------------------------------------------------- /public/images/icon-instagram.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/poetic/byp-app-react/master/public/images/icon-instagram.png -------------------------------------------------------------------------------- /server/main.js: -------------------------------------------------------------------------------- 1 | import { Meteor } from 'meteor/meteor'; 2 | 3 | Meteor.startup(() => { 4 | // code to run on server at startup 5 | }); 6 | -------------------------------------------------------------------------------- /client/main.html: -------------------------------------------------------------------------------- 1 | 2 | BYP 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | -------------------------------------------------------------------------------- /.meteor/.id: -------------------------------------------------------------------------------- 1 | # This file contains a token that is unique to your project. 2 | # Check it into your repository along with the rest of this directory. 3 | # It can be used for purposes such as: 4 | # - ensuring you don't accidentally deploy one app on top of another 5 | # - providing package authors with aggregated statistics 6 | 7 | 1b3g87mvymx818o9stz 8 | -------------------------------------------------------------------------------- /imports/ui/Header.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | 3 | const Header = ({ centered, title }) => ( 4 |
5 |
6 |

{title}

7 |
8 |
9 | ) 10 | 11 | export default Header 12 | -------------------------------------------------------------------------------- /client/main.js: -------------------------------------------------------------------------------- 1 | import { Meteor } from 'meteor/meteor'; 2 | import { render } from 'react-dom'; 3 | import React from 'react'; 4 | import { BrowserRouter as Router } from 'react-router-dom'; 5 | import App from '/imports/ui/App'; 6 | 7 | Meteor.startup(() => { 8 | render( 9 | 10 | 11 | , 12 | document.getElementById('app') 13 | ); 14 | }); 15 | -------------------------------------------------------------------------------- /public/images/select-arrow.svg: -------------------------------------------------------------------------------- 1 | 2 | select-arrow_1 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "byp-app", 3 | "private": true, 4 | "scripts": { 5 | "start": "meteor run --settings settings.json" 6 | }, 7 | "dependencies": { 8 | "babel-runtime": "^6.20.0", 9 | "core-js": "^2.5.1", 10 | "meteor-node-stubs": "~0.2.4", 11 | "react": "^16.0.0", 12 | "react-dom": "^16.0.0", 13 | "react-router": "^4.2.0", 14 | "react-router-dom": "^4.2.2" 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /public/images/success-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | check 5 | Created with Sketch. 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /.meteor/.finished-upgraders: -------------------------------------------------------------------------------- 1 | # This file contains information which helps Meteor properly upgrade your 2 | # app when you run 'meteor update'. You should check it into version control 3 | # with your project. 4 | 5 | notices-for-0.9.0 6 | notices-for-0.9.1 7 | 0.9.4-platform-file 8 | notices-for-facebook-graph-api-2 9 | 1.2.0-standard-minifiers-package 10 | 1.2.0-meteor-platform-split 11 | 1.2.0-cordova-changes 12 | 1.2.0-breaking-changes 13 | 1.3.0-split-minifiers-package 14 | 1.4.0-remove-old-dev-bundle-link 15 | 1.4.1-add-shell-server-package 16 | 1.4.3-split-account-service-packages 17 | 1.5-add-dynamic-import-package 18 | -------------------------------------------------------------------------------- /imports/ui/App.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { Route, Switch, Redirect } from 'react-router-dom'; 3 | import Nav from './Nav'; 4 | import Header from './Header'; 5 | import ArtOrder from './ArtOrder'; 6 | import AudioVideoOrder from './AudioVideoOrder'; 7 | import Account from './Account'; 8 | import Login from './Login'; 9 | import ForgotPassword from './ForgotPassword'; 10 | import Dashboard from './Dashboard'; 11 | 12 | const appWrapper = () => ( 13 | 14 | ) 15 | 16 | const App = (props) => ( 17 |
18 |
29 | ) 30 | 31 | export default appWrapper 32 | -------------------------------------------------------------------------------- /public/images/cancel.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | -------------------------------------------------------------------------------- /public/images/error-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | error 5 | Created with Sketch. 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /.meteor/packages: -------------------------------------------------------------------------------- 1 | # Meteor packages used by this project, one per line. 2 | # Check this file (and the other files in this directory) into your repository. 3 | # 4 | # 'meteor add' and 'meteor remove' will edit this file for you, 5 | # but you can also edit it by hand. 6 | 7 | meteor-base@1.2.0 # Packages every Meteor app needs to have 8 | mobile-experience@1.0.5 # Packages for a great mobile UX 9 | mongo@1.3.0 # The database Meteor supports right now 10 | blaze-html-templates@1.0.4 # Compile .html files into Meteor Blaze views 11 | reactive-var@1.0.11 # Reactive variable for tracker 12 | tracker@1.1.3 # Meteor's client-side reactive programming library 13 | 14 | standard-minifier-css@1.3.5 # CSS minifier run for production mode 15 | standard-minifier-js@2.2.0 # JS minifier run for production mode 16 | es5-shim@4.6.15 # ECMAScript 5 compatibility for older browsers 17 | ecmascript@0.9.0 # Enable ECMAScript2015+ syntax in app code 18 | shell-server@0.3.0 # Server-side component of the `meteor shell` command 19 | 20 | autopublish@1.0.7 # Publish all data to the clients (for prototyping) 21 | insecure@1.0.7 # Allow all DB writes from clients (for prototyping) 22 | fourseven:scss 23 | -------------------------------------------------------------------------------- /public/images/revise.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | revise 5 | Created with Sketch. 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /public/images/duplicate.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | duplicate 5 | Created with Sketch. 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /client/styles/main.scss: -------------------------------------------------------------------------------- 1 | @import 'normalize'; 2 | @import 'webflow'; 3 | @import 'byp-v3.webflow'; 4 | 5 | input[type="radio"]:checked + label { 6 | background-image: url("https://daks2k3a4ib2z.cloudfront.net/582f3a50bcca26c246287bb8/582f4e28f5562dd3132de29d_radio-filled.png"); 7 | } 8 | input[type="checkbox"]:checked + label { 9 | background-image: url("https://daks2k3a4ib2z.cloudfront.net/582f3a50bcca26c246287bb8/582f460af5562dd3132dcd07_checkbox-checked.png"); 10 | } 11 | input, textarea, select { 12 | -webkit-appearance: none; 13 | border-radius: 0; 14 | } 15 | .w-input:focus { 16 | border: 1px solid #e8002a; 17 | box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .15); 18 | } 19 | @media screen and (max-width: 676px) { 20 | .print-item-type .form-subhead { 21 | margin-left: auto; 22 | } 23 | } 24 | input[disabled], input[readonly], textarea[disabled], textarea[readonly], select[disabled], select[readonly], .w-input[disabled], .w-input[readonly], .w-textarea[disabled], .w-textarea[readonly], .w-select[disabled], .w-select[readonly] { 25 | pointer-events: none; 26 | font-size: 13px; 27 | color: black; 28 | background-color: none; 29 | border-color: none; 30 | background-image: none; 31 | box-shadow: none; 32 | } 33 | .read-only .text-input { 34 | pointer-events: none; 35 | font-size: 13px; 36 | color: black; 37 | background-color: none; 38 | border-color: white; 39 | background-image: none; 40 | box-shadow: none; 41 | } 42 | .read-only label { 43 | color: #aaa; 44 | } 45 | .read-only .caption { 46 | color: #aaa; 47 | } 48 | .read-only .form-button-wrapper { 49 | display: none; 50 | pointer-events: none; 51 | } -------------------------------------------------------------------------------- /public/images/email-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Shape 5 | Created with Sketch. 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /.meteor/versions: -------------------------------------------------------------------------------- 1 | allow-deny@1.1.0 2 | autopublish@1.0.7 3 | autoupdate@1.3.12 4 | babel-compiler@6.24.7 5 | babel-runtime@1.1.1 6 | base64@1.0.10 7 | binary-heap@1.0.10 8 | blaze@2.3.2 9 | blaze-html-templates@1.1.2 10 | blaze-tools@1.0.10 11 | boilerplate-generator@1.3.1 12 | caching-compiler@1.1.9 13 | caching-html-compiler@1.1.2 14 | callback-hook@1.0.10 15 | check@1.2.5 16 | ddp@1.4.0 17 | ddp-client@2.2.0 18 | ddp-common@1.3.0 19 | ddp-server@2.1.1 20 | deps@1.0.12 21 | diff-sequence@1.0.7 22 | dynamic-import@0.2.1 23 | ecmascript@0.9.0 24 | ecmascript-runtime@0.5.0 25 | ecmascript-runtime-client@0.5.0 26 | ecmascript-runtime-server@0.5.0 27 | ejson@1.1.0 28 | es5-shim@4.6.15 29 | fourseven:scss@4.5.4 30 | geojson-utils@1.0.10 31 | hot-code-push@1.0.4 32 | html-tools@1.0.11 33 | htmljs@1.0.11 34 | http@1.3.0 35 | id-map@1.0.9 36 | insecure@1.0.7 37 | jquery@1.11.10 38 | launch-screen@1.1.1 39 | livedata@1.0.18 40 | logging@1.1.19 41 | meteor@1.8.2 42 | meteor-base@1.2.0 43 | minifier-css@1.2.16 44 | minifier-js@2.2.2 45 | minimongo@1.4.2 46 | mobile-experience@1.0.5 47 | mobile-status-bar@1.0.14 48 | modules@0.11.0 49 | modules-runtime@0.9.1 50 | mongo@1.3.0 51 | mongo-dev-server@1.1.0 52 | mongo-id@1.0.6 53 | npm-mongo@2.2.33 54 | observe-sequence@1.0.16 55 | ordered-dict@1.0.9 56 | promise@0.10.0 57 | random@1.0.10 58 | reactive-var@1.0.11 59 | reload@1.1.11 60 | retry@1.0.9 61 | routepolicy@1.0.12 62 | shell-server@0.3.0 63 | spacebars@1.0.15 64 | spacebars-compiler@1.1.3 65 | standard-minifier-css@1.3.5 66 | standard-minifier-js@2.2.3 67 | templating@1.3.2 68 | templating-compiler@1.3.3 69 | templating-runtime@1.3.2 70 | templating-tools@1.1.2 71 | tracker@1.1.3 72 | ui@1.0.13 73 | underscore@1.0.10 74 | url@1.1.0 75 | webapp@1.4.0 76 | webapp-hashing@1.0.9 77 | -------------------------------------------------------------------------------- /public/images/download.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | download 5 | Created with Sketch. 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /imports/ui/Nav.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react'; 2 | 3 | class Nav extends Component { 4 | goTo(path) { 5 | const { history } = this.props 6 | history.push(path) 7 | } 8 | 9 | render() { 10 | return ( 11 |
12 |
13 |
14 |
Ph: 281-240-7400
Fax: 281-240-7440
15 |
16 |
17 |
18 | this.goTo('/')} className="btn btn-small w-button">Dashboard 19 |
20 |
21 | 31 |
32 |
33 |
34 |
35 | ) 36 | } 37 | } 38 | 39 | export default Nav 40 | -------------------------------------------------------------------------------- /public/images/view.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Group 5 | Created with Sketch. 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /public/images/trash-2.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | -------------------------------------------------------------------------------- /imports/ui/ForgotPassword.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react'; 2 | 3 | class ForgotPassword extends Component { 4 | goTo(path) { 5 | const { history } = this.props 6 | history.push(path) 7 | } 8 | 9 | render() { 10 | return( 11 |
12 |
13 |
14 |
15 |
16 |
17 |
SEND RESET PASSWORD INSTRUCTIONS
18 |
19 | 24 |
25 |
26 |
27 |
Thank you! Your order has been received.
28 |
29 |
In the meantime, connect with us on social to stay up to date on the latest tours:
30 |
31 |
32 |
Oops! Something went wrong while submitting the form.
33 |
34 |
35 |
36 | ) 37 | } 38 | } 39 | 40 | export default ForgotPassword 41 | -------------------------------------------------------------------------------- /imports/ui/Login.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react'; 2 | import Header from './Header'; 3 | 4 | class Login extends Component { 5 | goTo(path) { 6 | const { history } = this.props 7 | history.push(path) 8 | } 9 | 10 | render() { 11 | return( 12 |
13 |
14 |
15 |
16 |
17 | 30 |
31 |
32 |
Thank you! Your order has been received.
33 |
34 |
In the meantime, connect with us on social to stay up to date on the latest tours:
35 |
36 |
37 |
Oops! Something went wrong while submitting the form.
38 |
39 |
40 |
41 |
42 | ) 43 | } 44 | } 45 | 46 | export default Login 47 | -------------------------------------------------------------------------------- /public/images/isci.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | isci 5 | Created with Sketch. 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /client/styles/normalize.scss: -------------------------------------------------------------------------------- 1 | /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ 2 | /** 3 | * 1. Set default font family to sans-serif. 4 | * 2. Prevent iOS and IE text size adjust after device orientation change, 5 | * without disabling user zoom. 6 | */ 7 | html { 8 | font-family: sans-serif; 9 | /* 1 */ 10 | -ms-text-size-adjust: 100%; 11 | /* 2 */ 12 | -webkit-text-size-adjust: 100%; 13 | /* 2 */ 14 | } 15 | /** 16 | * Remove default margin. 17 | */ 18 | body { 19 | margin: 0; 20 | } 21 | /* HTML5 display definitions 22 | ========================================================================== */ 23 | /** 24 | * Correct `block` display not defined for any HTML5 element in IE 8/9. 25 | * Correct `block` display not defined for `details` or `summary` in IE 10/11 26 | * and Firefox. 27 | * Correct `block` display not defined for `main` in IE 11. 28 | */ 29 | article, 30 | aside, 31 | details, 32 | figcaption, 33 | figure, 34 | footer, 35 | header, 36 | hgroup, 37 | main, 38 | menu, 39 | nav, 40 | section, 41 | summary { 42 | display: block; 43 | } 44 | /** 45 | * 1. Correct `inline-block` display not defined in IE 8/9. 46 | * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. 47 | */ 48 | audio, 49 | canvas, 50 | progress, 51 | video { 52 | display: inline-block; 53 | /* 1 */ 54 | vertical-align: baseline; 55 | /* 2 */ 56 | } 57 | /** 58 | * Prevent modern browsers from displaying `audio` without controls. 59 | * Remove excess height in iOS 5 devices. 60 | */ 61 | audio:not([controls]) { 62 | display: none; 63 | height: 0; 64 | } 65 | /** 66 | * Address `[hidden]` styling not present in IE 8/9/10. 67 | * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. 68 | */ 69 | [hidden], 70 | template { 71 | display: none; 72 | } 73 | /* Links 74 | ========================================================================== */ 75 | /** 76 | * Remove the gray background color from active links in IE 10. 77 | */ 78 | a { 79 | background-color: transparent; 80 | } 81 | /** 82 | * Improve readability of focused elements when they are also in an 83 | * active/hover state. 84 | */ 85 | a:active, 86 | a:hover { 87 | outline: 0; 88 | } 89 | /* Text-level semantics 90 | ========================================================================== */ 91 | /** 92 | * Address styling not present in IE 8/9/10/11, Safari, and Chrome. 93 | */ 94 | abbr[title] { 95 | border-bottom: 1px dotted; 96 | } 97 | /** 98 | * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. 99 | */ 100 | b, 101 | strong { 102 | font-weight: bold; 103 | } 104 | /** 105 | * Address styling not present in Safari and Chrome. 106 | */ 107 | dfn { 108 | font-style: italic; 109 | } 110 | /** 111 | * Address variable `h1` font-size and margin within `section` and `article` 112 | * contexts in Firefox 4+, Safari, and Chrome. 113 | */ 114 | h1 { 115 | font-size: 2em; 116 | margin: 0.67em 0; 117 | } 118 | /** 119 | * Address styling not present in IE 8/9. 120 | */ 121 | mark { 122 | background: #ff0; 123 | color: #000; 124 | } 125 | /** 126 | * Address inconsistent and variable font size in all browsers. 127 | */ 128 | small { 129 | font-size: 80%; 130 | } 131 | /** 132 | * Prevent `sub` and `sup` affecting `line-height` in all browsers. 133 | */ 134 | sub, 135 | sup { 136 | font-size: 75%; 137 | line-height: 0; 138 | position: relative; 139 | vertical-align: baseline; 140 | } 141 | sup { 142 | top: -0.5em; 143 | } 144 | sub { 145 | bottom: -0.25em; 146 | } 147 | /* Embedded content 148 | ========================================================================== */ 149 | /** 150 | * Remove border when inside `a` element in IE 8/9/10. 151 | */ 152 | img { 153 | border: 0; 154 | } 155 | /** 156 | * Correct overflow not hidden in IE 9/10/11. 157 | */ 158 | svg:not(:root) { 159 | overflow: hidden; 160 | } 161 | /* Grouping content 162 | ========================================================================== */ 163 | /** 164 | * Address margin not present in IE 8/9 and Safari. 165 | */ 166 | figure { 167 | margin: 1em 40px; 168 | } 169 | /** 170 | * Address differences between Firefox and other browsers. 171 | */ 172 | hr { 173 | box-sizing: content-box; 174 | height: 0; 175 | } 176 | /** 177 | * Contain overflow in all browsers. 178 | */ 179 | pre { 180 | overflow: auto; 181 | } 182 | /** 183 | * Address odd `em`-unit font size rendering in all browsers. 184 | */ 185 | code, 186 | kbd, 187 | pre, 188 | samp { 189 | font-family: monospace, monospace; 190 | font-size: 1em; 191 | } 192 | /* Forms 193 | ========================================================================== */ 194 | /** 195 | * Known limitation: by default, Chrome and Safari on OS X allow very limited 196 | * styling of `select`, unless a `border` property is set. 197 | */ 198 | /** 199 | * 1. Correct color not being inherited. 200 | * Known issue: affects color of disabled elements. 201 | * 2. Correct font properties not being inherited. 202 | * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. 203 | */ 204 | button, 205 | input, 206 | optgroup, 207 | select, 208 | textarea { 209 | color: inherit; 210 | /* 1 */ 211 | font: inherit; 212 | /* 2 */ 213 | margin: 0; 214 | /* 3 */ 215 | } 216 | /** 217 | * Address `overflow` set to `hidden` in IE 8/9/10/11. 218 | */ 219 | button { 220 | overflow: visible; 221 | } 222 | /** 223 | * Address inconsistent `text-transform` inheritance for `button` and `select`. 224 | * All other form control elements do not inherit `text-transform` values. 225 | * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. 226 | * Correct `select` style inheritance in Firefox. 227 | */ 228 | button, 229 | select { 230 | text-transform: none; 231 | } 232 | /** 233 | * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` 234 | * and `video` controls. 235 | * 2. Correct inability to style clickable `input` types in iOS. 236 | * 3. Improve usability and consistency of cursor style between image-type 237 | * `input` and others. 238 | * 4. CUSTOM FOR WEBFLOW: Removed the input[type="submit"] selector to reduce 239 | * specificity and defer to the .w-button selector 240 | */ 241 | button, 242 | html input[type="button"], 243 | input[type="reset"] { 244 | -webkit-appearance: button; 245 | /* 2 */ 246 | cursor: pointer; 247 | /* 3 */ 248 | } 249 | /** 250 | * Re-set default cursor for disabled elements. 251 | */ 252 | button[disabled], 253 | html input[disabled] { 254 | cursor: default; 255 | } 256 | /** 257 | * Remove inner padding and border in Firefox 4+. 258 | */ 259 | button::-moz-focus-inner, 260 | input::-moz-focus-inner { 261 | border: 0; 262 | padding: 0; 263 | } 264 | /** 265 | * Address Firefox 4+ setting `line-height` on `input` using `!important` in 266 | * the UA stylesheet. 267 | */ 268 | input { 269 | line-height: normal; 270 | } 271 | /** 272 | * It's recommended that you don't attempt to style these elements. 273 | * Firefox's implementation doesn't respect box-sizing, padding, or width. 274 | * 275 | * 1. Address box sizing set to `content-box` in IE 8/9/10. 276 | * 2. Remove excess padding in IE 8/9/10. 277 | */ 278 | input[type="checkbox"], 279 | input[type="radio"] { 280 | box-sizing: border-box; 281 | /* 1 */ 282 | padding: 0; 283 | /* 2 */ 284 | } 285 | /** 286 | * Fix the cursor style for Chrome's increment/decrement buttons. For certain 287 | * `font-size` values of the `input`, it causes the cursor style of the 288 | * decrement button to change from `default` to `text`. 289 | */ 290 | input[type="number"]::-webkit-inner-spin-button, 291 | input[type="number"]::-webkit-outer-spin-button { 292 | height: auto; 293 | } 294 | /** 295 | * 1. Address `appearance` set to `searchfield` in Safari and Chrome. 296 | * 2. CUSTOM FOR WEBFLOW: box-sizing: content-box rule removed 297 | * (similar to normalize.css >=4.0.0) 298 | */ 299 | input[type="search"] { 300 | -webkit-appearance: textfield; 301 | /* 1 */ 302 | } 303 | /** 304 | * Remove inner padding and search cancel button in Safari and Chrome on OS X. 305 | * Safari (but not Chrome) clips the cancel button when the search input has 306 | * padding (and `textfield` appearance). 307 | */ 308 | input[type="search"]::-webkit-search-cancel-button, 309 | input[type="search"]::-webkit-search-decoration { 310 | -webkit-appearance: none; 311 | } 312 | /** 313 | * Define consistent border, margin, and padding. 314 | */ 315 | fieldset { 316 | border: 1px solid #c0c0c0; 317 | margin: 0 2px; 318 | padding: 0.35em 0.625em 0.75em; 319 | } 320 | /** 321 | * 1. Correct `color` not being inherited in IE 8/9/10/11. 322 | * 2. Remove padding so people aren't caught out if they zero out fieldsets. 323 | */ 324 | legend { 325 | border: 0; 326 | /* 1 */ 327 | padding: 0; 328 | /* 2 */ 329 | } 330 | /** 331 | * Remove default vertical scrollbar in IE 8/9/10/11. 332 | */ 333 | textarea { 334 | overflow: auto; 335 | } 336 | /** 337 | * Don't inherit the `font-weight` (applied by a rule above). 338 | * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. 339 | */ 340 | optgroup { 341 | font-weight: bold; 342 | } 343 | /* Tables 344 | ========================================================================== */ 345 | /** 346 | * Remove most spacing between table cells. 347 | */ 348 | table { 349 | border-collapse: collapse; 350 | border-spacing: 0; 351 | } 352 | td, 353 | th { 354 | padding: 0; 355 | } 356 | -------------------------------------------------------------------------------- /imports/ui/Dashboard.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react'; 2 | import Header from './Header'; 3 | 4 | class Dashboard extends Component { 5 | goTo(path) { 6 | const { history } = this.props 7 | history.push(path) 8 | } 9 | 10 | render() { 11 | return ( 12 |
13 |
14 |
15 |
16 | this.goTo('art-order')} className="btn w-button">NEW Art Order 17 | this.goTo('av-order')} className="btn w-button">NEW AUDIO/VIDEO Order 18 |
19 |
20 |
21 |
22 |

orderS

23 |
24 | 54 |
55 |
56 |
Sep 28, 2017
57 |
58 |
59 |
Alice In Chains
60 |
61 |
62 |
Houston
63 |
64 |
65 |
Bayou City Music Center
66 |
67 |
68 |
Ordered
69 |
70 |
71 |
Sep 28, 2017
72 |
73 |
74 |
Audio/Video
75 |
76 |
View orderView order
77 |
78 |
79 |
80 |
Sep 28, 2017
81 |
82 |
83 |
Alice In Chains
84 |
85 |
86 |
Houston
87 |
88 |
89 |
Bayou City Music Center
90 |
91 |
92 |
Ordered
93 |
94 |
95 |
Sep 28, 2017
96 |
97 |
98 |
Art (rev)
99 |
100 |
101 |
102 |
103 |
104 |
105 |

DraftS

106 |
107 | 137 |
138 |
139 |
Sep 28, 2017
140 |
141 |
142 |
Alice In Chains
143 |
144 |
145 |
Houston
146 |
147 |
148 |
Bayou City Music Center
149 |
150 |
151 |
Draft
152 |
153 |
154 |
-
155 |
156 |
157 |
Audio/Video
158 |
159 |
160 |
161 |
162 |
163 |
Sep 28, 2017
164 |
165 |
166 |
Alice In Chains
167 |
168 |
169 |
Houston
170 |
171 |
172 |
Bayou City Music Center
173 |
174 |
175 |
Draft
176 |
177 |
178 |
-
179 |
180 |
181 |
Art
182 |
183 |
184 |
185 |
186 |
187 |
188 |
189 | ) 190 | } 191 | } 192 | 193 | export default Dashboard 194 | -------------------------------------------------------------------------------- /imports/ui/Account.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import Header from './Header'; 3 | 4 | const Account = () => ( 5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
1
14 |
15 |
16 |
Account Information
17 |
18 |
19 |
20 |
21 |
22 |
23 |

6 characters minimum

24 |
25 |
26 |

6 characters minimum

27 |
28 |
29 |
30 |
36 |
37 |
38 |
39 |
40 |
41 |
2
42 |
43 |
44 |
Client information
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
55 |
56 |
57 |
58 |
59 |
60 |
61 |
62 |
63 |
64 |
65 |
66 |
67 |
68 |
69 |
73 |
74 |
75 |
76 |
77 |
78 |
79 |
80 |
85 |
86 |
87 |
88 |
89 |
90 |
91 |
92 |
93 |
3
94 |
95 |
96 |
Billing Information
97 |
98 |
99 |
100 |
101 |
102 |
103 |
104 |
109 |
110 |
111 |
112 |
113 |
114 |
115 |
116 |
117 |
118 |
119 |
120 |
121 |
122 |
123 | 124 |
125 |
126 | 127 |
128 |
Note: We will only send invoices via email unless otherwise established with your AE or accounting.
129 |
130 |
131 | 132 |
133 |
134 |
Thank you! Your order has been received.
135 |
136 |
In the meantime, connect with us on social to stay up to date on the latest tours:
137 |
138 |
139 |
Oops! Something went wrong while submitting the form.
140 |
141 |
142 |
143 |
144 | ) 145 | 146 | export default Account 147 | -------------------------------------------------------------------------------- /imports/ui/ArtOrder.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import Header from './Header'; 3 | 4 | const ArtOrder = () => ( 5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
1
14 |
15 |
16 |
Due Date
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |

1hr turnaround for Internet Rush orders from 9am – 5pm CST

25 |

Standard orders begin processing at 1:30pm CST, with a 5pm cutoff. $35 service charge added for rush orders.

26 |

Orders received after 5pm will be marked as Rush when needed for the same day.

27 |
28 |
29 |
30 |
31 |
32 |
2
33 |
34 |
35 |
Client information
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |