{"version":3,"sources":["components/menu.js","components/bgkRandom.js","components/footer.js","components/about.js","components/job.js","components/cliente.js","components/portfolio.js","components/passion.js","components/pageNotFound.js","components/paginaIncrementa.js","components/paginaFetch.js","components/paginaFetchArray.js","components/paginaFetchDettaglio.js","App.js","reportWebVitals.js","index.js"],"names":["Menu","className","id","to","activeClassName","href","download","BgkRandom","page","numberImage","classToAdd","min","max","Math","floor","random","bgkRight","Footer","target","About","classContentRight","Job","Cliente","props","console","log","name","image","src","Portfolio","useState","clienti","map","cliente","nome","immagine","Passion","PageNotFound","PaginaIncrementa","count","setCount","onClick","PaginaFetch","useEffect","fetchData","posts","setPosts","a","fetch","rawData","json","data","slice","post","title","PaginaFetchArray","link","class","PaginaFetchDettaglio","setPost","match","params","App","exact","path","component","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.62f24c0f.chunk.js","sourcesContent":["import React from \"react\";\nimport {NavLink} from 'react-router-dom';\n\nfunction Menu(){\n    return(\n        <section className=\"menu\">\n            <div id=\"menu_principale\">\n               <NavLink to=\"/about\" className=\"link\" activeClassName=\"active\"><span>Me</span></NavLink>\n               <NavLink to=\"/job\" className=\"link\" activeClassName=\"active\"><span>Job</span></NavLink>\n               <NavLink to=\"/portfolio\" className=\"link\" activeClassName=\"active\"><span>Portfolio</span></NavLink>\n               <a href=\"CVPiccininnoDonatella.pdf\" className=\"link\" download><span>CV</span></a>\n               {/*<NavLink to=\"CVPiccininnoDonatella.pdf\" className=\"link\" download><span>CV</span></NavLink>*/}\n               <NavLink to=\"/passion\" className=\"link\" activeClassName=\"active\"><span>Passion</span></NavLink>\n           </div>\n        </section>\n    );\n}\n\nexport default Menu;","var BgkRandom = (page) =>{\n  //console.log(\"Page\"+page);\n  var numberImage;\n  var classToAdd;\n\n  //Genera numero casuale\n  var numberRandom = (min,max) =>{\n    //console.log(Math.floor(Math.random() * (max - min)) + min);\n    numberImage = Math.floor(Math.random() * (max - min)) + min;\n  }\n\n  //Crea la classe in base al numero random generato\n  var bgkRight = () =>{\n      numberRandom(0,8);\n      classToAdd = page + numberImage;\n  }\n\n   bgkRight();\n   //console.log(classToAdd);\n   return classToAdd;\n}\n\nexport default BgkRandom;","import React from \"react\";\n\nfunction Footer(){\n  return(\n    <footer>\n        <ul>\n          <li className=\"email menu-item\"><a href=\"mailto:piccininno.donatella@gmail.com\">@</a></li>\n          <li className=\"fb menu-item\"><a href=\"https://www.facebook.com/Pichichi13\" target=\"_blank\">FB</a></li>\n          <li className=\"tw menu-item\"><a href=\"https://twitter.com/pichichi13\" target=\"_blank\">TW</a></li>\n          <li className=\"in menu-item\"><a href=\"https://www.linkedin.com/in/donatella-piccininno-00271624\" target=\"_blank\">LINKEDIN</a></li>\n        </ul>\n    </footer>\n  );\n}\n\nexport default Footer;","import React from \"react\";\nimport Menu from \"@components/menu\";\nimport BgkRandom from \"@components/bgkRandom\";\nimport Footer from \"@components/footer\";\n\nfunction About(){\n    var classContentRight = BgkRandom(\"about\");\n    //console.log(\"RITORNA\"+classContentRight);\n\n  return(\n    <div className=\"container\">\n        <section className=\"left\">\n            <h2>Si volge ad attendere il futuro solo chi non sa vivere il presente</h2>\n            <article>\n                <p>\n                    Ciao a tutti, mi presento molto in breve......sono una ragazza nata il 6 luglio dell'82, timida, lunatica, dolce e un pò fuori di testa.\n                    Lavoro come Front End Developer da più di 10 anni e gioco a calcio praticamente dalla nascita.\n                    Adoro le moto, soprattutto la mia Errina (Kawasaki ER-6N) e mi diverto facendo salti con lo snowboard.\n                </p>\n            </article>\n        </section>\n        <Menu/>\n        <section className={\"right \" + classContentRight}>\n            {/*<img src={image1} />*/}\n            <Footer/>\n        </section>\n     </div>\n  );\n}\n\nexport default About;","import React from \"react\";\nimport Menu from \"@components/menu\";\nimport Footer from \"@components/footer\";\n\nfunction Job(){\n  return(\n\n    <div className=\"container\">\n        <section className=\"left\">\n            <h2>Non ho paura dei computer, ma della loro eventuale mancanza</h2>\n            <article>\n                <p>\n                   Sono una Front-end Developer da più di 10 anni; ho lavorato per piccole e grandi aziende, ma anche per privati.\n\n                   Ho affrontato progetti singolarmente ma anche in team.\n\n                   Ho lavorato presso le seguenti società:\n                   Know IT s.r.l.\n                   Datalog s.r.l.\n                   Tre14 s.r.l.\n                   Qwentes s.r.l.\n                   Eidon s.r.l. (Presso RCS Mediagroup)\n\n                   Attualmente:\n                   Assunta presso Eidon s.r.l. come consulente per RCS Mediagroup (gestione sito Gazzetta.it e Corriere.it, creazione App del Corriere della Sera, sia su dispositivi Android che IOS)\n\n                   Linguaggi di programmazione:\n                   ionic - angularjs - compass - sass - html5 - html - shtml - dhtml - css3 - css - javascript - jquery - visual basic - actionscript - asp - xml - php - pascal - cobol\n\n                   Database:\n                   Access - PhpMyAdmin - SQLServer\n\n                   Altro:\n                   Windows - Mac Os - Pacchetto Microsoft Office - Pacchetto Macromedia - Adobe Photoshop - Svn\n\n                   -> <a href=\"CVPiccininnoDonatella.pdf\" className=\"link\" download><span>SCARICA CV</span></a>\n                </p>\n            </article>\n        </section>\n        <Menu/>\n        <section className=\"right job\">\n            <Footer/>\n        </section>\n     </div>\n  );\n}\n\nexport default Job;","import React from \"react\";\n\nfunction Cliente(props){\nconsole.log(props);\nconsole.log(\"NAME\"+props.name);\nconsole.log(\"IMAGE\"+props.image);\n  return(\n    <div className=\"cliente\">\n        <h2>{`${props.name}`}</h2>\n        <img src={`https://www.donatellapiccininno.it/temp/portfolio/${props.image}`} />\n    </div>\n  );\n}\nexport default Cliente;","import React, { useState} from \"react\";\nimport Menu from \"@components/menu\";\nimport Footer from \"@components/footer\";\nimport Cliente from \"@components/cliente\";\nimport '@css/clienti.css';\n\nfunction Portfolio(){\n    const [clienti, setClienti] = useState([\n        {\n            \"nome\": \"La Gazzetta dello Sport\",\n            \"immagine\": \"gazzetta.jpg\"\n          },\n          {\n            \"nome\": \"Gazzetta dello Sport - Speciale Elezioni 2013\",\n            \"immagine\": \"elezioni.jpg\"\n          },\n          {\n            \"nome\": \"Gazzetta dello Sport - Speciale Europei 2012\",\n            \"immagine\": \"europei.jpg\"\n          },{\n            \"nome\": \"Gazzetta Fan News\",\n            \"immagine\": \"gazzettafannews.jpg\"\n          },\n          {\n            \"nome\": \"Gazzetta dello Sport - Speciale Giro d'Italia 2013\",\n            \"immagine\": \"giroitalia.jpg\"\n          },\n          {\n            \"nome\": \"Gazzetta dello Sport - Speciale Olimpiadi 2012\",\n            \"immagine\": \"olimpiadi.jpg\"\n          },\n          {\n            \"nome\": \"Gazzetta dello Sport - Speciale Paralimpiadi 2012\",\n            \"immagine\": \"paralimpiadi.jpg\"\n          },\n          {\n            \"nome\": \"Gazzetta dello Sport - Speciale Passione Motori\",\n            \"immagine\": \"passionemotori.jpg\"\n          },\n          {\n            \"nome\": \"Corriere della Sera\",\n            \"immagine\": \"corriere.jpg\"\n          },\n          {\n            \"nome\": \"Corriere Cucina\",\n            \"immagine\": \"cucina.jpg\"\n          },\n          {\n            \"nome\": \"Corriere - Economia Pro\",\n            \"immagine\": \"economiapro.jpg\"\n          },\n          {\n            \"nome\": \"Video Corriere\",\n            \"immagine\": \"videocorriere.jpg\"\n          },\n          {\n            \"nome\": \"Hotel Alcova Doge\",\n            \"immagine\": \"alcova_doge.jpg\"\n          },\n          {\n            \"nome\": \"Hotel Amazonia\",\n            \"immagine\": \"amazonia.jpg\"\n          },\n          {\n            \"nome\": \"Hotel Annapolis\",\n            \"immagine\": \"annapolis.jpg\"\n          },\n          {\n            \"nome\": \"Hotel Arrivederci Roma\",\n            \"immagine\": \"arrivederciroma.jpg\"\n          },\n          {\n            \"nome\": \"Hotel Astoria\",\n            \"immagine\": \"astoria.jpg\"\n          },\n          {\n            \"nome\": \"Hotel Bollina\",\n            \"immagine\": \"bollina.jpg\"\n          },\n          {\n            \"nome\": \"Hotel Borgo\",\n            \"immagine\": \"borgo.jpg\"\n          },\n          {\n            \"nome\": \"Hotel Brandoli\",\n            \"immagine\": \"brandoli.jpg\"\n          },\n          {\n            \"nome\": \"Hotel Clap\",\n            \"immagine\": \"clap.jpg\"\n          },\n          {\n            \"nome\": \"Hotel Don Prestige\",\n            \"immagine\": \"don_prestige.jpg\"\n          },\n          {\n            \"nome\": \"Hotel Du Pre\",\n            \"immagine\": \"dupre.jpg\"\n          },\n          {\n            \"nome\": \"Hotel Figli di Bacco\",\n            \"immagine\": \"figlibacco.jpg\"\n          },\n          {\n            \"nome\": \"Hotel Gallo d'Oro\",\n            \"immagine\": \"gallodoro.jpg\"\n          },\n          {\n            \"nome\": \"Hotel Leano\",\n            \"immagine\": \"leano.jpg\"\n          },\n          {\n            \"nome\": \"Hotel Lovely\",\n            \"immagine\": \"lovely.jpg\"\n          },\n          {\n            \"nome\": \"Hotel Manin\",\n            \"immagine\": \"manin.jpg\"\n          },\n          {\n            \"nome\": \"Hotel Marmorata\",\n            \"immagine\": \"marmorata.jpg\"\n          },\n          {\n            \"nome\": \"Hotel Miraparque\",\n            \"immagine\": \"miraparque.jpg\"\n          },\n          {\n            \"nome\": \"Hotel Mostyn\",\n            \"immagine\": \"mostyn.jpg\"\n          },\n          {\n            \"nome\": \"Hotel Royal Garden\",\n            \"immagine\": \"royalgarden.jpg\"\n          },\n          {\n            \"nome\": \"Hotel Semiramide\",\n            \"immagine\": \"semiramide.jpg\"\n          },\n          {\n            \"nome\": \"Hotel Val del Rei\",\n            \"immagine\": \"valdelrei.jpg\"\n          },\n          {\n            \"nome\": \"1000Models\",\n            \"immagine\": \"1000models.jpg\"\n          },\n          {\n            \"nome\": \"Anfima\",\n            \"immagine\": \"anfima.jpg\"\n          },\n          {\n            \"nome\": \"Bikestaff\",\n            \"immagine\": \"bikestaff.jpg\"\n          },\n          {\n            \"nome\": \"Cucina Professionale\",\n            \"immagine\": \"cucinaprofessionale.jpg\"\n          },\n          {\n            \"nome\": \"Don Lisander\",\n            \"immagine\": \"donlisander.jpg\"\n          },\n          {\n            \"nome\": \"Eritalia\",\n            \"immagine\": \"eritalia.jpg\"\n          },\n          {\n            \"nome\": \"Future Drive\",\n            \"immagine\": \"futuredrive.jpg\"\n          },\n          {\n            \"nome\": \"Gianni Dall'Aglio\",\n            \"immagine\": \"giannidallaglio.jpg\"\n          },\n          {\n            \"nome\": \"Kraft Foods Italia\",\n            \"immagine\": \"kraftfoods.jpg\"\n          },\n          {\n            \"nome\": \"Pub Matricola\",\n            \"immagine\": \"matricola.jpg\"\n          },\n          {\n            \"nome\": \"Photofoyer\",\n            \"immagine\": \"photofoyer.jpg\"\n          },\n          {\n            \"nome\": \"Plinio il Giovane\",\n            \"immagine\": \"plinioilgiovane.jpg\"\n          },\n          {\n            \"nome\": \"Real Casa\",\n            \"immagine\": \"realcasa.jpg\"\n          },\n          {\n            \"nome\": \"Solom\",\n            \"immagine\": \"solom.jpg\"\n          },\n          {\n            \"nome\": \"Somefi\",\n            \"immagine\": \"somefi.jpg\"\n          },\n          {\n            \"nome\": \"Tre 14 S.r.l.\",\n            \"immagine\": \"tre14.jpg\"\n          }\n    ]);\n\n  return(\n    <div className=\"container\">\n        <section className=\"left portfolio\">\n            <Menu/>\n            <h2>Fai il lavoro che ti piace e non lavorerai nemmeno un giorno.</h2>\n\n            <div className=\"clienti\">\n                {clienti.map(cliente => (\n                    <Cliente name={`${cliente.nome}`} image={`${cliente.immagine}`} />\n                ))}\n            </div>\n\n        </section>\n        <Footer/>\n     </div>\n  );\n}\nexport default Portfolio;","import React from \"react\";\nimport Menu from \"@components/menu\";\nimport BgkRandom from \"@components/bgkRandom\";\nimport Footer from \"@components/footer\";\n\nfunction Passion(){\n  var classContentRight = BgkRandom(\"passion\");\n\n  return(\n\n    <div className=\"container\">\n        <section className=\"left\">\n            <h2>Meglio 5 minuti in moto che una vita sprecata</h2>\n            <article>\n                <p>\n                   CALCIO\n                   Gioco a calcio praticamente da una vita, ho iniziato a correre dietro al pallone a circa 3 anni insieme a mio fratello.\n                   Fino a 10 anni mi divertivo sotto casa con gli amici, poi ho iniziato a giocare un pò più seriamente.\n\n                   Ho indossato le maglie delle seguenti squadre:\n\n                   Algo: squadra a 7\n                   San Carlo Milano: squadra a 7\n                   Atletico Vittoria: squadra a 11 serie D\n                   Giorgella: squadra a 11 serie C\n                   Asi Monza: squadra a 11 serie B/C\n                   Idrostar: squadra a 7\n\n                   MOTO\n                   Ho una Kawasaki ER-6N che fino ad oggi mi accompagna nella vita quotidiana come nei weekend per gite di piacere.\n\n                   SNOW\n                   Oltre al calcio e alla moto ho un altro hobby: lo snowboard, al quale purtroppo riesco a dedicare veramente poco tempo.\n                </p>\n            </article>\n        </section>\n        <Menu/>\n        <section className={\"right \" + classContentRight}>\n            <Footer/>\n        </section>\n     </div>\n  );\n}\n\nexport default Passion;","import React from \"react\";\nimport Menu from \"@components/menu\";\nimport Footer from \"@components/footer\";\n\nfunction PageNotFound(){\n\n  return(\n    <div className=\"container\">\n        <section className=\"left\">\n            <article>\n                <p>\n                    Ops....Pagina non trovata :(\n                </p>\n            </article>\n        </section>\n        <Menu/>\n        <section className=\"right\">\n            <Footer/>\n        </section>\n     </div>\n  );\n}\n\nexport default PageNotFound;","import React, { useState } from \"react\";\n\n//ESEMPIO CON GLI HOOKS (permettono di gestire lo state anche con una funzione, prima si poteva solo con le classi)\nfunction PaginaIncrementa(){\n  const [count, setCount] = useState(0);\n  const increment = () => {\n    setCount(count + 1);\n  }\n\n  return(\n    <div className=\"container\">\n        counter: {count}\n        <button onClick={increment}>Incrementa</button>\n     </div>\n  );\n}\nexport default PaginaIncrementa;\n\n//ESEMPIO CON CLASS USATO PRIMA DEGLI HOOKS\n/*class PaginaIncrementa extends React.Component{\n  state = {\n      number: 0\n  }\n\n  incrementa = () => {\n    this.setState({\n        number: this.state.number + 1\n    })\n  }\n\n  render(){\n      return(\n        <div className=\"container\">\n            counter: {this.state.number}\n            <button onClick={this.incrementa}>Incrementa</button>\n         </div>\n      );\n  }\n}\nexport default PaginaIncrementa;*/","//useEffect serve per lanciare una funzione al caricamento della pagina\nimport React, { useState, useEffect } from \"react\";\nimport {NavLink} from 'react-router-dom';\n\nfunction PaginaFetch(){\n    useEffect(() => {\n        fetchData();\n    }, [])\n\n    const [posts, setPosts] = useState([]);\n\n    const fetchData = async () => {\n        const rawData = await fetch('https://jsonplaceholder.typicode.com/posts')\n        const data = await rawData.json();\n        console.log(data.slice(0, 10));\n        const posts = data.slice(0,10);\n        setPosts(posts);\n    }\n\n\n\n  return(\n    <div className=\"container\">\n\n        {posts.map(post => (\n            <NavLink to={`/${post.id}`}>\n                <h4 key={post.id}>{post.title}</h4>\n            </NavLink>\n        ))}\n\n    </div>\n  );\n}\nexport default PaginaFetch;","//useEffect serve per lanciare una funzione al caricamento della pagina\nimport React, { useState} from \"react\";\n\nfunction PaginaFetchArray(){\n\n    const [clienti, setClienti] = useState([\n        {name: 'La Gazzetta dello Sport', link: 'https://www.gazzetta.it', image: '1.jpg'},\n        {name: 'Gazzetta Fan News', link: 'https://www.gazzetta.it', image: '1.jpg'}\n    ]);\n\n\n  return(\n    <div className=\"container\">\n        {clienti.map(cliente => (\n            <div class=\"cliente\">\n                <h4 key={cliente.id}>\n                    <a href={`${cliente.link}`} target=\"_blank\"><img src={`${cliente.image}`} />{cliente.name}</a>\n                </h4>\n            </div>\n        ))}\n    </div>\n  );\n}\nexport default PaginaFetchArray;","//useEffect serve per lanciare una funzione al caricamento della pagina\nimport React, { useState, useEffect } from \"react\";\n\nfunction PaginaFetchDettaglio(props){\n    useEffect(() => {\n        fetchData();\n    }, [])\n\n    const [post, setPost] = useState({});\n\n    const fetchData = async () => {\n        const id = props.match.params.id;\n        const rawData = await fetch(`https://jsonplaceholder.typicode.com/posts/${id}`)\n        const post = await rawData.json();\n        console.log(post);\n        setPost(post);\n    }\n\n\n  return(\n    <div className=\"container\">\n        <h4>{post.title}</h4>\n    </div>\n  );\n}\nexport default PaginaFetchDettaglio;","import '@css/App.css';\n//import Menu from \"@components/menu\";\nimport About from \"@components/about\";\nimport Job from \"@components/job\";\nimport Portfolio from \"@components/portfolio\";\nimport Passion from \"@components/passion\";\nimport PageNotFound from \"@components/pageNotFound\";\nimport PaginaIncrementa from \"@components/paginaIncrementa\";\nimport PaginaFetch from \"@components/paginaFetch\";\nimport PaginaFetchArray from \"@components/paginaFetchArray\";\nimport PaginaFetchDettaglio from \"@components/paginaFetchDettaglio\";\n//import Footer from \"@components/footer\";\nimport {HashRouter, Switch, Route} from 'react-router-dom';\n\nfunction App() {\n\n  return (\n    <HashRouter>\n        <Switch>\n            <Route exact path=\"/\" component={About} />\n            <Route exact path=\"/about\" component={About} />\n            <Route exact path=\"/job\" component={Job} />\n            <Route exact path=\"/portfolio\" component={Portfolio} />\n            <Route exact path=\"/passion\" component={Passion} />\n            <Route component={PageNotFound} />\n\n            <Route exact path=\"/paginaIncrementa\" component={PaginaIncrementa} />\n            <Route exact path=\"/paginaFetch\" component={PaginaFetch} />\n            <Route exact path=\"/paginaFetchArray\" component={PaginaFetchArray} />\n            <Route exact path=\"/:id\" component={PaginaFetchDettaglio} />\n        </Switch>\n    </HashRouter>\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 App from './App';\nimport reportWebVitals from './reportWebVitals';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\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":""}