diff --git a/asset-manifest.json b/asset-manifest.json index 10d145e..2693ddf 100644 --- a/asset-manifest.json +++ b/asset-manifest.json @@ -1,22 +1,22 @@ { "files": { - "main.css": "/jeff-mcmillen-react-portfolio/static/css/main.0736d9e0.css", - "main.js": "/jeff-mcmillen-react-portfolio/static/js/main.2ba313a6.js", + "main.css": "/jeff-mcmillen-react-portfolio/static/css/main.e3bd9537.css", + "main.js": "/jeff-mcmillen-react-portfolio/static/js/main.8ec77890.js", "static/media/Jeff+Headshot_-001.jpg": "/jeff-mcmillen-react-portfolio/static/media/Jeff+Headshot_-001.7302748799aeb5d85a23.jpg", "static/media/emp-tracker.png": "/jeff-mcmillen-react-portfolio/static/media/emp-tracker.6dac1fbe80839da29a6d.png", "static/media/chronoscape.jpg": "/jeff-mcmillen-react-portfolio/static/media/chronoscape.b8418bbde407316dc736.jpg", "static/media/social-network-api.png": "/jeff-mcmillen-react-portfolio/static/media/social-network-api.67d5d147524af28d1df1.png", "static/media/ecommerce.png": "/jeff-mcmillen-react-portfolio/static/media/ecommerce.e776a9256e84bbeed0b5.png", - "static/media/McMillen_Jeff_WebDev_Resume_v.1.0.pdf": "/jeff-mcmillen-react-portfolio/static/media/McMillen_Jeff_WebDev_Resume_v.1.0.fa26bba2c5b9415bcc0a.pdf", + "static/media/McMillen_Jeff_WebDev_Resume_v.1.0.pdf": "/jeff-mcmillen-react-portfolio/static/media/McMillen_Jeff_WebDev_Resume_v.1.0.f50d7fe7d9e9209dfe42.pdf", "static/media/earth.jpg": "/jeff-mcmillen-react-portfolio/static/media/earth.5113e47a729c10783bd7.jpg", "static/media/tech-blog.png": "/jeff-mcmillen-react-portfolio/static/media/tech-blog.611972f866d6cade9f2c.png", "static/media/resume-icon.png": "/jeff-mcmillen-react-portfolio/static/media/resume-icon.92927870b2601a4a340c.png", "index.html": "/jeff-mcmillen-react-portfolio/index.html", - "main.0736d9e0.css.map": "/jeff-mcmillen-react-portfolio/static/css/main.0736d9e0.css.map", - "main.2ba313a6.js.map": "/jeff-mcmillen-react-portfolio/static/js/main.2ba313a6.js.map" + "main.e3bd9537.css.map": "/jeff-mcmillen-react-portfolio/static/css/main.e3bd9537.css.map", + "main.8ec77890.js.map": "/jeff-mcmillen-react-portfolio/static/js/main.8ec77890.js.map" }, "entrypoints": [ - "static/css/main.0736d9e0.css", - "static/js/main.2ba313a6.js" + "static/css/main.e3bd9537.css", + "static/js/main.8ec77890.js" ] } \ No newline at end of file diff --git a/index.html b/index.html index 677a95a..ee30ed0 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -Jeff McMillen
\ No newline at end of file +Jeff McMillen
\ No newline at end of file diff --git a/static/css/main.0736d9e0.css b/static/css/main.0736d9e0.css deleted file mode 100644 index 94ab725..0000000 --- a/static/css/main.0736d9e0.css +++ /dev/null @@ -1,2 +0,0 @@ -*{box-sizing:border-box;margin:0;padding:0}body{background-color:#74bee3;height:100vh}header{height:20vh;justify-content:space-between}h1,header{display:flex}h1{align-items:center;align-self:center;background-color:#bd202b;color:#fdcc06;font-size:48px;height:50%;justify-content:center;width:400px}nav{display:flex}nav ul{align-self:center;height:100%;justify-content:space-evenly;width:1000px}nav li{align-items:center;display:inline-flex;font-size:24px;font-weight:700;height:150px;justify-content:center;padding:5%;width:150px}.outer-hex{background:#f3cc75;display:inline-flex;height:200px;width:200px}.inner-hex,.outer-hex{-webkit-clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%)}.inner-hex{height:180px;left:10px;position:relative;top:10px;width:180px;z-index:-1}.hex1{background:#859d3b;color:#39553c}.hex2{background:#39553c;color:#f2ae4b}.hex3{background:#a67149}.hex3,.hex4{color:#39553c}.hex4{background:#f2ae4b}.hex5{background:#827d69;color:#f2ae4b}.aboutMe,.links,.portfolio,.resume,header{margin:150px 0}.aboutMe{height:400px}.headshot,.resumeIcon{border-radius:20px;float:left;height:375px;margin-left:15%;width:300px}.bio,.skills{padding-left:35%;padding-right:15%}h2{font-size:36px;text-align:center;text-decoration:underline}h2,p{font-weight:700}p{font-size:24px}h2,p{padding:35px}.card{border-radius:5px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);transition:.3s}.card:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}.container{padding:2px 16px}.border1{border:5px solid #f3cc75}.contactForm,.links,.portfolio h2{margin:0 15%;width:70%}.project-list{display:flex;flex-flow:row wrap;justify-content:center}.projectCard{height:40%;padding:5%;width:40%}.projectCard img{width:100%}.projectCard img:hover{border:5px solid #bd202b}.projectCard h3{font-size:24px;padding:35px}.contactInfo p,.extLinks p,.projectCard h3{text-align:center}.resumeIcon:hover{border:5px solid #bd202b}.extLinks a{color:#f3cc75}.extLinks a:hover{color:#bd202b}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:EB Garamond}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace} -/*# sourceMappingURL=main.0736d9e0.css.map*/ \ No newline at end of file diff --git a/static/css/main.0736d9e0.css.map b/static/css/main.0736d9e0.css.map deleted file mode 100644 index 6e761c2..0000000 --- a/static/css/main.0736d9e0.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"static/css/main.0736d9e0.css","mappings":"AACA,EACI,qBAAsB,CACtB,QAAS,CACT,SACJ,CAGA,KACI,wBAAyB,CACzB,YACJ,CAGA,OACI,WAAY,CAEZ,6BACJ,CAGA,UALI,YAeJ,CAVA,GAEI,kBAAmB,CAEnB,iBAAkB,CAKlB,wBAAyB,CADzB,aAAc,CADd,cAAe,CADf,UAAW,CAHX,sBAAuB,CAEvB,WAKJ,CAGA,IACI,YACJ,CAEA,OAEI,iBAAkB,CAElB,WAAY,CADZ,4BAA6B,CAF7B,YAIJ,CAEA,OAKI,kBAAmB,CAJnB,mBAAoB,CAMpB,cAAe,CACf,eAAiB,CALjB,YAAa,CAGb,sBAAuB,CAJvB,UAAW,CAEX,WAKJ,CAGA,WACI,kBAAmB,CAInB,mBAAoB,CAHpB,YAAa,CACb,WAGJ,CAEA,sBAJI,uEAAsE,CAAtE,+DAYJ,CARA,WAGI,YAAa,CAEb,SAAU,CAJV,iBAAkB,CAGlB,QAAS,CAFT,WAAY,CAKZ,UACJ,CAGA,MACI,kBAAmB,CACnB,aACJ,CAEA,MACI,kBAAmB,CACnB,aACJ,CAEA,MACI,kBAEJ,CAEA,YAHI,aAMJ,CAHA,MACI,kBAEJ,CAEA,MACI,kBAAmB,CACnB,aACJ,CAGA,0CACI,cACJ,CAGA,SACI,YACJ,CAGA,sBAKI,kBAAmB,CAFnB,UAAW,CADX,YAAa,CAEb,eAAgB,CAHhB,WAKJ,CAGA,aACI,gBAAiB,CACjB,iBAEJ,CAGA,GACI,cAAe,CAGf,iBAAkB,CAFlB,yBAGJ,CAGA,KALI,eAQJ,CAHA,EACI,cAEJ,CAGA,KACI,YACJ,CAGA,MAII,iBAAkB,CAHlB,qCAAuC,CACvC,cAGJ,CAEA,YACI,sCACJ,CAEA,WACI,gBACJ,CAEA,SACI,wBACJ,CAGA,kCAEI,YAAa,CADb,SAEJ,CAGA,cACI,YAAa,CACb,kBAAmB,CACnB,sBACJ,CAGA,aAGI,UAAW,CAFX,UAAW,CACX,SAEJ,CAGA,iBACI,UACJ,CAGA,uBACI,wBACJ,CAGA,gBACI,cAAe,CAEf,YACJ,CAGA,2CALI,iBAOJ,CAGA,kBACI,wBACJ,CAGA,YACI,aACJ,CAEA,kBACI,aACJ,CC5NA,KAEE,kCAAmC,CACnC,iCAAkC,CAFlC,uBAGF,CAEA,KACE,uEACF","sources":["App.css","index.css"],"sourcesContent":["/* Wildcard settings for all items on the page */\r\n* {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\n/* Sets the background color to the whole page */\r\nbody {\r\n background-color: #74bee3;\r\n height: 100vh;\r\n}\r\n\r\n/* Sets the height of the header and separates the h1 from the navigation */\r\nheader {\r\n height: 20vh;\r\n display: flex;\r\n justify-content: space-between;\r\n}\r\n\r\n/* Styles the h1 in the style of the Settlers of Catan box */\r\nh1 {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n align-self: center;\r\n width: 400px;\r\n height: 50%;\r\n font-size: 48px;\r\n color: #fdcc06;\r\n background-color: #bd202b;\r\n}\r\n\r\n/* Styles the navigation links to have room for the hexes around them */\r\nnav {\r\n display: flex;\r\n}\r\n\r\nnav ul {\r\n width: 1000px;\r\n align-self: center;\r\n justify-content: space-evenly;\r\n height: 100%;\r\n} \r\n\r\nnav li {\r\n display: inline-flex;\r\n padding: 5%;\r\n height: 150px;\r\n width: 150px;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 24px;\r\n font-weight: bold;\r\n}\r\n\r\n/* Styles the outer-hex (border) and the inner hex for each of the navigation links */\r\n.outer-hex {\r\n background: #f3cc75;\r\n height: 200px;\r\n width: 200px;\r\n clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);\r\n display: inline-flex;\r\n}\r\n\r\n.inner-hex {\r\n position: relative;\r\n width: 180px;\r\n height: 180px;\r\n top: 10px;\r\n left: 10px;\r\n clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);\r\n z-index: -1;\r\n}\r\n\r\n/* Sets the colors for all 5 hexes */\r\n.hex1 {\r\n background: #859d3b;\r\n color: #39553c;\r\n}\r\n\r\n.hex2 {\r\n background: #39553c;\r\n color: #f2ae4b;\r\n}\r\n\r\n.hex3 {\r\n background: #a67149;\r\n color: #39553c;\r\n}\r\n\r\n.hex4 {\r\n background: #f2ae4b;\r\n color: #39553c;\r\n}\r\n\r\n.hex5 {\r\n background: #827d69;\r\n color: #f2ae4b;\r\n}\r\n\r\n/* Spaces out all sections of the website to take up more room and allows the sections to \"breathe\" and not feel so constricted */\r\nheader, .aboutMe, .portfolio, .resume, .links {\r\n margin: 150px 0;\r\n}\r\n\r\n/* Sets the About Me section's height */\r\n.aboutMe {\r\n height: 400px;\r\n}\r\n\r\n/* Sets the size, placement, and rounded corners for the headshot and resume icon */\r\n.headshot, .resumeIcon {\r\n width: 300px;\r\n height: 375px;\r\n float: left;\r\n margin-left: 15%;\r\n border-radius: 20px;\r\n}\r\n\r\n/* Sizes the bio and skills sub-sections to allow room for the headshot and resume icon */\r\n.bio, .skills {\r\n padding-left: 35%;\r\n padding-right: 15%;\r\n \r\n}\r\n\r\n/* Styles all section titles */\r\nh2 {\r\n font-size: 36px;\r\n text-decoration: underline;\r\n font-weight: bold;\r\n text-align: center;\r\n}\r\n\r\n/* Styles all paragraph elements for legibility*/\r\np {\r\n font-size: 24px;\r\n font-weight: bold;\r\n}\r\n\r\n/* Gives the section titles and paragraphs more room */\r\nh2, p {\r\n padding: 35px;\r\n}\r\n\r\n/* Styles the \"card\" containing the headshot */\r\n.card {\r\n box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);\r\n transition: 0.3s;\r\n /* width: 40%; */\r\n border-radius: 5px;\r\n}\r\n \r\n.card:hover {\r\n box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);\r\n}\r\n\r\n.container {\r\n padding: 2px 16px;\r\n}\r\n\r\n.border1 {\r\n border: 5px solid #f3cc75;\r\n}\r\n\r\n/* Sets the width of all sections except for About Me and Resume */\r\n.portfolio h2, .contactForm, .links {\r\n width: 70%;\r\n margin: 0 15%;\r\n}\r\n\r\n/* Allows the projects to wrap in rows */\r\n.project-list {\r\n display: flex;\r\n flex-flow: row wrap;\r\n justify-content: center;\r\n}\r\n\r\n/* Sets the sizes of all projects in .project-list */\r\n.projectCard {\r\n padding: 5%;\r\n width: 40%;\r\n height: 40%;\r\n}\r\n\r\n/* Sets image sizes of project images */\r\n.projectCard img {\r\n width: 100%;\r\n}\r\n\r\n/* Sets border color of images for project when the user hovers over them */\r\n.projectCard img:hover {\r\n border: 5px solid #bd202b;\r\n}\r\n\r\n/* Centers the text under each project */\r\n.projectCard h3 {\r\n font-size: 24px;\r\n text-align: center;\r\n padding: 35px;\r\n}\r\n\r\n/* Centers the text in the Contact and Links sections */\r\n.contactInfo p, .extLinks p {\r\n text-align: center;\r\n}\r\n\r\n/* Colors the resume icon border when the user hovers over it */\r\n.resumeIcon:hover {\r\n border: 5px solid #bd202b;\r\n}\r\n\r\n/* Colors the external links */\r\n.extLinks a {\r\n color: #f3cc75;\r\n}\r\n\r\n.extLinks a:hover {\r\n color: #bd202b;\r\n}\r\n\r\n/* Makes all projects a single column on really small mobile devices */\r\n/* @media screen and (max-width: 767px) { \r\n .project {\r\n width: 80%;\r\n }\r\n\r\n h1 {\r\n text-align: center;\r\n }\r\n} */\r\n\r\n/* Makes the website mobile-friendly on larger devices */\r\n/* @media screen and (max-width: 1024px) {\r\n * {\r\n text-align: center;\r\n }\r\n \r\n nav {\r\n flex-flow: column wrap;\r\n }\r\n\r\n nav ul {\r\n display: flex;\r\n }\r\n\r\n nav ul li {\r\n display: flex;\r\n padding: 5%;\r\n }\r\n \r\n .about-me img {\r\n float: none;\r\n }\r\n\r\n .bio-text {\r\n text-indent: 0%;\r\n }\r\n\r\n .contact ul {\r\n display: block;\r\n padding: 2%;\r\n }\r\n} */","body {\n font-family: 'EB Garamond';\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/css/main.e3bd9537.css b/static/css/main.e3bd9537.css new file mode 100644 index 0000000..8140895 --- /dev/null +++ b/static/css/main.e3bd9537.css @@ -0,0 +1,2 @@ +*{box-sizing:border-box;margin:0;padding:0}body{background-color:#74bee3;height:100vh}header{flex-flow:row wrap;height:400px;justify-content:space-evenly}h1,header{display:flex}h1{align-items:center;background-color:#bd202b;color:#fdcc06;font-size:48px;height:200px;justify-content:center;width:400px}nav{display:flex}nav ul{align-self:center;height:100%;justify-content:space-evenly;width:1000px}nav li{align-items:center;display:inline-flex;font-size:24px;font-weight:700;height:150px;justify-content:center;padding:5%;width:150px}.outer-hex{background:#f3cc75;display:inline-flex;height:200px;width:200px}.inner-hex,.outer-hex{-webkit-clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%)}.inner-hex{height:180px;left:10px;position:relative;top:10px;width:180px;z-index:-1}.hex1{background:#859d3b;color:#39553c}.hex2{background:#39553c;color:#f2ae4b}.hex3{background:#a67149}.hex3,.hex4{color:#39553c}.hex4{background:#f2ae4b}.hex5{background:#827d69;color:#f2ae4b}.links,.portfolio,.resume,header{margin:150px 0}.aboutMe{height:400px}.headshot,.resumeIcon{border-radius:20px;float:left;height:375px;margin-left:15%;width:300px}.bio,.skills{padding-left:35%;padding-right:15%}h2{font-size:36px;text-align:center;text-decoration:underline}h2,p{font-weight:700}p{font-size:24px}h2,p{padding:35px}.card{border-radius:5px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);transition:.3s}.card:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}.container{padding:2px 16px}.border1{border:5px solid #f3cc75}.contactForm,.links,.portfolio h2{margin:0 15%;width:70%}.project-list{display:flex;flex-flow:row wrap;justify-content:center}.projectCard{height:40%;padding:5%;width:40%}.projectCard img{width:100%}.projectCard img:hover{border:5px solid #bd202b}.projectCard h3{font-size:24px;padding:35px}.contactInfo p,.extLinks p,.projectCard h3{text-align:center}.resumeIcon:hover{border:5px solid #bd202b}.extLinks a{color:#f3cc75}.extLinks a:hover{color:#bd202b}@media screen and (max-width:400px){header{align-items:center;display:flex;justify-content:center;margin:0 auto}h1,nav{width:100%}.outer-hex{height:150px;width:150px}.inner-hex{height:125px;left:12px;top:12px;width:125px}}@media screen and (max-width:1024px){*{text-align:center}header{flex-flow:column;height:500px;margin:75px 0}h1{align-self:center}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:EB Garamond}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace} +/*# sourceMappingURL=main.e3bd9537.css.map*/ \ No newline at end of file diff --git a/static/css/main.e3bd9537.css.map b/static/css/main.e3bd9537.css.map new file mode 100644 index 0000000..cb6819c --- /dev/null +++ b/static/css/main.e3bd9537.css.map @@ -0,0 +1 @@ +{"version":3,"file":"static/css/main.e3bd9537.css","mappings":"AACA,EACI,qBAAsB,CACtB,QAAS,CACT,SACJ,CAGA,KACI,wBAAyB,CACzB,YACJ,CAGA,OAGI,kBAAmB,CAFnB,YAAa,CAGb,4BACJ,CAGA,UANI,YAeJ,CATA,GAEI,kBAAmB,CAMnB,wBAAyB,CADzB,aAAc,CADd,cAAe,CADf,YAAa,CAFb,sBAAuB,CACvB,WAKJ,CAGA,IACI,YACJ,CAEA,OAEI,iBAAkB,CAElB,WAAY,CADZ,4BAA6B,CAF7B,YAIJ,CAEA,OAKI,kBAAmB,CAJnB,mBAAoB,CAMpB,cAAe,CACf,eAAiB,CALjB,YAAa,CAGb,sBAAuB,CAJvB,UAAW,CAEX,WAKJ,CAGA,WACI,kBAAmB,CAInB,mBAAoB,CAHpB,YAAa,CACb,WAGJ,CAEA,sBAJI,uEAAsE,CAAtE,+DAYJ,CARA,WAGI,YAAa,CAEb,SAAU,CAJV,iBAAkB,CAGlB,QAAS,CAFT,WAAY,CAKZ,UACJ,CAGA,MACI,kBAAmB,CACnB,aACJ,CAEA,MACI,kBAAmB,CACnB,aACJ,CAEA,MACI,kBAEJ,CAEA,YAHI,aAMJ,CAHA,MACI,kBAEJ,CAEA,MACI,kBAAmB,CACnB,aACJ,CAGA,iCACI,cACJ,CAGA,SACI,YACJ,CAGA,sBAKI,kBAAmB,CAFnB,UAAW,CADX,YAAa,CAEb,eAAgB,CAHhB,WAKJ,CAGA,aACI,gBAAiB,CACjB,iBAEJ,CAGA,GACI,cAAe,CAGf,iBAAkB,CAFlB,yBAGJ,CAGA,KALI,eAQJ,CAHA,EACI,cAEJ,CAGA,KACI,YACJ,CAGA,MAII,iBAAkB,CAHlB,qCAAuC,CACvC,cAGJ,CAEA,YACI,sCACJ,CAEA,WACI,gBACJ,CAEA,SACI,wBACJ,CAGA,kCAEI,YAAa,CADb,SAEJ,CAGA,cACI,YAAa,CACb,kBAAmB,CACnB,sBACJ,CAGA,aAGI,UAAW,CAFX,UAAW,CACX,SAEJ,CAGA,iBACI,UACJ,CAGA,uBACI,wBACJ,CAGA,gBACI,cAAe,CAEf,YACJ,CAGA,2CALI,iBAOJ,CAGA,kBACI,wBACJ,CAGA,YACI,aACJ,CAEA,kBACI,aACJ,CAEA,oCACI,OAEI,kBAAmB,CADnB,YAAa,CAEb,sBAAuB,CACvB,aACJ,CAEA,OACI,UAGJ,CAEA,WACI,YAAa,CACb,WACJ,CAEA,WACI,YAAa,CAGb,SAAU,CADV,QAAS,CADT,WAGJ,CACJ,CA0BA,qCACI,EACI,iBACJ,CAEA,OACI,gBAAiB,CAEjB,YAAa,CADb,aAEJ,CAEA,GACI,iBACJ,CACJ,CC/RA,KAEE,kCAAmC,CACnC,iCAAkC,CAFlC,uBAGF,CAEA,KACE,uEACF","sources":["App.css","index.css"],"sourcesContent":["/* Wildcard settings for all items on the page */\r\n* {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\n/* Sets the background color to the whole page */\r\nbody {\r\n background-color: #74bee3;\r\n height: 100vh;\r\n}\r\n\r\n/* Sets the height of the header and separates the h1 from the navigation */\r\nheader {\r\n height: 400px;\r\n display: flex;\r\n flex-flow: row wrap;\r\n justify-content: space-evenly;\r\n}\r\n\r\n/* Styles the h1 in the style of the Settlers of Catan box */\r\nh1 {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 400px;\r\n height: 200px;\r\n font-size: 48px;\r\n color: #fdcc06;\r\n background-color: #bd202b;\r\n}\r\n\r\n/* Styles the navigation links to have room for the hexes around them */\r\nnav {\r\n display: flex;\r\n}\r\n\r\nnav ul {\r\n width: 1000px;\r\n align-self: center;\r\n justify-content: space-evenly;\r\n height: 100%;\r\n} \r\n\r\nnav li {\r\n display: inline-flex;\r\n padding: 5%;\r\n height: 150px;\r\n width: 150px;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 24px;\r\n font-weight: bold;\r\n}\r\n\r\n/* Styles the outer-hex (border) and the inner hex for each of the navigation links */\r\n.outer-hex {\r\n background: #f3cc75;\r\n height: 200px;\r\n width: 200px;\r\n clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);\r\n display: inline-flex;\r\n}\r\n\r\n.inner-hex {\r\n position: relative;\r\n width: 180px;\r\n height: 180px;\r\n top: 10px;\r\n left: 10px;\r\n clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);\r\n z-index: -1;\r\n}\r\n\r\n/* Sets the colors for all 5 hexes */\r\n.hex1 {\r\n background: #859d3b;\r\n color: #39553c;\r\n}\r\n\r\n.hex2 {\r\n background: #39553c;\r\n color: #f2ae4b;\r\n}\r\n\r\n.hex3 {\r\n background: #a67149;\r\n color: #39553c;\r\n}\r\n\r\n.hex4 {\r\n background: #f2ae4b;\r\n color: #39553c;\r\n}\r\n\r\n.hex5 {\r\n background: #827d69;\r\n color: #f2ae4b;\r\n}\r\n\r\n/* Spaces out all sections of the website to take up more room and allows the sections to \"breathe\" and not feel so constricted */\r\nheader, .portfolio, .resume, .links {\r\n margin: 150px 0;\r\n}\r\n\r\n/* Sets the About Me section's height */\r\n.aboutMe {\r\n height: 400px;\r\n}\r\n\r\n/* Sets the size, placement, and rounded corners for the headshot and resume icon */\r\n.headshot, .resumeIcon {\r\n width: 300px;\r\n height: 375px;\r\n float: left;\r\n margin-left: 15%;\r\n border-radius: 20px;\r\n}\r\n\r\n/* Sizes the bio and skills sub-sections to allow room for the headshot and resume icon */\r\n.bio, .skills {\r\n padding-left: 35%;\r\n padding-right: 15%;\r\n \r\n}\r\n\r\n/* Styles all section titles */\r\nh2 {\r\n font-size: 36px;\r\n text-decoration: underline;\r\n font-weight: bold;\r\n text-align: center;\r\n}\r\n\r\n/* Styles all paragraph elements for legibility*/\r\np {\r\n font-size: 24px;\r\n font-weight: bold;\r\n}\r\n\r\n/* Gives the section titles and paragraphs more room */\r\nh2, p {\r\n padding: 35px;\r\n}\r\n\r\n/* Styles the \"card\" containing the headshot */\r\n.card {\r\n box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);\r\n transition: 0.3s;\r\n /* width: 40%; */\r\n border-radius: 5px;\r\n}\r\n \r\n.card:hover {\r\n box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);\r\n}\r\n\r\n.container {\r\n padding: 2px 16px;\r\n}\r\n\r\n.border1 {\r\n border: 5px solid #f3cc75;\r\n}\r\n\r\n/* Sets the width of all sections except for About Me and Resume */\r\n.portfolio h2, .contactForm, .links {\r\n width: 70%;\r\n margin: 0 15%;\r\n}\r\n\r\n/* Allows the projects to wrap in rows */\r\n.project-list {\r\n display: flex;\r\n flex-flow: row wrap;\r\n justify-content: center;\r\n}\r\n\r\n/* Sets the sizes of all projects in .project-list */\r\n.projectCard {\r\n padding: 5%;\r\n width: 40%;\r\n height: 40%;\r\n}\r\n\r\n/* Sets image sizes of project images */\r\n.projectCard img {\r\n width: 100%;\r\n}\r\n\r\n/* Sets border color of images for project when the user hovers over them */\r\n.projectCard img:hover {\r\n border: 5px solid #bd202b;\r\n}\r\n\r\n/* Centers the text under each project */\r\n.projectCard h3 {\r\n font-size: 24px;\r\n text-align: center;\r\n padding: 35px;\r\n}\r\n\r\n/* Centers the text in the Contact and Links sections */\r\n.contactInfo p, .extLinks p {\r\n text-align: center;\r\n}\r\n\r\n/* Colors the resume icon border when the user hovers over it */\r\n.resumeIcon:hover {\r\n border: 5px solid #bd202b;\r\n}\r\n\r\n/* Colors the external links */\r\n.extLinks a {\r\n color: #f3cc75;\r\n}\r\n\r\n.extLinks a:hover {\r\n color: #bd202b;\r\n}\r\n\r\n@media screen and (max-width: 400px) {\r\n header {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto;\r\n }\r\n \r\n h1, nav {\r\n width: 100%;\r\n /* margin: auto; */\r\n /* height: 300px; */\r\n }\r\n \r\n .outer-hex {\r\n height: 150px;\r\n width: 150px;\r\n }\r\n\r\n .inner-hex {\r\n height: 125px;\r\n width: 125px;\r\n top: 12px;\r\n left: 12px;\r\n }\r\n}\r\n\r\n@media screen and (max-width: 550px) {\r\n \r\n}\r\n\r\n/* Makes all projects a single column on really small mobile devices */\r\n@media screen and (max-width: 767px) { \r\n /* header {\r\n height: 600px;\r\n } */\r\n\r\n /* h1, nav {\r\n justify-content: center;\r\n } */\r\n \r\n /* .project {\r\n width: 80%;\r\n } */\r\n\r\n /* h1 {\r\n text-align: center;\r\n } */\r\n}\r\n\r\n/* Makes the website mobile-friendly on larger devices */\r\n@media screen and (max-width: 1024px) {\r\n * {\r\n text-align: center;\r\n }\r\n\r\n header {\r\n flex-flow: column;\r\n margin: 75px 0px;\r\n height: 500px;\r\n }\r\n\r\n h1 {\r\n align-self: center;\r\n }\r\n}","body {\n font-family: 'EB Garamond';\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/js/main.2ba313a6.js b/static/js/main.8ec77890.js similarity index 94% rename from static/js/main.2ba313a6.js rename to static/js/main.8ec77890.js index 9443ab7..f117aa9 100644 --- a/static/js/main.2ba313a6.js +++ b/static/js/main.8ec77890.js @@ -1,3 +1,3 @@ -/*! For license information please see main.2ba313a6.js.LICENSE.txt */ -!function(){"use strict";var e={725:function(e){var n=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable;e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var n={},t=0;t<10;t++)n["_"+String.fromCharCode(t)]=t;if("0123456789"!==Object.getOwnPropertyNames(n).map((function(e){return n[e]})).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach((function(e){r[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(l){return!1}}()?Object.assign:function(e,l){for(var a,o,i=function(e){if(null===e||void 0===e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),u=1;u