{"version":3,"sources":["logo.svg","NavMain.js","Art.js","Gallery.js","Custom.js","Custom2.js","Custom3.js","Custom4.js","Custom5.js","Custom6.js","Custom7.js","Videos.js","Techniques.js","Bio.js","Contact.js","App.js","reportWebVitals.js","index.js"],"names":["NavMain","className","role","Navbar","collapseOnSelect","expand","bg","variant","id","Toggle","aria-controls","Collapse","Nav","Link","href","to","style","textDecoration","Art","props","state","isOpen","originalVisibility","showModal","bind","hideModal","toggleImage","this","setState","toggle","woodArrayKey","eachArt","woodListKey","woodArrayValue","woodListValue","displayedImage","src","srcOriginal","width","alt","onClick","Modal","show","onHide","dialogClassName","Header","Body","dimensions","price","name","sold","React","Component","Gallery","createArtworkArray","json","require","console","log","artArray","JSON","stringify","Artwork","map","Custom","data-aos","data-aos-duration","Custom2","Custom3","Custom4","Custom5","Custom6","Custom7","Videos","height","title","frameborder","allow","allowfullscreen","Techniques","Bio","Contact","App","path","exact","component","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","document","getElementById"],"mappings":"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","file":"static/js/main.62d61784.chunk.js","sourcesContent":["function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", {\n  fill: \"#61DAFB\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z\"\n}), /*#__PURE__*/React.createElement(\"circle\", {\n  cx: 420.9,\n  cy: 296.5,\n  r: 45.7\n}), /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M520.5 78.1z\"\n}));\n\nfunction SvgLogo(_ref, svgRef) {\n  var title = _ref.title,\n      titleId = _ref.titleId,\n      props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 841.9 595.3\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _ref2);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgLogo);\nexport default __webpack_public_path__ + \"static/media/logo.6ce24c58.svg\";\nexport { ForwardRef as ReactComponent };","import React from \"react\";\r\nimport \"./navMain.css\";\r\nimport { Nav, Navbar, NavDropdown } from \"react-bootstrap\";\r\nimport { ReactComponent as Logo } from \"./logo.svg\";\r\nimport {Link} from \"react-router-dom\";\r\n\r\n\r\nfunction NavMain() {\r\n\r\n    return(\r\n        <div className=\"navigationContainer\" role=\"navigation\">\r\n\r\n\r\n            <Navbar collapseOnSelect expand=\"xl\" bg=\"{background-color}\" variant=\"dark\" id=\"mobile\">\r\n                \r\n                <Navbar.Toggle aria-controls=\"responsive-navbar-nav\" id=\"menuButtonIcon\" />\r\n\r\n                <div id=\"mobileTitle\">\r\n                    <div>Bingham Inlay Arts</div>\r\n                </div>\r\n\r\n                <Navbar.Collapse id=\"responsive-navbar-nav\">\r\n                    <Nav className=\"dropdownLinks\">\r\n                        <Nav.Link className=\"nav-link\" href=\"/\" id=\"galleryMobileLink\">Gallery</Nav.Link>\r\n                        <Nav.Link className=\"nav-link\" href=\"/custom\" id=\"customMobileLink\">Custom</Nav.Link>\r\n                        <Nav.Link className=\"nav-link\" href=\"/videos\" id=\"videosMobileLink\">Videos</Nav.Link>\r\n                        <Nav.Link className=\"nav-link\" href=\"/techniques\" id=\"tecniquesMobileLink\">Tecniques</Nav.Link>\r\n                        <Nav.Link className=\"nav-link\" href=\"/bio\" id=\"bioMobileLink\">Biography</Nav.Link>\r\n                        <Nav.Link className=\"nav-link\" href=\"/contact\" id=\"contactMobileLink\">Contact</Nav.Link>\r\n                        <br></br>\r\n                        <br></br>\r\n                    </Nav>\r\n                </Navbar.Collapse>\r\n            </Navbar>\r\n\r\n            <span className=\"title\">\r\n                <div>Bingham Inlay Arts</div>\r\n            </span>\r\n\r\n            <div className=\"links\">\r\n                <Link to=\"/\" style={{ textDecoration: \"none\" }} className=\"link\" id=\"galleryDesktopLink\" >Gallery</Link>\r\n                <Link to=\"/custom\" style={{ textDecoration: \"none\" }} className=\"link\" id=\"customDesktopLink\" >Custom</Link>\r\n                <Link to=\"/videos\" style={{ textDecoration: \"none\" }} className=\"link\" id=\"videoDesktopLink\" >Videos</Link>\r\n                <Link to=\"/techniques\" style={{ textDecoration: \"none\" }} className=\"link\" id=\"tecniquesDesktopLink\" >Tecniques</Link>\r\n                <Link to=\"/bio\" style={{ textDecoration: \"none\" }} className=\"link\" id=\"bioDesktopLink\" >Bio</Link>\r\n                <Link to=\"/contact\" style={{ textDecoration: \"none\" }} className=\"link\" id=\"contactDesktopLink\" >Contact</Link>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default NavMain;","import React from \"react\";\r\nimport Modal from \"react-bootstrap/Modal\";\r\nimport \"bootstrap/dist/css/bootstrap.min.css\";\r\nimport \"./art.css\";\r\n\r\n//import Popup from 'reactjs-popup';\r\n//import { isElementOfType } from \"react-dom/test-utils\";\r\n\r\nclass Art extends React.Component {\r\n    constructor(props) {\r\n        super(props);\r\n        this.state={\r\n            isOpen: false,\r\n            originalVisibility: false,\r\n        };\r\n        this.showModal=this.showModal.bind(this);\r\n        this.hideModal=this.hideModal.bind(this);\r\n        this.toggleImage=this.toggleImage.bind(this);\r\n    };\r\n\r\n    showModal() {\r\n        this.setState({\r\n            isOpen: true\r\n        })\r\n    };\r\n\r\n    hideModal() {\r\n        this.setState({\r\n            isOpen: false\r\n        })\r\n    };\r\n\r\n    toggleImage() {\r\n        let toggle = !this.state.originalVisibility;\r\n        this.setState({originalVisibility: toggle});\r\n    }\r\n\r\n    render() {\r\n\r\n        let woodArrayKey = this.props.eachArt.woodListKey;\r\n        let woodArrayValue = this.props.eachArt.woodListValue;        \r\n        let displayedImage = this.state.originalVisibility ? <img id=\"originalPhoto\" src={`${this.props.eachArt.srcOriginal}`} width=\"100%\" alt=\"Art\" onClick={this.toggleImage} /> : <img id=\"photo\" src={`${this.props.eachArt.src}`} width=\"100%\" alt=\"Art original\" onClick={this.toggleImage} />;\r\n\r\n        return(\r\n            <div id=\"artElement\" className='artElement'>\r\n                <img className=\"galleryImage\" src={`${this.props.eachArt.src}`} alt=\"gallery art\" onClick={this.showModal}></img>\r\n                        <Modal show={this.state.isOpen} onHide={this.hideModal} dialogClassName={\"primaryModal\"}>\r\n                            <Modal.Header onClick={this.hideModal} className=\"close\">X</Modal.Header>\r\n                            <Modal.Body className=\"modalBodyStyle\">\r\n                                \r\n                                {displayedImage}\r\n                                <span id=\"toggleText\">Click image to show the original photo</span>\r\n                                <div>\r\n                                <span id=\"dimensions\">\r\n                                    Dimensions: {this.props.eachArt.dimensions}\r\n                                </span>\r\n                                <span id=\"price\">\r\n                                    Price: {this.props.eachArt.price}\r\n                                </span>\r\n                                </div>\r\n                                <div id=\"woodsUsed\">\r\n                                    <span>Woods Used:</span>\r\n                                </div>\r\n                                <div className=\"woodKeysAndValues\">\r\n                                    <div id=\"woodKeys\">\r\n                                        {woodArrayKey}\r\n                                    </div>\r\n                                    <div id=\"woodValues\">\r\n                                        {woodArrayValue}\r\n                                    </div>\r\n                                    <br></br><br></br>\r\n                                </div>\r\n                            </Modal.Body>\r\n                        </Modal>\r\n                <div id=\"artCaption\">{this.props.eachArt.name}</div>\r\n                <div id=\"sold\">{this.props.eachArt.sold}</div>\r\n                <br></br>\r\n            </div>\r\n        );\r\n    }\r\n}\r\n\r\nexport default Art;","import React from \"react\";\r\nimport \"./gallery.css\";\r\nimport Art from \"./Art.js\";\r\n\r\n//Preventing right-click > save Image (I know they can just do printScreen, but that is in low res)\r\n//document.addEventListener('contextmenu', event => event.preventDefault());\r\n\r\nclass Gallery extends React.Component {\r\n    constructor(props) {\r\n        super(props);\r\n\r\n        this.createArtworkArray = this.createArtworkArray.bind(this);\r\n    };\r\n\r\n    createArtworkArray() {\r\n        const json = require(\"./artwork.json\");\r\n        console.log(json);\r\n        //let artArray = json.map(eachItem => {return eachItem});\r\n        return json;\r\n    };\r\n\r\n\r\n    render() {\r\n        let artArray = this.createArtworkArray();\r\n        console.log(\"This is artArray \" + JSON.stringify(artArray.Artwork[0].name));\r\n        return(\r\n\r\n            <div id=\"gallery\">\r\n                <img id=\"splash\" src=\"./images/indexSplashHD.jpg\" alt=\"Closeup of sanding marquetry artwork\" />\r\n                <img className=\"arrow\" src=\"./images/misc/arrowDown.gif\" alt=\"Cue to scroll down for more content.\" />\r\n                <div className=\"galleryBackground\">\r\n                    <div id=\"textContent\">No stains used ~ Only natural exotic woods</div>\r\n                </div>\r\n                <div className=\"artContainer\">\r\n                    {artArray.Artwork.map(eachArt => {return <Art eachArt={eachArt} key={eachArt.id} />})}\r\n                </div>\r\n                <footer className=\"footer\">\r\n\r\n                </footer>\r\n            </div>\r\n        );\r\n    };\r\n};\r\n\r\nexport default Gallery;","import React from \"react\";\r\nimport \"./custom.css\";\r\n\r\n//Preventing right-click > save Image (I know they can just do printScreen, but that is in low res)\r\n//document.addEventListener('contextmenu', event => event.preventDefault());\r\n\r\nfunction Custom() {\r\n    return(\r\n        <div className=\"customContainer\">\r\n            <div className=\"titleBlock\" id=\"verticalInflate\">\r\n                    Custom Marquetry By Commission\r\n            </div>\r\n            <div className=\"imageContainer\">\r\n                <img src=\"./images/misc/handWork2.jpg\" className=\"titleImage\" alt=\"Very detailed artwork showing the top of a wooden boat\" data-aos=\"fade\" data-aos-duration=\"2500\" />\r\n            </div>\r\n            <br></br>\r\n            <div className=\"textContent\">\r\n                <p>\r\n                    If you are curious about having custom artwork made in wood marquetry, getting an estimate is simple. Click the link below for a tour of the process.\r\n                </p>\r\n            </div>\r\n            <a href=\"/custom2\">\r\n                <div className=\"imageContainer\">\r\n                    <button className=\"tour\" data-aos=\"fade\" data-aos-duration=\"3000\">\r\n                        Take a tour\r\n                    </button>\r\n                </div>\r\n            </a>\r\n            <div className=\"textContent\">\r\n                <p>\r\n                    Or, scroll down to see several examples of commission work I have done.\r\n                </p>\r\n            </div>\r\n            <div className=\"imageContainer\">\r\n                <img className=\"arrow\" src=\"./images/misc/arrowDown.gif\" alt=\"Cue to scroll down for more content.\" />\r\n            </div>\r\n            <div>\r\n                <br></br><br></br>\r\n                <h5 className=\"titleBlock\">\r\n                    Custom work with original photos\r\n                </h5>\r\n            </div>\r\n            <br></br>\r\n            <div className=\"textContent\">\r\n                <p>\r\n                    This is a good example of a boat with moderate detail showing on the boat, but no significant background.\r\n                </p>\r\n            </div>\r\n            <div className=\"imageContainer\">\r\n                <img src=\"./images/commission/commission1.jpg\" className=\"artAndOriginal\" alt=\"Artwork with moderate boat detail. But, very little background detail\" data-aos=\"fade\" data-aos-duration=\"2500\" />\r\n            </div>\r\n            <div className=\"textContent\">\r\n                <br></br><br></br><br></br>\r\n                <p>\r\n                    Here is an example of a scene with several complex objects in abundant detail. This took a very long time to complete.\r\n                </p>\r\n            </div>\r\n            <div className=\"imageContainer\">\r\n                <img src=\"./images/commission/broughtonFull.jpg\" className=\"artAndOriginal\" alt=\"Artwork with an enourmous amount of detail that took a long time to create.\" data-aos=\"fade\" data-aos-duration=\"2500\" />\r\n            </div>\r\n            <div className=\"textContent\">\r\n                <br></br><br></br><br></br><br></br>\r\n                <p>\r\n                    This piece was difficult to source just the right woods to create the aged grey dock and other highly unique woods with just the right grain patterns.\r\n                </p>\r\n            </div>\r\n            <div className=\"imageContainer\">\r\n                <img src=\"./images/commission/alexFull.jpg\" className=\"artAndOriginal\" alt=\"Beautiful antique wooden boat tied to an old grey dock.\" data-aos=\"fade\" data-aos-duration=\"2500\" />\r\n            </div>\r\n            <div className=\"textContent\">\r\n                <br></br>\r\n                <p>\r\n                    There is only one way to know the exact price of recreating your favorite photograph into marquetry. Send in a few images and I can reply with several pricing options so that you can pick what best matches your needs.\r\n                    It is a quick and easy way to indulge your curiosity, and there is no obligation.\r\n                    send digital images to:  bing.inlay@gmail.com\r\n                </p>\r\n                <br></br><br></br>\r\n                <p>\r\n                    This next piece came from a lady who I met at a classic boat show in Lake Geneva, Wisconsin. She knew her husband enjoyed my work from the many examples I had displayed. She wanted to get him something very special for Christmas.\r\n                </p>\r\n                <p>\r\n                    She mentioned that she had a photograph of his boyhood home, and a 1956 Thunderbird that his dad owned and he later inherited. I was asked if I could make a picture with the car parked in front of the house. I agreed. He was very touched by the gift since both things had so much meaning for him.\r\n                </p>\r\n                <p>\r\n                    Here are the photos I was given:\r\n                </p>\r\n            </div>\r\n            <div className=\"imageContainer\">\r\n                <img src=\"./images/commission/commission2.jpg\" className=\"artAndOriginal\" alt=\"Original shot of the home he grew up in.\" data-aos=\"fade\" data-aos-duration=\"2500\" />\r\n            </div>\r\n            <div className=\"textContent\">\r\n                <br></br>\r\n                <p>\r\n                    This is what I created from those original photos...\r\n                </p>\r\n            </div>\r\n            <div className=\"imageContainer\">\r\n                <img src=\"./images/commission/commission2a.jpg\" className=\"customArtwork\" alt=\"The final artwork with the car partked in front of the house.\" data-aos=\"fade\" data-aos-duration=\"2500\" />\r\n            </div>\r\n            <div className=\"textContent\">\r\n                <br></br><br></br><br></br>\r\n                <p>\r\n                    This piece is of a lighthouse on Beaver Island, Michigan. The lady for whom it was commissioned lived on Beaver Island for a decade, or so. She wanted something made that reminded her of the time she spent there. She sent photographs of a lighthouse, a tugboat that she owned while she was there, and the Beaver Island ferry. After giving her all of the pricing options, she chose to have the lighthouse made.\r\n                </p>\r\n            </div>\r\n            <div className=\"imageContainer\">\r\n                <img src=\"./images/commission/commission3.jpg\" className=\"artAndOriginal\" alt=\"Artwork created of the Beaver Island lighthouse.\" data-aos=\"fade\" data-aos-duration=\"2500\" />\r\n            </div>\r\n            <div className=\"textContent\">\r\n                <br></br><br></br><br></br>\r\n                <p>\r\n                    These are a pair of perpetual awards plaques that I made for a Michigan boat show. They are both about 1.5 inches thick.\r\n                </p>\r\n            </div>\r\n            <div className=\"imageContainer\">\r\n                <img src=\"./images/commission/commission4a.jpg\" className=\"customArtwork\" alt=\"Award plaques\" data-aos=\"fade\" data-aos-duration=\"2500\" />\r\n            </div>\r\n            <div className=\"textContent\">\r\n                <br></br><br></br><br></br>\r\n                <p>\r\n                    This is a 12 foot long mural made up of 3 panels. The customer wanted to mount them on the outside of his home in Washington. The scene depicts the view he has around his home. We had an agreement that I would put the best weather-proof finish on the mural, but could not warranty it from damage as my work is meant to be interior. I received some tips from local woodworkers that I passed on to him for regular maintenance that could help preserve it long-term.\r\n                </p>\r\n            </div>\r\n            <div className=\"imageContainer\">\r\n                <img src=\"./images/commission/fullMural.jpg\" className=\"mural\" alt=\"Full mural made of 3 pieces.\" data-aos=\"fade\" data-aos-duration=\"2500\" />\r\n            </div>\r\n            <br></br>\r\n            <div className=\"imageContainer\">\r\n                <img src=\"./images/commission/muralFull.jpg\" className=\"artAndOriginal\" alt=\"This is the installation of the mural artwork.\" data-aos=\"fade\" data-aos-duration=\"2500\" />\r\n            </div>\r\n            <div className=\"textContent\">\r\n                <br></br><br></br><br></br>\r\n                <p>\r\n                    This donor plaque was made for the Grand Haven, MI library.\r\n                </p>\r\n            </div>\r\n            <div className=\"imageContainer\">\r\n                <img src=\"./images/commission/grandhavenplaque.jpg\" className=\"customArtwork\" alt=\"Library plaque.\" data-aos=\"fade\" data-aos-duration=\"2500\" />\r\n            </div>\r\n            <br></br>\r\n            <div className=\"imageContainer\">\r\n                <img src=\"./images/commission/grandhavenplaque2.jpg\" className=\"customArtwork\" alt=\"Library plaque being installed by artist.\" data-aos=\"fade\" data-aos-duration=\"2500\" />\r\n            </div>\r\n            <div className=\"textContent\">\r\n                <br></br>\r\n                <p>\r\n                    Send in your photographs now for a free price quote!\r\n\r\n                    bing.inlay@gmail.com\r\n                </p>\r\n            </div>\r\n            <br></br><br></br>\r\n        </div>\r\n        \r\n    );\r\n};\r\n\r\n\r\nexport default Custom","import React from \"react\";\r\nimport \"./custom2.css\";\r\n\r\n//Preventing right-click > save Image (I know they can just do printScreen, but that is in low res)\r\n//document.addEventListener('contextmenu', event => event.preventDefault());\r\n\r\nfunction Custom2() {\r\n    return(\r\n        <a className=\"customContainer\" href=\"/custom3\">\r\n            <div className=\"liliesBorder\">\r\n                <img src=\"./images/liliesBorder.jpg\" className=\"liliesBorderImage\" alt=\"Decoration\" />\r\n            </div>\r\n            <div className=\"slideContainer\" id=\"slide2\">\r\n                <div className=\"stepContainer\">\r\n                    <span className=\"stepBox\"></span>\r\n                    <span className=\"stepText\">\r\n                        Sending Photos\r\n                    </span>\r\n                    <span className=\"arrowFloat\">\r\n                        <img className=\"rightArrow\" src=\"./images/misc/arrowright2.gif\" alt=\"cue to click for next slide.\"></img>\r\n                    </span>\r\n                </div>\r\n            </div>\r\n            <div className=\"instructions\">\r\n                <div className=\"instructionText\">\r\n                    Send several photos that you like and I will give a price range on each one. The quote will contain an explanation of what details will be included for the low, medium and high end of the price range.\r\n                </div>\r\n                <img className=\"instructionImage\" src=\"./images/commission/submittedPhotos.jpg\" alt=\"examples of photos submitted for quote.\"></img>\r\n            </div>\r\n        </a>\r\n    );\r\n};\r\n\r\n\r\nexport default Custom2","import React from \"react\";\r\nimport \"./custom2.css\";\r\n\r\n//Preventing right-click > save Image (I know they can just do printScreen, but that is in low res)\r\n//document.addEventListener('contextmenu', event => event.preventDefault());\r\n\r\nfunction Custom3() {\r\n    return(\r\n        <a className=\"customContainer\" href=\"/custom4\">\r\n            <div className=\"liliesBorder\">\r\n                <img src=\"./images/liliesBorder.jpg\" className=\"liliesBorderImage\" alt=\"Decoration\" />\r\n            </div>\r\n            <div className=\"slideContainer\" id=\"slide2\">\r\n                <div className=\"stepContainer\">\r\n                    <span className=\"stepBox\"></span>\r\n                    <span className=\"stepText\">\r\n                        Photo Choice\r\n                    </span>\r\n                    <span className=\"arrowFloat\">\r\n                        <img className=\"rightArrow\" src=\"./images/misc/arrowright2.gif\" alt=\"cue to click for next slide.\"></img>\r\n                    </span>\r\n                </div>\r\n            </div>\r\n            <div className=\"instructions\">\r\n                <div className=\"instructionText\">\r\n                    A photo showing more complexity will add expense. For example, the one showing the top of the boat requires many more pieces to be cut than the one that does not show the top of the boat.\r\n                </div>\r\n                <img className=\"instructionImage\" src=\"./images/commission/detailAngle.png\" alt=\"Examples of high image detail and low image detail.\"></img>\r\n            </div>\r\n        </a>\r\n    );\r\n};\r\n\r\n\r\nexport default Custom3","import React from \"react\";\r\nimport \"./custom2.css\";\r\n\r\n//Preventing right-click > save Image (I know they can just do printScreen, but that is in low res)\r\n//document.addEventListener('contextmenu', event => event.preventDefault());\r\n\r\nfunction Custom4() {\r\n    return(\r\n        <a className=\"customContainer\" href=\"/custom5\">\r\n            <div className=\"liliesBorder\">\r\n                <img src=\"./images/liliesBorder.jpg\" className=\"liliesBorderImage\" alt=\"Decoration\" />\r\n            </div>\r\n            <div className=\"slideContainer\" id=\"slide2\">\r\n                <div className=\"stepContainer\">\r\n                    <span className=\"stepBox\"></span>\r\n                    <span className=\"stepText\">\r\n                        How I can affect detail\r\n                    </span>\r\n                    <span className=\"arrowFloat\">\r\n                        <img className=\"rightArrow\" src=\"./images/misc/arrowright2.gif\" alt=\"cue to click for next slide.\"></img>\r\n                    </span>\r\n                </div>\r\n            </div>\r\n            <div className=\"instructions\">\r\n                <div className=\"instructionText\">\r\n                    I can help to bring the picture you like into your price range by using wood grain patterns to mimic detail that would otherwise need to be hand cut. The tree on the left was difficult to cut while the trees on the right was more plain.\r\n                </div>\r\n                <img className=\"instructionImage\" src=\"./images/commission/treeDetailLevel.jpg\" alt=\"Different methods can replace cutting detail work.\"></img>\r\n            </div>\r\n        </a>\r\n    );\r\n};\r\n\r\n\r\nexport default Custom4","import React from \"react\";\r\nimport \"./custom2.css\";\r\n\r\n//Preventing right-click > save Image (I know they can just do printScreen, but that is in low res)\r\n//document.addEventListener('contextmenu', event => event.preventDefault());\r\n\r\nfunction Custom5() {\r\n    return(\r\n        <a className=\"customContainer\" href=\"/custom6\">\r\n            <div className=\"liliesBorder\">\r\n                <img src=\"./images/liliesBorder.jpg\" className=\"liliesBorderImage\" alt=\"Decoration\" />\r\n            </div>\r\n            <div className=\"slideContainer\" id=\"slide2\">\r\n                <div className=\"stepContainer\">\r\n                    <span className=\"stepBox\"></span>\r\n                    <span className=\"stepText\">\r\n                        The Line Drawing\r\n                    </span>\r\n                    <span className=\"arrowFloat\">\r\n                        <img className=\"rightArrow\" src=\"./images/misc/arrowright2.gif\" alt=\"cue to click for next slide.\"></img>\r\n                    </span>\r\n                </div>\r\n            </div>\r\n            <div className=\"instructions\">\r\n                <div className=\"instructionText\">\r\n                    You will be sent a large scale drawing that shows every piece that would need to be cut for that level of detail. You can examine it and make suggestions for improvements or changes.\r\n                </div>\r\n                <img className=\"instructionImage\" src=\"./images/commission/lineDrawing.jpg\" alt=\"Line drawing shown for an old english inn.\"></img>\r\n            </div>\r\n        </a>\r\n    );\r\n};\r\n\r\n\r\nexport default Custom5","import React from \"react\";\r\nimport \"./custom2.css\";\r\n\r\n//Preventing right-click > save Image (I know they can just do printScreen, but that is in low res)\r\n//document.addEventListener('contextmenu', event => event.preventDefault());\r\n\r\nfunction Custom6() {\r\n    return(\r\n        <a className=\"customContainer\" href=\"/custom7\">\r\n            <div className=\"liliesBorder\">\r\n                <img src=\"./images/liliesBorder.jpg\" className=\"liliesBorderImage\" alt=\"Decoration\" />\r\n            </div>\r\n            <div className=\"slideContainer\" id=\"slide2\">\r\n                <div className=\"stepContainer\">\r\n                    <span className=\"stepBox\"></span>\r\n                    <span className=\"stepText\">\r\n                        Artistic progress\r\n                    </span>\r\n                    <span className=\"arrowFloat\">\r\n                        <img className=\"rightArrow\" src=\"./images/misc/arrowright2.gif\" alt=\"cue to click for next slide.\"></img>\r\n                    </span>\r\n                </div>\r\n            </div>\r\n            <div className=\"instructions\">\r\n                <div className=\"instructionText\">\r\n                    As I am creating your artwork, I usually send progress photos by email every 2 or 3 days. My clients always enjoy this part. But, it also serves a purpose... If there is something that doesn't look quite right, you can mention it and I will make adjustments. It is easier to do it at that point, than when I am further along. This ensures you get exactly what you want.\r\n                </div>\r\n                <img className=\"instructionImage\" src=\"./images/commission/progressReport.jpg\" alt=\"examples of photos submitted for quote.\"></img>\r\n            </div>\r\n        </a>\r\n    );\r\n};\r\n\r\n\r\nexport default Custom6","import React from \"react\";\r\nimport \"./custom2.css\";\r\n\r\n//Preventing right-click > save Image (I know they can just do printScreen, but that is in low res)\r\n//document.addEventListener('contextmenu', event => event.preventDefault());\r\n\r\nfunction Custom7() {\r\n    return(\r\n        <a className=\"customContainer\" href=\"/custom\">\r\n            <div className=\"liliesBorder\">\r\n                <img src=\"./images/liliesBorder.jpg\" className=\"liliesBorderImage\" alt=\"Decoration\" />\r\n            </div>\r\n            <div className=\"slideContainer\" id=\"slide2\">\r\n                <div className=\"stepContainer\">\r\n                    <span className=\"stepBox\"></span>\r\n                    <span className=\"stepText\">\r\n                        Artwork Delivered\r\n                    </span>\r\n                    <span className=\"arrowFloat\">\r\n                        <img className=\"rightArrow\" src=\"./images/misc/arrowright2.gif\" alt=\"cue to click for next slide.\"></img>\r\n                    </span>\r\n                </div>\r\n            </div>\r\n            <div className=\"instructions\">\r\n                <div className=\"instructionText\">\r\n                    Once finished, I securely package the artwork and ship it out to you to enjoy!\r\n                </div>\r\n                <img className=\"instructionImage\" src=\"./images/commission/englishInnDelivered.jpg\" alt=\"examples of photos submitted for quote.\"></img>\r\n            </div>\r\n        </a>\r\n    );\r\n};\r\n\r\n\r\nexport default Custom7","import React from \"react\";\r\nimport \"./videos.css\";\r\n\r\nfunction Videos() {\r\n    return(\r\n        <div className=\"videosContainer\">\r\n            <div className=\"topLine\">\r\n                <h3>\r\n                    Watch the creative process\r\n                </h3>\r\n            </div>\r\n            <div className=\"descriptionContent\">\r\n                <div className=\"description\">\r\n                    When you order custom artwork, you will receive a DVD that shows the process of your piece being created. It will look similar to this example:\r\n                </div>\r\n            </div>\r\n            <div className=\"videoBox\">\r\n                <iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/OQKfZ-2ekxo?rel=0&fs=1&modestbranding=1\" title=\"Bingham Inlay Arts\" frameborder=\"0\" allow=\"fullscreen\" allowfullscreen></iframe>\r\n            </div>\r\n            <div className=\"videoBox\">\r\n                <iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/qYkWjz8NK24?rel=0&fs=1&modestbranding=1\" title=\"Bingham Inlay Arts\" frameborder=\"0\" allow=\"fullscreen\" allowfullscreen></iframe>\r\n            </div>\r\n            <div className=\"descriptionContent\">\r\n                <div className=\"description\">\r\n                    Have your boat or home transformed into marquetry!\r\n                </div>\r\n            </div>\r\n            <div className=\"videoBox\">\r\n                <iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/tnb3ASa-KMA?rel=0&fs=1&modestbranding=1\" title=\"Bingham Inlay Arts\" frameborder=\"0\" allow=\"fullscreen\" allowfullscreen></iframe>\r\n            </div>\r\n            <div className=\"descriptionContent\">\r\n                <div className=\"description\">\r\n                    Time lapse video showing knife cutting a single part at 2.5 times normal speed.\r\n                </div>\r\n            </div>\r\n            <div className=\"videoBox\">\r\n                <iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/vUvH5AMyWpg?rel=0&fs=1&modestbranding=1\" title=\"Bingham Inlay Arts\" frameborder=\"0\" allow=\"fullscreen\" allowfullscreen></iframe>\r\n            </div>\r\n            <div className=\"descriptionContent\">\r\n                <div className=\"description\">\r\n                    Here is an extra example of the magic of applying the first coat of finish...\r\n                </div>\r\n            </div>\r\n            <div className=\"videoBox\">\r\n                <iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/FsbJEpSR2jI?rel=0&fs=1&modestbranding=1\" title=\"Bingham Inlay Arts\" frameborder=\"0\" allow=\"fullscreen\" allowfullscreen></iframe>\r\n            </div>\r\n            <div className=\"descriptionContent\">\r\n                <div className=\"description\">\r\n                    Here is a progress video of an english inn created in marquetry.\r\n                </div>\r\n            </div>\r\n            <div className=\"videoBox\">\r\n                <iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/d993Ruxy9mM?rel=0&fs=1&modestbranding=1\" title=\"Bingham Inlay Arts\" frameborder=\"0\" allow=\"fullscreen\" allowfullscreen></iframe>\r\n            </div>\r\n            <div className=\"descriptionContent\">\r\n                <div className=\"description\">\r\n                    This was a wedding present. It is the chapel they were married in.\r\n                </div>\r\n            </div>\r\n\r\n\r\n\r\n            <div className=\"videoBox\">\r\n                <iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/ZDAUcuo35Ag?rel=0&fs=1&modestbranding=1\" title=\"Bingham Inlay Arts\" frameborder=\"0\" allow=\"fullscreen\" allowfullscreen></iframe>\r\n            </div>\r\n            <div>\r\n                <h5>\r\n                    Here are several 'first coat of finish' videos:\r\n                </h5>\r\n            </div>\r\n            <div className=\"videoBox\">\r\n                <iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/2FXnGhgNhiY?rel=0&fs=1&modestbranding=1\" title=\"Bingham Inlay Arts\" frameborder=\"0\" allow=\"fullscreen\" allowfullscreen></iframe>\r\n            </div>\r\n            <div className=\"videoBox\">\r\n                <iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/G67FeJnfXy8?rel=0&fs=1&modestbranding=1\" title=\"Bingham Inlay Arts\" frameborder=\"0\" allow=\"fullscreen\" allowfullscreen></iframe>\r\n            </div>\r\n            <div className=\"videoBox\">\r\n                <iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/1l1d8lpYmPo?rel=0&fs=1&modestbranding=1\" title=\"Bingham Inlay Arts\" frameborder=\"0\" allow=\"fullscreen\" allowfullscreen></iframe>\r\n            </div>\r\n            <div className=\"videoBox\">\r\n                <iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/CiNsYne0bss?rel=0&fs=1&modestbranding=1\" title=\"Bingham Inlay Arts\" frameborder=\"0\" allow=\"fullscreen\" allowfullscreen></iframe>\r\n            </div>\r\n            <div className=\"videoBox\">\r\n                <iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/I04_FTIX4Eo?rel=0&fs=1&modestbranding=1\" title=\"Bingham Inlay Arts\" frameborder=\"0\" allow=\"fullscreen\" allowfullscreen></iframe>\r\n            </div>\r\n            <div className=\"videoBox\">\r\n                <iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/tnb3ASa-KMA?rel=0&fs=1&modestbranding=1\" title=\"Bingham Inlay Arts\" frameborder=\"0\" allow=\"fullscreen\" allowfullscreen></iframe>\r\n            </div>\r\n            <div className=\"videoBox\">\r\n                <iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/NjIP-glCo3k?rel=0&fs=1&modestbranding=1\" title=\"Bingham Inlay Arts\" frameborder=\"0\" allow=\"fullscreen\" allowfullscreen></iframe>\r\n            </div>\r\n            <div className=\"videoBox\">\r\n                <iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/uB7Eg__XH-M?rel=0&fs=1&modestbranding=1\" title=\"Bingham Inlay Arts\" frameborder=\"0\" allow=\"fullscreen\" allowfullscreen></iframe>\r\n            </div>\r\n            <div className=\"videoBox\">\r\n                <iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/7qq9z_iI9G8?rel=0&fs=1&modestbranding=1\" title=\"Bingham Inlay Arts\" frameborder=\"0\" allow=\"fullscreen\" allowfullscreen></iframe>\r\n            </div>\r\n            <div className=\"descriptionContent\">\r\n                <div className=\"description\">\r\n                    More videos to come...\r\n                </div>\r\n            </div>\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default Videos;","import React from \"react\";\r\nimport \"./techniques.css\";\r\n\r\nclass Techniques extends React.Component {\r\n\r\n    render() {\r\n\r\n        return(\r\n            <div className=\"techniquesContainer\">\r\n                <div className=\"headline\" id=\"verticalInflate\">\r\n                        How marquetry is done\r\n                </div>\r\n                <div className=\"titleCaption\"  data-aos=\"fade\" data-aos-duration=\"2000\">\r\n                    First, the concept for the marquetry artwork is decided on.\r\n                    <br></br>\r\n                    This is usually based on a photograph.\r\n                </div>\r\n                <div className=\"techniqueImageBox\" data-aos=\"fade\" data-aos-duration=\"2000\">\r\n                    <img src=\"./images/palm.jpg\" className=\"techniqueImage\" alt=\"A shot of a palm fromme that I took in Florida.\" />\r\n                </div>\r\n                <div className=\"techniquesContent\" data-aos=\"fade-up\">\r\n                    The next step is to create a line drawing based on the picture concept. During this process, elements can be added or removed to make the composition more interesting.\r\n                </div>\r\n                <div className=\"techniquesContent\" data-aos=\"fade-up\">\r\n                    Before any cutting can take place, there is a lot of planning that needs to be done. Hours are spent picking which woods will be used to represent each individual piece in the artwork. Subtle tonal differences need to be achieved for areas where lighting in the picture varies.\r\n                </div>\r\n                <div className=\"techniquesContent\" data-aos=\"fade-up\">\r\n                    Each individual piece is then cut out by hand and the pieces are fit together to form the complete image.\r\n                </div>\r\n                <div className=\"techniqueImageBox\" data-aos=\"fade\" data-aos-duration=\"3000\">\r\n                    <img src=\"./images/palmProgress.jpg\" className=\"techniqueImage\" id=\"doubleImage\" alt=\"Progress shown on cutting each piece of the whole.\" />\r\n                </div>\r\n                <div className=\"techniquesContent\" data-aos=\"fade-up\">\r\n                    Once all of the pieces are cut and assembled, a backing board is covered in wood glue and the artwork assembly is bonded together. A press is used to ensure good a good, strong bond.\r\n                </div>\r\n                <div className=\"techniqueImageBox\" data-aos=\"fade\" data-aos-duration=\"3000\">\r\n                    <img src=\"./images/press.jpg\" className=\"techniqueImage\" alt=\"An old, turn wheel press used to complete the bonding process.\" />\r\n                </div>\r\n                <div className=\"techniquesContent\" data-aos=\"fade-up\">\r\n                    The surface of the bonded artwork is then scraped by hand with a cabinet scraper to level the surface and remove any glue squeeze.\r\n                </div>\r\n                <div className=\"techniqueImageBox\" data-aos=\"fade\" data-aos-duration=\"3000\">\r\n                    <img src=\"./images/misc/handWork2.jpg\" className=\"techniqueImage\" alt=\"The hand scraping proces.\" />\r\n                </div>\r\n                <div className=\"techniquesContent\" data-aos=\"fade-up\">\r\n                    The surface is then sanded from course to fine until it is perfectly level and smooth.\r\n                </div>\r\n                <div className=\"techniquesContent\" data-aos=\"fade-up\">\r\n                    Next, a coat of sanding sealer (shellac) is applied. This soaks into the woodgrain and gives a good base for later coats of finish. The surface is sanded again with 220 grit and the finish coats are then applied. The final coats are usually lacquer, but can also be polyurethane or 2-part clear epoxy.\r\n                </div>\r\n                <br></br>\r\n                <div className=\"titleCaption\" data-aos=\"fade-up\">\r\n                    The finished work of art:\r\n                </div>\r\n                <br></br>\r\n                <div className=\"techniqueImageBox\" data-aos=\"fade\" data-aos-duration=\"3000\">\r\n                    <img src=\"./images/Palm1.jpg\" className=\"techniqueImage\" alt=\"The completed marquetry artwork.\" />\r\n                </div>\r\n                <br></br>\r\n                <div className=\"sideBySideContainer\">\r\n                    <div className=\"linkBox\">\r\n                        <a href=\"./images/misc/classicyachtnovdec2011edit.pdf\">\r\n                            <figcaption className=\"caption\">Read an article about my work. (I made the cover photo)</figcaption>\r\n                            <img src=\"./images/misc/classicYachtLogo2.jpg\" className=\"twoLogos\" alt=\"This will take you to an issue of Classic Yacht Magazine where there is an article about my artwork.\" />\r\n                        </a>\r\n                    </div>\r\n                    <br></br><br></br>\r\n                    <div className=\"linkBox\">\r\n                        <a href=\"https://www.woodyboater.com/blog/2011/07/26/the-teeny-tiny-world-and-the-enormous-artistry-of-charles-bingham/\">\r\n                            <figcaption className=\"caption\">Read about a client's experience having a custom piece of art created.</figcaption>\r\n                            <img src=\"./images/misc/woodyBoaterLogo2.jpg\" className=\"twoLogos\" alt=\"This will take you to an article written by a client about his experience commissioning a custom piece of marquetry artwork.\" />\r\n                        </a>\r\n                    </div>\r\n                </div>\r\n                <br></br>\r\n            </div>\r\n        );\r\n    }\r\n};\r\n\r\nexport default Techniques;","import React from \"react\";\r\nimport \"./bio.css\";\r\n\r\nfunction Bio() {\r\n    return(\r\n        <div className=\"bioContainer\">\r\n            <div className=\"photoAndLinks\">\r\n                <div className=\"bioImageBox\">\r\n                    <img src=\"./images/misc/chipbing.jpg\" className=\"bioImage\" alt=\"Charles Bingham - artist\" />\r\n                </div>\r\n                <div className=\"sideBySideBio\">\r\n                    <div className=\"linkBox\">\r\n                        <figcaption className=\"figureCaption\">\r\n                            Read an article about my work. (I made the cover photo)\r\n                        </figcaption>\r\n                        <a href=\"./images/misc/classicyachtnovdec2011edit.pdf\">\r\n                            <img src=\"./images/misc/classicYachtLogo2.jpg\" className=\"doubleLogos\" alt=\"This will take you to an issue of Classic Yacht Magazine where there is an article about my artwork.\" />\r\n                        </a>\r\n                    </div>\r\n                    <br></br>\r\n                    <div className=\"linkBox\">\r\n                        <figcaption className=\"figureCaption\">\r\n                            Read about a client's experience having a custom piece of art created.\r\n                        </figcaption>\r\n                        <a href=\"https://www.woodyboater.com/blog/2011/07/26/the-teeny-tiny-world-and-the-enormous-artistry-of-charles-bingham/\">\r\n                            <img src=\"./images/misc/woodyBoaterLogo2.jpg\" className=\"doubleLogos\" alt=\"This will take you to an article written by a client about his experience commissioning a custom piece of marquetry artwork.\" />\r\n                        </a>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div className=\"bioText\" data-aos=\"fade-up\">\r\n                I am a Michigan resident who creates pictoral art using wood. This unique artform is called marquetry (mar-ket-tree). It involves hand-cutting pieces of wood with different grain-patterns and colors shaped to resemble each element in the image. While the design phase is a free-flowing act of inspiration, the creation process is a meticulous and precise execution of skill.\r\n            </div>\r\n                <br></br>\r\n            <div className=\"bioText\" data-aos=\"fade-up\">\r\n                Many exotic woods from around the world are used to get a good mix of colors and grain-patterns that can closely represent each element in the image. There are NO stains used in this tecnique, and all of the colors you see are the natural wood tones with a clear protective finish applied.\r\n            </div>\r\n            <div className=\"bioText\" data-aos=\"fade-up\">\r\n                With a background in both art and woodworking, marquetry seemed to be the most creative way of utilizing all of my talents. I am mostly self-taught, as there are few people in the United States that do this type of artwork. It has a very deep history and tradition in Europe, where I have received much advice and guidance in perfecting my art. I belong to both the Marquetry Society of England and the American Marquetry Society.\r\n            </div>\r\n                <br></br>\r\n            <div className=\"bioText\" data-aos=\"fade-up\">\r\n                The uniqueness of this medium is a point of intrigue for those who wish to own something that is both beautiful and out of the ordinary. What I like most about working with wood lies in how the natural and exotic graiin-patterns can often look like other natural elements of a picture. I can create visual effects that would look flat and lifeless if it were a painting. Many woods have a texture and a luster that changes depending on the angle of light and the vantage point of the viewer. These interesting aspects of wood marquetry make make the creative process exciting for the artist and the finished result alluring to see.\r\n            </div>\r\n            <div className=\"bioBottomBox\" data-aos=\"fade\" data-aos-duration=\"3000\">\r\n                <img src=\"./images/misc/headshotwithartwork4K.jpg\" className=\"wideImage\" alt=\"Charles Bingham - artist\" />\r\n            </div>\r\n            <br></br>\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default Bio;","import React from \"react\";\r\nimport \"./contact.css\";\r\n\r\nfunction Contact() {\r\n    return(\r\n        <div className=\"contactContainer\">\r\n            <br></br>\r\n            <div className=\"contactText\" data-aos=\"fade-up\">\r\n                Though I am no longer creating custom marquetry, existing artwork in stock can still be purchased.<br></br>\r\n                I want to thank everyone who has supported me over the years.\r\n            </div>\r\n            <br></br>\r\n            <div data-aos=\"fade-up\">\r\n                Charles Bingham<br></br>\r\n                bing.inlay@gmail.com<br></br>\r\n                269-964-6996<br></br>\r\n            </div>\r\n            <br></br>\r\n            <div className=\"artistImageBox\" data-aos=\"fade\" data-aos-duration=\"3000\">\r\n                <img src=\"./images/chipNkim.jpg\" alt=\"Artist and wife, Kim\" className=\"artistImage\" />\r\n            </div>\r\n            <br></br>\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default Contact;","import React from \"react\";\nimport './App.css';\nimport NavMain from \"./NavMain.js\";\nimport { BrowserRouter as Router, Switch, Route } from \"react-router-dom\";\nimport Gallery from \"./Gallery.js\";\nimport Custom from \"./Custom.js\";\nimport Custom2 from \"./Custom2.js\";\nimport Custom3 from \"./Custom3.js\";\nimport Custom4 from \"./Custom4.js\";\nimport Custom5 from \"./Custom5.js\";\nimport Custom6 from \"./Custom6.js\";\nimport Custom7 from \"./Custom7.js\";\nimport Videos from \"./Videos.js\";\nimport Techniques from \"./Techniques.js\";\nimport Bio from \"./Bio.js\";\nimport Contact from \"./Contact.js\";\n\nclass App extends React.Component {\n  \n  render() {\n    return (\n      <Router>\n        <div className=\"App\">\n          <header className=\"App-header\">\n            <NavMain />\n          </header>\n          <div>\n            <Switch>\n              <Route path=\"/\" exact component={Gallery} />\n              <Route path=\"/custom\" component={Custom} />\n              <Route path=\"/custom2\" component={Custom2} />\n              <Route path=\"/custom3\" component={Custom3} />\n              <Route path=\"/custom4\" component={Custom4} />\n              <Route path=\"/custom5\" component={Custom5} />\n              <Route path=\"/custom6\" component={Custom6} />\n              <Route path=\"/custom7\" component={Custom7} />\n              <Route path=\"/videos\" exact component={Videos} />\n              <Route path=\"/techniques\" exact component={Techniques} />\n              <Route path=\"/bio\" exact component={Bio} />\n              <Route path=\"/contact\" exact component={Contact} />\n            </Switch>\n            <footer id=\"logoBox\">\n                <img src=\"./images/misc/binghamIcon.jpg\" alt=\"Artist in exhibition booth.\" className=\"artistImage\" />\n            </footer>\n          </div>\n        </div>\n      </Router>\n    );\n  }\n}\n\n\nexport default App;\n","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './normalize.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\nimport \"./index.css\";\n\nReactDOM.render(\n  <div>\n    <App />\n  </div>,\n  document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}