{"version":3,"sources":["webpack:///./src/templates/masthead.jpg","webpack:///./src/models/featuredProjectData.ts","webpack:///./src/models/projectData.js","webpack:///./src/components/mastHead/index.tsx","webpack:///./src/components/pages/featurePage/featureGallery.tsx","webpack:///./src/components/pages/featurePage/featureList.tsx","webpack:///./src/components/pages/featurePage/featureMenu.tsx","webpack:///./src/components/pages/featurePage/featureVideo.tsx","webpack:///./src/components/pages/featurePage/index.tsx","webpack:///./src/templates/FeatureTemplate.tsx"],"names":["module","exports","featuredProjectData","projectData","key","title","description","story","featureList","galleryCount","id","video","MastHead","styleConfig","breakPoints","lg","MastHeadOverlay","index","largeMode","children","backgroundImage","className","cn","css","BlankBox","Thumbnail","FeatureGallery","feature","dispatch","React","useContext","AppContext","imagePath","galleryData","Array","handleOpenGallery","e","photoId","Number","currentTarget","getAttribute","Images","map","_","i","lightBoxVisibleAction","undefined","thumbnail","role","data-photo-id","tabIndex","onKeyDown","onClick","SiteIcon","ZoomIn","size","color","src","alt","FeatureList","list","item","fill","stroke","strokeLinecap","strokeLinejoin","strokeWidth","viewBox","d","FeatureMenuContainer","RandomFeatureItem","FeatureMenu","props","randomFeatures","filter","currentFeatureKey","randomSortFeatures","shuffle","to","sitePaths","appLinks","portfolioProjects","replace","style","width","height","dangerouslySetInnerHTML","__html","portfolio","FeatureVideo","frameBorder","allowFullScreen","FeaturedImage","FeatureStory","FeaturePage","SpanBorder","FeatureTemplate","pageContext","metaTagData","img"],"mappings":"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","file":"component---src-templates-feature-template-tsx-eeae05884772ff89a128.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/masthead-85c5e13c58611589c323c74af5134959.jpg\";","import projectData from './projectData'\n\nexport const featuredProjectData: IFeaturedProject[] = projectData\nexport default featuredProjectData\n","const featuredProjectData = [\n {\n key: 'focalpoint',\n title: 'Focal Point',\n description: 'Call management application',\n story:\n 'We worked with IBM to build a new version of their global call management application. The application was built with Angular with Twitter Bootstrap CSS Framework. We created custom Angular application validation and form components to increase productivity and consisitency within the workflow.',\n featureList: ['Angular', 'Twitter Bootstrap', 'Javascript', 'Grunt', 'Sass', 'AngularUI'],\n galleryCount: 12,\n id: 10,\n },\n {\n key: 'ofgsupply',\n title: 'OFG Supply Website',\n description: 'Inventory management system',\n story:\n '
We built a custom tool for Ontario Flower Growers to work with Lowe’s Home Improvement manage inventory of product. Users can login to view inventory and availability. Leave comments and edit comments.
The application also used ODBC to sync data from the website and the internal company AS400 IBM database system.
The admin tool allows uploading inventory data to be imported into the database using csv or xml format.
Administrators can also manage inventory for all stores, create new stores and manage users.
',\n featureList: ['PHP', 'MySQL', 'Codeigniter', 'JQuery', 'Twitter Bootstrap'],\n galleryCount: 3,\n id: 9,\n },\n {\n key: 'virtualclothesline',\n title: 'Canadian Diabetes Association',\n description: 'Charity Website',\n story:\n 'VirtualClothesline.ca was a site we built for The Data Group.
The site was a charity site for Canadian Diabetes Association. Users were able to make virtual clothing donations.
The site also had social media integration where users could login and share their donations to their Facebook wall or send a tweet promoting their donation to Twitter.
The site was designed with PHP Codeigniter framework and Adobe Flash.
',\n featureList: ['PHP', 'Codeigniter', 'MySQL', 'Flash', 'JQuery', 'Twitter Bootstrap'],\n galleryCount: 3,\n id: 8,\n },\n {\n key: 'harlequin',\n title: 'Harlequin Website',\n description: 'Anniversary Website',\n story:\n 'Tryharlequin.com was a site we built for M Marketing Inc. The site offered free book downloads to users to help celebrate Harequin's anniversary.
The site also included an administrator dashboard that showed user statistics like how many ebooks were downloaded, which genre's were the most popular and more usual site usage information.
The site was designed with PHP Codeigniter framework and Adobe Flash.
',\n featureList: ['PHP', 'Codeigniter', 'MySQL', 'Flash', 'JQuery', 'Twitter Bootstrap'],\n galleryCount: 0,\n id: 7,\n },\n {\n key: 'produceplace',\n title: 'Produce Place Website',\n description: 'Website & Admin tool',\n story:\n 'A custom designed website and content management system (CMS).
The site provided up-to-date information to the food service industry on the availability of locally grown fruits and vegetables.
The admin portal allows editing growers, news content and other admin functions to help the client manage the content of the site.
The project was built with PHP, Codeigniter and MySQL.
The site was also multilingual for English and French languages.
',\n featureList: ['PHP', 'Codeigniter', 'MySQL', 'Flash', 'JQuery', 'Twitter Bootstrap'],\n galleryCount: 4,\n id: 6,\n },\n {\n key: 'moneris',\n title: 'Moneris Offer Website',\n description: 'Responsive Website',\n story:\n 'The project was built for M Marketing Inc for their client Moneris. It&s an offer site to help users sign up for their business promotions.
The site has a responsive design for mobile devices and desktop and is available in English and French.
It was developed using PHP, Codeigniter, MySQL, Jquery and Twitter Bootstrap framework.
',\n featureList: ['PHP', 'Codeigniter', 'MySQL', 'Flash', 'JQuery', 'Twitter Bootstrap'],\n galleryCount: 3,\n id: 5,\n },\n {\n key: 'ofg',\n title: 'OFG Website',\n description: 'Multiple portals & ordering sytem',\n story:\n 'Website and content management system (CMS) for Ontario Flower Growers. The site had multiple portals for buyers, growers and administrators.
The website allowed growers in Ontario to place their products and product availability online. Registered buyers could login to the system and purchase grower products and choose which days they would like to pick up their products.
An application was also created to sync data from the website and the internal company AS400 IBM database system.
The site was made with ASP.net 2, Jquery, Ms SQL and Macromedia Flash.
',\n featureList: ['ASP.net', 'Microsoft SQL Server', 'JQuery', 'Twitter Bootstrap'],\n galleryCount: 11,\n id: 4,\n },\n {\n key: 'innocean',\n title: 'Innocean Extranet',\n description: 'File sharing & upload tool',\n story:\n 'We built an extranet web application for Innocean Canada. The application has an administration tool to manage users, files and permissions. New clients and companies can be added easily with the tool.
Users of the tool can upload and track files with the ability to access previous file versions with the custom upload tool we built. Files are easily uploaded right from the browser.
The project was built with PHP, MySQL and the Codeigniter and Twitter Bootstrap framework.
',\n featureList: ['Laravel', 'PHP', 'JQuery', 'Bootstrap'],\n galleryCount: 4,\n id: 3,\n },\n {\n key: 'smart',\n title: 'Flight Centre CMS',\n description: 'Social CMS tool',\n story:\n 'We developed a content manage system (CMS) for Flight Centre Travel Group to manage their global social media campaigns. The application was developed using Laravel PHP framework, Amazon SDK, Angular and Twitter Bootstrap framework.
The application allows employees to create new campaigns, manage users, security settings, upload and manage files and create pages for the application.
Users are able to create Facebook pages using the application using a WYSIWYG tool for content creation. Users with no programming experience can modify and edit pages, but a visual source code editor still allows advanced users the ability to edit code directly
',\n featureList: ['Angular', 'Laravel', 'PHP', 'Bootstrap'],\n video: 'https://www.youtube.com/embed/CnN8iMoJH-A',\n galleryCount: 6,\n id: 2,\n },\n {\n key: 'vpg',\n title: 'Virtually Perfect Golf App',\n description: 'VR golf training system',\n story:\n 'We worked with IBM to build a new version of their global call management application. The application was built with Angular with Twitter Bootstrap CSS Framework. We created custom Angular application validation and form components to increase productivity and consisitency within the workflow.',\n featureList: ['XML', 'Macromedia Director', 'Actionscript', 'Macromedia Flash'],\n video: 'https://www.youtube.com/embed/Nwdye5_I73s',\n galleryCount: 4,\n id: 1,\n },\n]\nmodule.exports = featuredProjectData\n","import React from 'react'\nimport cn from 'classnames'\nimport { css } from '@emotion/core'\nimport styleConfig from 'config/styleConfig'\nimport styled from '@emotion/styled'\n\nconst MastHead = styled.div`\n display: flex;\n background: #000;\n flex-direction: column;\n justify-content: center;\n background-size: 100% 100%;\n background-position: bottom left;\n background-repeat: no-repeat;\n overflow: hidden;\n width: 100%;\n height: 350px;\n padding: 40px 0 0 0;\n ${styleConfig.breakPoints.lg} {\n padding: 80px 0 0 0;\n }\n &.largeMode {\n height: 400px;\n }\n ${styleConfig.breakPoints.lg} {\n padding: 30px 0 0 0;\n height: 300px;\n &.largeMode {\n height: 500px;\n }\n }\n position: relative;\n`\n\nconst MastHeadOverlay = styled.div`\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: #2a2d36;\n opacity: 0.4;\n`\ninterface IProps {\n largeMode?: boolean\n backgroundImage: string\n children: React.ReactNode\n}\n\nconst index = ({ largeMode = false, children, backgroundImage }: IProps): React.ReactElement => {\n return (\n