{"version":3,"sources":["components/layout/Navigation.js","components/projects/ProjectGrid.js","components/projects/Project.js","components/layout/Footer.js","App.js","serviceWorker.js","index.js"],"names":["Navigation","className","this","props","children","Component","ProjectGrid","id","Project","href","live","src","img","alt","name","desc","Footer","state","currentYear","Date","getFullYear","App","role","aria-label","action","method","type","placeholder","rows","defaultValue","value","Boolean","window","location","hostname","match","ReactDOM","render","document","getElementById","navigator","serviceWorker","ready","then","registration","unregister"],"mappings":"iVAeeA,G,uLAVP,OACI,yBAAKC,UAAU,OACX,wBAAIA,UAAU,aACTC,KAAKC,MAAMC,e,GALPC,cCaVC,G,sLAZP,OACI,6BAASC,GAAG,WAAWN,UAAU,QAC7B,yBAAKA,UAAU,kBACX,wCACA,sFAEHC,KAAKC,MAAMC,c,GARFC,cCcXG,E,iLAZP,OACI,yBAAKP,UAAU,WACP,uBAAGQ,KAAMP,KAAKC,MAAMO,MAAM,yBAAKC,IAAKT,KAAKC,MAAMS,IAAKC,IAAI,wBAAwBZ,UAAU,iBAC1F,yBAAKA,UAAU,mBACX,wBAAIA,UAAU,SAASC,KAAKC,MAAMW,MAClC,uBAAGb,UAAU,gBAAgBC,KAAKC,MAAMY,Y,GAP1CV,aCkBPW,G,kBAhBX,WAAYb,GAAQ,IAAD,8BACf,4CAAMA,KACDc,MAAQ,CACXC,aAAa,IAAIC,MAAOC,eAHX,E,sEAQf,OACI,4BAAQnB,UAAU,UACd,kDAA2BC,KAAKe,MAAMC,YAAtC,IAAoD,uBAAGT,KAAK,gDAAR,gB,GAX/CJ,cCgHNgB,MA5Gf,WACE,OACE,yBAAKpB,UAAU,WAEb,kBAAC,EAAD,KACE,yBAAKU,IAAI,kBAAkBV,UAAU,6BAA6BY,IAAI,YACtE,6CACA,yBAAKZ,UAAU,YACb,oCAAS,0BAAMqB,KAAK,MAAMC,aAAW,eAA5B,iBACT,4BACE,uBAAGd,KAAK,UAAS,sCACjB,uBAAGA,KAAK,aAAY,yCACpB,uBAAGA,KAAK,YAAW,2CAIzB,yBAAKR,UAAU,QACb,4BAAQA,UAAU,eAOlB,6BAASM,GAAG,QAAQN,UAAU,WAC5B,qCACA,wFAEA,wTAEA,iFAAsD,uBAAGQ,KAAK,kCAAR,WAAtD,OAA8G,uBAAGA,KAAK,kCAAR,UAA9G,iCAA+L,uBAAGA,KAAK,oCAAR,WAA/L,kEAEA,uJAEA,6GAAkF,uBAAGA,KAAK,8BAAR,cAAlF,MAEF,kBAAC,EAAD,KACE,kBAAC,EAAD,CACEK,KAAK,YACLF,IAAI,oBACJG,KAAK,yDACLL,KAAK,iDAGP,kBAAC,EAAD,CACEI,KAAK,gBACLF,IAAI,wBACJG,KAAK,iGACLL,KAAK,iDAGP,kBAAC,EAAD,CACEI,KAAK,0BACLF,IAAI,mBACJG,KAAK,0DACLL,KAAK,iDAGP,kBAAC,EAAD,CACEI,KAAK,oBACLF,IAAI,wBACJG,KAAK,6EACLL,KAAK,uCAGP,kBAAC,EAAD,CACEI,KAAK,mBACLF,IAAI,mBACJG,KAAK,iGACLL,KAAK,yCAEP,kBAAC,EAAD,CACEI,KAAK,qBACLF,IAAI,wBACJG,KAAK,yEACLL,KAAK,gEAEP,kBAAC,EAAD,CACEI,KAAK,gBACLF,IAAI,qBACJG,KAAK,qDACLL,KAAK,0CAGP,kBAAC,EAAD,CACEI,KAAK,mBACLF,IAAI,cACJG,KAAK,iGAIT,6BAASR,GAAG,UAAUN,UAAU,WAC9B,uCACA,0BAAMuB,OAAO,2CAA2CC,OAAO,QAC7D,2BAAOC,KAAK,OAAOZ,KAAK,OAAOa,YAAY,SAC3C,2BAAOD,KAAK,QAAQZ,KAAK,WAAWa,YAAY,UAChD,8BAAUb,KAAK,UAAUc,KAAK,IAAIC,aAAa,iBAC/C,4BAAQH,KAAK,SAASzB,UAAU,MAAM6B,MAAM,QAA5C,UAKJ,kBAAC,EAAD,SCjGYC,QACW,cAA7BC,OAAOC,SAASC,UAEe,UAA7BF,OAAOC,SAASC,UAEhBF,OAAOC,SAASC,SAASC,MACvB,2DCZNC,IAASC,OAAO,kBAAC,EAAD,MAASC,SAASC,eAAe,SD2H3C,kBAAmBC,WACrBA,UAAUC,cAAcC,MAAMC,KAAK,SAAAC,GACjCA,EAAaC,iB","file":"static/js/main.476839b9.chunk.js","sourcesContent":["import React, { Component } from 'react';\n\nimport './Navigation.css';\nclass Navigation extends Component {\n    render() {\n        return(\n            <div className=\"nav\">\n                <ul className=\"nav-links\">\n                    {this.props.children}\n                </ul>\n            </div>\n        );\n    }\n}\n\nexport default Navigation;","import React, { Component } from 'react';\nimport './Projects.css';\nclass ProjectGrid extends Component {\n    render() {\n        return(\n            <section id=\"projects\" className=\"grid\">\n                <div className=\"section-header\">\n                    <h2>Projects</h2>\n                    <p>Click the images to view live versions of each project</p>\n                </div>\n                {this.props.children}\n            </section>\n        );\n    }\n}\n\nexport default ProjectGrid;","import React, { Component } from 'react';\nimport './Projects.css';\nclass Project extends Component {\n    render() {\n        return(\n            <div className=\"project\">\n                    <a href={this.props.live}><img src={this.props.img} alt=\"Screenshot of project\" className=\"project-img\"/></a>\n                    <div className=\"project-content\">\n                        <h3 className=\"title\">{this.props.name}</h3>\n                        <p className=\"project-desc\">{this.props.desc}</p>\n                    </div>\n            </div>\n        );\n    }\n}\n\nexport default Project;","import React, { Component } from 'react';\nimport './Footer.css';\n\nclass Footer extends Component {\n    constructor(props) {\n        super(props)\n        this.state = {\n          currentYear: new Date().getFullYear()\n        }\n    }\n\n    render() {\n        return (\n            <footer className=\"footer\">\n                <p>&copy; Danielle Nall  { this.state.currentYear } <a href=\"https://github.com/daniellenall/daniellenall\">GitHub</a></p>\n            </footer>\n        );\n    }\n}\n\nexport default Footer;","import React from 'react';\nimport './App.css';\nimport Navigation from './components/layout/Navigation';\nimport ProjectGrid from './components/projects/ProjectGrid';\nimport Project from './components/projects/Project';\nimport Footer from './components/layout/Footer';\n\nfunction App() {\n  return (\n    <div className=\"wrapper\">\n\n      <Navigation>\n        <img src=\"img/profile.png\" className=\"responsive-img profile-img\" alt=\"Profile\" />\n        <h2>Danielle Nall</h2>\n        <div className=\"nav-text\">\n          <p>Hello <span role=\"img\" aria-label=\"Waving hand\">👋</span></p>\n          <ul>\n            <a href=\"#about\"><li>About</li></a>\n            <a href=\"#projects\"><li>Projects</li></a>\n            <a href=\"#contact\"><li>Contact</li></a>\n          </ul>\n        </div>\n      </Navigation>\n      <div className=\"main\">\n        <header className=\"App-header\">\n\n        </header>\n        {/*<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1440 320\">\n          <path fill=\"#810073\" fill-opacity=\"1\" d=\"M0,64L60,96C120,128,240,192,360,208C480,224,600,192,720,154.7C840,117,960,75,1080,69.3C1200,64,1320,96,1380,112L1440,128L1440,0L1380,0C1320,0,1200,0,1080,0C960,0,840,0,720,0C600,0,480,0,360,0C240,0,120,0,60,0L0,0Z\"></path>\n  </svg>*/}\n\n        <section id=\"about\" className=\"section\">\n          <h2>About</h2>\n          <p>I'm a web developer from a small northern town in the UK.</p>\n\n          <p>I'd describe my self as a front end focused, full stack developer. Meaning I'm most comfortable with front end technologies and frameworks such as HTML, CSS, SCSS, Bootstrap, Tailwind, JavaScript, and React. I'm also comfortable with coding in Python and Django, as well as node.js</p>\n          \n          <p>To keep up to date with my work, you can check out <a href=\"http://codepen.io/daniellenall\">CodePen</a> or <a href=\"http://github.com/daniellenall\">GitHub</a>. I also ocassionally post on <a href=\"http://twitter.com/daniellernall\">Twitter</a>. I'm trying to constantly learn and develop my skills further</p>\n          \n          <p>Improving this portfolio is on my list of todos, but for now I'd be happy to provide links to my recent work on request.</p>\n    \n          <p>I'm currently available for work, if you have something you'd like to discuss, <a href=\"mailto:hi@daniellenall.com\">let's chat</a>.</p>\n        </section>\n        <ProjectGrid>\n          <Project\n            name=\"Dashboard\"\n            img=\"img/dashboard.png\"\n            desc=\"Interface mock up of an interactive personal dashboard\"\n            live=\"https://codepen.io/daniellenall/full/JjYmYOw\"\n          />\n\n          <Project\n            name=\"Discord Clone\"\n            img=\"img/discord-clone.png\"\n            desc=\"Replicated Discord app's desktop interface. Write up of my process can be seen inside the demo\"\n            live=\"https://codepen.io/daniellenall/full/RwWBGgQ\"\n          />\n\n          <Project\n            name=\"Random Acts of Kindness\"\n            img=\"img/kindness.png\"\n            desc=\"Generates ideas of kind things people can do for others\"\n            live=\"https://codepen.io/daniellenall/full/QWjBjqm\"\n          />\n\n          <Project\n            name=\"Web Dev Resources\"\n            img=\"img/dev-resources.png\"\n            desc=\"A curated collection of sites I find useful for web development and design\"\n            live=\"https://dev-resources.netlify.com/\"\n          />\n\n          <Project\n            name=\"Daydream Digital\"\n            img=\"img/daydream.png\"\n            desc=\"Landing page for a digital crafting file brand. Simple static site with links to an Etsy store\"\n            live=\"https://daydreamdigital.netlify.com/\"\n          />\n          <Project\n            name=\"Previous Portfolio\"\n            img=\"img/old-portfolio.png\"\n            desc=\"My last portfolio before this one was written with plain HTML and Sass\"\n            live=\"https://5d3dff595d946700088a42d1--daniellenall.netlify.com/\"\n          />\n          <Project\n            name=\"Digital Clock\"\n            img=\"img/digi-clock.png\"\n            desc=\"Simple digital clock page written with vanilla JS.\"\n            live=\"https://digital-clock-dn.netlify.com/\"\n          />\n\n          <Project\n            name=\"On This Platform\"\n            img=\"img/otp.png\"\n            desc=\"Petitioning site based around software ports. Front end built with Bootstrap and custom CSS\"\n          />\n        </ProjectGrid>\n\n        <section id=\"contact\" className=\"section\">\n          <h2>Contact</h2>\n          <form action=\"https://formspree.io/hi@daniellenall.com\" method=\"POST\">\n            <input type=\"text\" name=\"name\" placeholder=\"Name\" />\n            <input type=\"email\" name=\"_replyto\" placeholder=\"Email\" />\n            <textarea name=\"message\" rows=\"6\" defaultValue=\"Your message\"></textarea>\n            <button type=\"submit\" className=\"btn\" value=\"Send\">Send</button>\n          </form>\n\n        </section>\n\n        <Footer />\n      </div>\n    </div>\n  );\n}\n\nexport default App;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n  window.location.hostname === 'localhost' ||\n    // [::1] is the IPv6 localhost address.\n    window.location.hostname === '[::1]' ||\n    // 127.0.0.1/8 is considered localhost for IPv4.\n    window.location.hostname.match(\n      /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n    )\n);\n\nexport function register(config) {\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n    // The URL constructor is available in all browsers that support SW.\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n    if (publicUrl.origin !== window.location.origin) {\n      // Our service worker won't work if PUBLIC_URL is on a different origin\n      // from what our page is served on. This might happen if a CDN is used to\n      // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n      return;\n    }\n\n    window.addEventListener('load', () => {\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n      if (isLocalhost) {\n        // This is running on localhost. Let's check if a service worker still exists or not.\n        checkValidServiceWorker(swUrl, config);\n\n        // Add some additional logging to localhost, pointing developers to the\n        // service worker/PWA documentation.\n        navigator.serviceWorker.ready.then(() => {\n          console.log(\n            'This web app is being served cache-first by a service ' +\n              'worker. To learn more, visit https://bit.ly/CRA-PWA'\n          );\n        });\n      } else {\n        // Is not localhost. Just register service worker\n        registerValidSW(swUrl, config);\n      }\n    });\n  }\n}\n\nfunction registerValidSW(swUrl, config) {\n  navigator.serviceWorker\n    .register(swUrl)\n    .then(registration => {\n      registration.onupdatefound = () => {\n        const installingWorker = registration.installing;\n        if (installingWorker == null) {\n          return;\n        }\n        installingWorker.onstatechange = () => {\n          if (installingWorker.state === 'installed') {\n            if (navigator.serviceWorker.controller) {\n              // At this point, the updated precached content has been fetched,\n              // but the previous service worker will still serve the older\n              // content until all client tabs are closed.\n              console.log(\n                'New content is available and will be used when all ' +\n                  'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n              );\n\n              // Execute callback\n              if (config && config.onUpdate) {\n                config.onUpdate(registration);\n              }\n            } else {\n              // At this point, everything has been precached.\n              // It's the perfect time to display a\n              // \"Content is cached for offline use.\" message.\n              console.log('Content is cached for offline use.');\n\n              // Execute callback\n              if (config && config.onSuccess) {\n                config.onSuccess(registration);\n              }\n            }\n          }\n        };\n      };\n    })\n    .catch(error => {\n      console.error('Error during service worker registration:', error);\n    });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n  // Check if the service worker can be found. If it can't reload the page.\n  fetch(swUrl)\n    .then(response => {\n      // Ensure service worker exists, and that we really are getting a JS file.\n      const contentType = response.headers.get('content-type');\n      if (\n        response.status === 404 ||\n        (contentType != null && contentType.indexOf('javascript') === -1)\n      ) {\n        // No service worker found. Probably a different app. Reload the page.\n        navigator.serviceWorker.ready.then(registration => {\n          registration.unregister().then(() => {\n            window.location.reload();\n          });\n        });\n      } else {\n        // Service worker found. Proceed as normal.\n        registerValidSW(swUrl, config);\n      }\n    })\n    .catch(() => {\n      console.log(\n        'No internet connection found. App is running in offline mode.'\n      );\n    });\n}\n\nexport function unregister() {\n  if ('serviceWorker' in navigator) {\n    navigator.serviceWorker.ready.then(registration => {\n      registration.unregister();\n    });\n  }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport * as serviceWorker from './serviceWorker';\n\nReactDOM.render(<App />, document.getElementById('root'));\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister();\n"],"sourceRoot":""}