diff --git a/asset-manifest.json b/asset-manifest.json index a6a8b85..a9a3da9 100644 --- a/asset-manifest.json +++ b/asset-manifest.json @@ -1,7 +1,7 @@ { "files": { - "main.css": "/jeff-mcmillen-react-portfolio/static/css/main.df858a46.css", - "main.js": "/jeff-mcmillen-react-portfolio/static/js/main.20ae1877.js", + "main.css": "/jeff-mcmillen-react-portfolio/static/css/main.49e03b23.css", + "main.js": "/jeff-mcmillen-react-portfolio/static/js/main.626e1470.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", @@ -14,11 +14,11 @@ "static/media/linkedin.png": "/jeff-mcmillen-react-portfolio/static/media/linkedin.ae13e3982d2911a2d922.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.df858a46.css.map": "/jeff-mcmillen-react-portfolio/static/css/main.df858a46.css.map", - "main.20ae1877.js.map": "/jeff-mcmillen-react-portfolio/static/js/main.20ae1877.js.map" + "main.49e03b23.css.map": "/jeff-mcmillen-react-portfolio/static/css/main.49e03b23.css.map", + "main.626e1470.js.map": "/jeff-mcmillen-react-portfolio/static/js/main.626e1470.js.map" }, "entrypoints": [ - "static/css/main.df858a46.css", - "static/js/main.20ae1877.js" + "static/css/main.49e03b23.css", + "static/js/main.626e1470.js" ] } \ No newline at end of file diff --git a/index.html b/index.html index 8f3b192..5ab7830 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.49e03b23.css b/static/css/main.49e03b23.css new file mode 100644 index 0000000..4767ec1 --- /dev/null +++ b/static/css/main.49e03b23.css @@ -0,0 +1,2 @@ +*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}body{background-color:#74bee3;height:100vh}header{align-content:center;flex-flow:row wrap;height:400px;justify-content:space-evenly}h1,header{display:flex}h1{align-items:center;background-color:#bd202b;box-shadow:10px 10px 5px #000;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%;text-decoration:underline;width:150px}.outer-hex{background:#f3cc75;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}.hex-shadow{display:inline-flex;-webkit-filter:drop-shadow(10px 10px 5px #000);filter:drop-shadow(10px 10px 5px black)}.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}header{margin-top:75px}.aboutMe,.links,.portfolio,.resume{margin:150px 0}.aboutMe{height:450px}.headshot,.resumeIcon{border-radius:20px;box-shadow:10px 10px 5px #000;float:left;height:375px;margin-left:15%;width:300px}.bio,.skills{box-shadow:10px 10px 5px #000;margin-left:35%;margin-right:15%}h2{font-size:36px;text-align:center}h2,p{font-weight:700}p{font-size:24px}h2,p{padding:35px}.card{border-radius:5px;box-shadow:10px 10px 5px #000;transition:.3s}.card:hover{box-shadow:20px 20px 10px #000}.container{padding:2px 16px}.border1{border:5px solid #f3cc75}.aboutMe a{color:#fdcc06}.aboutMe a:hover{color:#bd202b}.contactForm,.links,.portfolio h2{box-shadow:10px 10px 5px #000;margin:0 15%;width:70%}.project-list{display:flex;flex-flow:row wrap;justify-content:center}.projectCard{height:40%;padding:5%;width:40%}.screenshot{margin-bottom:10px;width:100%}.projectCard h3{font-size:24px;margin-bottom:15px;padding:35px;text-align:center}.projectCard a{color:#fdcc06}.projectCard a:hover{color:#bd202b}.projectCard h3,.projectCard p,.screenshot{box-shadow:10px 10px 5px #000}.icon{max-height:48px;max-width:48px}.contactInfo p{text-align:center}.resumeIcon:hover{border:5px solid #bd202b;box-shadow:20px 20px 10px #000;transition:.3s}.extLinks p{align-self:center;display:flex;justify-content:center}.extLinks a{max-height:48px}.extLinks img{max-width:48px}@media screen and (max-width:767px){.name,header{width:100%}.extLinks p{font-size:18px}}@media screen and (max-width:1024px){*{text-align:center}.app{display:flex;width:100%}.app,header{flex-flow:column}header{height:50%;margin-top:25px}.name{align-items:center;align-self:center;display:flex;justify-content:center}.outer-hex{height:150px;width:150px}.inner-hex{height:125px;left:0;top:12px;width:125px}.aboutMe,.contactForm,.links,.portfolio,.resume{display:flex;flex-direction:column;margin:75px 0}.aboutMe{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.headshot,.resumeIcon{margin:20px auto}.bio,.contactForm,.links,.skills{margin:auto;padding:0;width:90%}.portfolio h2{margin:auto;width:90%}.projectCard{margin:auto;width:85%}.resumeIcon{float:none}}@media screen and (min-width:1025px) and (max-width:1500px){.headshot,.resumeIcon{margin-left:5%}.bio,.skills{margin-right:5%}}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.49e03b23.css.map*/ \ No newline at end of file diff --git a/static/css/main.49e03b23.css.map b/static/css/main.49e03b23.css.map new file mode 100644 index 0000000..27ba433 --- /dev/null +++ b/static/css/main.49e03b23.css.map @@ -0,0 +1 @@ +{"version":3,"file":"static/css/main.49e03b23.css","mappings":"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","sources":["App.css","index.css"],"sourcesContent":["/* Wildcard settings for all items on the page, and smooths out scrolling */\r\n* {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n scroll-behavior: smooth;\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 align-content: center;\r\n}\r\n\r\n/* Styles the h1 in the style of the Settlers of Catan box and adds a shadow*/\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 box-shadow: 10px 10px 5px black;\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 text-decoration: underline;\r\n}\r\n\r\n/* Styles the outer-hex (border), the inner hex, and the hex-shadow 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}\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.hex-shadow {\r\n filter: drop-shadow(10px 10px 5px black);\r\n display: inline-flex;\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 {\r\n margin-top: 75px;\r\n}\r\n\r\n.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: 450px;\r\n}\r\n\r\n/* Sets the size, placement, rounded corners, and shadows 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 box-shadow: 10px 10px 5px black;\r\n}\r\n\r\n/* Sizes the bio and skills sub-sections to allow room for the headshot and resume icon and adds shadows to them */\r\n.bio, .skills {\r\n margin-left: 35%;\r\n margin-right: 15%;\r\n box-shadow: 10px 10px 5px black;\r\n}\r\n\r\n/* Styles all section titles */\r\nh2 {\r\n font-size: 36px;\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: 10px 10px 5px black;\r\n transition: 0.3s;\r\n border-radius: 5px;\r\n}\r\n \r\n.card:hover {\r\n box-shadow: 20px 20px 10px black;\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/* Colors the links in the About Me section */\r\n.aboutMe a {\r\n color: #fdcc06;\r\n}\r\n\r\n.aboutMe a:hover {\r\n color: #bd202b;\r\n}\r\n\r\n/* Sets the width of all sections except for About Me and Resume and adds shadows */\r\n.portfolio h2, .contactForm, .links {\r\n width: 70%;\r\n margin: 0 15%;\r\n box-shadow: 10px 10px 5px black;\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 and creates space to see shadows*/\r\n.screenshot {\r\n width: 100%;\r\n margin-bottom: 10px;\r\n}\r\n\r\n/* Centers the text under each project and evens out the spacing between all elements of each project card*/\r\n.projectCard h3 {\r\n font-size: 24px;\r\n text-align: center;\r\n padding: 35px;\r\n margin-bottom: 15px;\r\n}\r\n\r\n/* Sets color of underlined project names*/\r\n.projectCard a {\r\n color: #fdcc06;\r\n}\r\n\r\n.projectCard a:hover {\r\n color: #bd202b;\r\n}\r\n\r\n/* Adds a shadow to all project cards */\r\n.screenshot, .projectCard h3, .projectCard p {\r\n box-shadow: 10px 10px 5px black;\r\n}\r\n\r\n/* Resizes the GitHub icon in the project cards */\r\n.icon {\r\n max-width: 48px;\r\n max-height: 48px;\r\n}\r\n\r\n/* Centers the text in the Contact section */\r\n.contactInfo p {\r\n text-align: center;\r\n}\r\n\r\n/* Colors the resume icon border and enlarges the shadow when the user hovers over it */\r\n.resumeIcon:hover {\r\n border: 5px solid #bd202b;\r\n box-shadow: 20px 20px 10px black;\r\n transition: 0.3s;\r\n}\r\n\r\n/* Centers the text in the Links section with their icons */\r\n.extLinks p {\r\n display: flex;\r\n justify-content: center;\r\n align-self: center;\r\n}\r\n\r\n/* Resizes the icons and links */\r\n.extLinks a {\r\n max-height: 48px;\r\n}\r\n\r\n.extLinks img {\r\n max-width: 48px;\r\n}\r\n\r\n/* Makes all projects a single column on smaller mobile devices */\r\n@media screen and (max-width: 767px) { \r\n header {\r\n width: 100%;\r\n }\r\n \r\n .name {\r\n width: 100%;\r\n }\r\n\r\n .extLinks p {\r\n font-size: 18px;\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 .app {\r\n display: flex;\r\n flex-flow: column;\r\n width: 100%;\r\n }\r\n\r\n header {\r\n flex-flow: column;\r\n margin-top: 25px;\r\n height: 50%;\r\n }\r\n\r\n .name {\r\n display: flex;\r\n align-self: center;\r\n justify-content: center;\r\n align-items: center;\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: 0px;\r\n }\r\n\r\n .aboutMe, .portfolio, .contactForm, .resume, .links {\r\n display: flex;\r\n flex-direction: column;\r\n margin: 75px 0;\r\n }\r\n\r\n .aboutMe {\r\n height: fit-content;\r\n }\r\n\r\n .headshot, .resumeIcon {\r\n margin: 20px auto;\r\n }\r\n\r\n .bio, .contactForm, .skills, .links {\r\n padding: 0%;\r\n width: 90%;\r\n margin: auto;\r\n }\r\n\r\n .portfolio h2 {\r\n width: 90%;\r\n margin: auto;\r\n }\r\n\r\n .projectCard {\r\n margin: 30px 0;\r\n width: 85%;\r\n margin: auto;\r\n }\r\n \r\n .resumeIcon {\r\n float: none;\r\n }\r\n}\r\n\r\n/* Reduces margin for headshot, resumeIcon, bio, and skills with larger screens */\r\n@media screen and (min-width: 1025px) and (max-width: 1500px) {\r\n .headshot, .resumeIcon {\r\n margin-left: 5%;\r\n }\r\n\r\n .bio, .skills {\r\n margin-right: 5%;\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.df858a46.css b/static/css/main.df858a46.css deleted file mode 100644 index e35f6cb..0000000 --- a/static/css/main.df858a46.css +++ /dev/null @@ -1,2 +0,0 @@ -*{box-sizing:border-box;margin:0;padding:0}body{background-color:#74bee3;height:100vh}header{align-content:center;flex-flow:row wrap;height:400px;justify-content:space-evenly}h1,header{display:flex}h1{align-items:center;background-color:#bd202b;box-shadow:10px 10px 5px #000;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%;text-decoration:underline;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}header{margin-top:75px}.aboutMe,.links,.portfolio,.resume{margin:150px 0}.aboutMe{height:450px}.headshot,.resumeIcon{border-radius:20px;box-shadow:10px 10px 5px #000;float:left;height:375px;margin-left:15%;width:300px}.bio,.skills{box-shadow:10px 10px 5px #000;margin-left:35%;margin-right:15%}h2{font-size:36px;text-align:center}h2,p{font-weight:700}p{font-size:24px}h2,p{padding:35px}.card{border-radius:5px;box-shadow:10px 10px 5px #000;transition:.3s}.card:hover{box-shadow:20px 20px 10px #000}.container{padding:2px 16px}.border1{border:5px solid #f3cc75}.aboutMe a{color:#fdcc06}.aboutMe a:hover{color:#bd202b}.contactForm,.links,.portfolio h2{box-shadow:10px 10px 5px #000;margin:0 15%;width:70%}.project-list{display:flex;flex-flow:row wrap;justify-content:center}.projectCard{height:40%;padding:5%;width:40%}.screenshot{margin-bottom:10px;width:100%}.projectCard h3{font-size:24px;margin-bottom:15px;padding:35px;text-align:center}.projectCard a{color:#fdcc06}.projectCard a:hover{color:#bd202b}.projectCard h3,.projectCard p,.screenshot{box-shadow:10px 10px 5px #000}.icon{max-height:48px;max-width:48px}.contactInfo p{text-align:center}.resumeIcon:hover{border:5px solid #bd202b;box-shadow:20px 20px 10px #000;transition:.3s}.extLinks p{align-self:center;display:flex;justify-content:center}.extLinks a{max-height:48px}.extLinks img{max-width:48px}@media screen and (max-width:767px){.name,header{width:100%}.extLinks p{font-size:18px}}@media screen and (max-width:1024px){*{text-align:center}.app{display:flex;width:100%}.app,header{flex-flow:column}header{height:50%;margin-top:25px}.name{align-items:center;align-self:center;display:flex;justify-content:center}.outer-hex{height:150px;width:150px}.inner-hex{height:125px;left:12px;top:12px;width:125px}.aboutMe,.contactForm,.links,.portfolio,.resume{display:flex;flex-direction:column;margin:75px 0}.aboutMe{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.headshot,.resumeIcon{margin:20px auto}.bio,.contactForm,.links,.skills{margin:auto;padding:0;width:90%}.portfolio h2{margin:auto;width:90%}.projectCard{margin:auto;width:85%}.resumeIcon{float:none}}@media screen and (min-width:1025px) and (max-width:1500px){.headshot,.resumeIcon{margin-left:5%}.bio,.skills{margin-right:5%}}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.df858a46.css.map*/ \ No newline at end of file diff --git a/static/css/main.df858a46.css.map b/static/css/main.df858a46.css.map deleted file mode 100644 index 4952521..0000000 --- a/static/css/main.df858a46.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"static/css/main.df858a46.css","mappings":"AACA,EACI,qBAAsB,CACtB,QAAS,CACT,SACJ,CAGA,KACI,wBAAyB,CACzB,YACJ,CAGA,OAKI,oBAAqB,CAFrB,kBAAmB,CAFnB,YAAa,CAGb,4BAEJ,CAGA,UAPI,YAiBJ,CAVA,GAEI,kBAAmB,CAMnB,wBAAyB,CACzB,6BAA+B,CAF/B,aAAc,CADd,cAAe,CADf,YAAa,CAFb,sBAAuB,CACvB,WAMJ,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,CAOX,yBAA0B,CAL1B,WAMJ,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,OACI,eACJ,CAEA,mCACI,cACJ,CAGA,SACI,YACJ,CAGA,sBAKI,kBAAmB,CACnB,6BAA+B,CAH/B,UAAW,CADX,YAAa,CAEb,eAAgB,CAHhB,WAMJ,CAGA,aAGI,6BAA+B,CAF/B,eAAgB,CAChB,gBAEJ,CAGA,GACI,cAAe,CAEf,iBACJ,CAGA,KALI,eAQJ,CAHA,EACI,cAEJ,CAGA,KACI,YACJ,CAGA,MAGI,iBAAkB,CAFlB,6BAA+B,CAC/B,cAEJ,CAEA,YACI,8BACJ,CAEA,WACI,gBACJ,CAEA,SACI,wBACJ,CAGA,WACI,aACJ,CAEA,iBACI,aACJ,CAGA,kCAGI,6BAA+B,CAD/B,YAAa,CADb,SAGJ,CAGA,cACI,YAAa,CACb,kBAAmB,CACnB,sBACJ,CAGA,aAGI,UAAW,CAFX,UAAW,CACX,SAEJ,CAGA,YAEI,kBAAmB,CADnB,UAEJ,CAGA,gBACI,cAAe,CAGf,kBAAmB,CADnB,YAAa,CADb,iBAGJ,CAGA,eACI,aACJ,CAEA,qBACI,aACJ,CAGA,2CACI,6BACJ,CAGA,MAEI,eAAgB,CADhB,cAEJ,CAGA,eACI,iBACJ,CAGA,kBACI,wBAAyB,CACzB,8BAAgC,CAChC,cACJ,CAGA,YAGI,iBAAkB,CAFlB,YAAa,CACb,sBAEJ,CAGA,YACI,eACJ,CAEA,cACI,cACJ,CAGA,oCAKI,aACI,UACJ,CAEA,YACI,cACJ,CACJ,CAGA,qCACI,EACI,iBACJ,CAEA,KACI,YAAa,CAEb,UACJ,CAEA,YAJI,gBAQJ,CAJA,OAGI,UAAW,CADX,eAEJ,CAEA,MAII,kBAAmB,CAFnB,iBAAkB,CADlB,YAAa,CAEb,sBAEJ,CAEA,WACI,YAAa,CACb,WACJ,CAEA,WACI,YAAa,CAGb,SAAU,CADV,QAAS,CADT,WAGJ,CAEA,gDACI,YAAa,CACb,qBAAsB,CACtB,aACJ,CAEA,SACI,0BAAmB,CAAnB,uBAAmB,CAAnB,kBACJ,CAEA,sBACI,gBACJ,CAEA,iCAGI,WAAY,CAFZ,SAAW,CACX,SAEJ,CAEA,cAEI,WAAY,CADZ,SAEJ,CAEA,aAGI,WAAY,CADZ,SAEJ,CAEA,YACI,UACJ,CACJ,CAGA,4DACI,sBACI,cACJ,CAEA,aACI,eACJ,CACJ,CCzWA,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 align-content: center;\r\n}\r\n\r\n/* Styles the h1 in the style of the Settlers of Catan box and adds a shadow*/\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 box-shadow: 10px 10px 5px black;\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 text-decoration: underline;\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 {\r\n margin-top: 75px;\r\n}\r\n\r\n.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: 450px;\r\n}\r\n\r\n/* Sets the size, placement, rounded corners, and shadows 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 box-shadow: 10px 10px 5px black;\r\n}\r\n\r\n/* Sizes the bio and skills sub-sections to allow room for the headshot and resume icon and adds shadows to them */\r\n.bio, .skills {\r\n margin-left: 35%;\r\n margin-right: 15%;\r\n box-shadow: 10px 10px 5px black;\r\n}\r\n\r\n/* Styles all section titles */\r\nh2 {\r\n font-size: 36px;\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: 10px 10px 5px black;\r\n transition: 0.3s;\r\n border-radius: 5px;\r\n}\r\n \r\n.card:hover {\r\n box-shadow: 20px 20px 10px black;\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/* Colors the links in the About Me section */\r\n.aboutMe a {\r\n color: #fdcc06;\r\n}\r\n\r\n.aboutMe a:hover {\r\n color: #bd202b;\r\n}\r\n\r\n/* Sets the width of all sections except for About Me and Resume and adds shadows */\r\n.portfolio h2, .contactForm, .links {\r\n width: 70%;\r\n margin: 0 15%;\r\n box-shadow: 10px 10px 5px black;\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 and creates space to see shadows*/\r\n.screenshot {\r\n width: 100%;\r\n margin-bottom: 10px;\r\n}\r\n\r\n/* Centers the text under each project and evens out the spacing between all elements of each project card*/\r\n.projectCard h3 {\r\n font-size: 24px;\r\n text-align: center;\r\n padding: 35px;\r\n margin-bottom: 15px;\r\n}\r\n\r\n/* Sets color of underlined project names*/\r\n.projectCard a {\r\n color: #fdcc06;\r\n}\r\n\r\n.projectCard a:hover {\r\n color: #bd202b;\r\n}\r\n\r\n/* Adds a shadow to all project cards */\r\n.screenshot, .projectCard h3, .projectCard p {\r\n box-shadow: 10px 10px 5px black;\r\n}\r\n\r\n/* Resizes the GitHub icon in the project cards */\r\n.icon {\r\n max-width: 48px;\r\n max-height: 48px;\r\n}\r\n\r\n/* Centers the text in the Contact section */\r\n.contactInfo p {\r\n text-align: center;\r\n}\r\n\r\n/* Colors the resume icon border and enlarges the shadow when the user hovers over it */\r\n.resumeIcon:hover {\r\n border: 5px solid #bd202b;\r\n box-shadow: 20px 20px 10px black;\r\n transition: 0.3s;\r\n}\r\n\r\n/* Centers the text in the Links section with their icons */\r\n.extLinks p {\r\n display: flex;\r\n justify-content: center;\r\n align-self: center;\r\n}\r\n\r\n/* Resizes the icons and links */\r\n.extLinks a {\r\n max-height: 48px;\r\n}\r\n\r\n.extLinks img {\r\n max-width: 48px;\r\n}\r\n\r\n/* Makes all projects a single column on smaller mobile devices */\r\n@media screen and (max-width: 767px) { \r\n header {\r\n width: 100%;\r\n }\r\n \r\n .name {\r\n width: 100%;\r\n }\r\n\r\n .extLinks p {\r\n font-size: 18px;\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 .app {\r\n display: flex;\r\n flex-flow: column;\r\n width: 100%;\r\n }\r\n\r\n header {\r\n flex-flow: column;\r\n margin-top: 25px;\r\n height: 50%;\r\n }\r\n\r\n .name {\r\n display: flex;\r\n align-self: center;\r\n justify-content: center;\r\n align-items: center;\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 .aboutMe, .portfolio, .contactForm, .resume, .links {\r\n display: flex;\r\n flex-direction: column;\r\n margin: 75px 0;\r\n }\r\n\r\n .aboutMe {\r\n height: fit-content;\r\n }\r\n\r\n .headshot, .resumeIcon {\r\n margin: 20px auto;\r\n }\r\n\r\n .bio, .contactForm, .skills, .links {\r\n padding: 0%;\r\n width: 90%;\r\n margin: auto;\r\n }\r\n\r\n .portfolio h2 {\r\n width: 90%;\r\n margin: auto;\r\n }\r\n\r\n .projectCard {\r\n margin: 30px 0;\r\n width: 85%;\r\n margin: auto;\r\n }\r\n \r\n .resumeIcon {\r\n float: none;\r\n }\r\n}\r\n\r\n/* Reduces margin for headshot, resumeIcon, bio, and skills with larger screens */\r\n@media screen and (min-width: 1025px) and (max-width: 1500px) {\r\n .headshot, .resumeIcon {\r\n margin-left: 5%;\r\n }\r\n\r\n .bio, .skills {\r\n margin-right: 5%;\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.20ae1877.js b/static/js/main.626e1470.js similarity index 87% rename from static/js/main.20ae1877.js rename to static/js/main.626e1470.js index c50301a..a7c26c6 100644 --- a/static/js/main.20ae1877.js +++ b/static/js/main.626e1470.js @@ -1,3 +1,3 @@ -/*! For license information please see main.20ae1877.js.LICENSE.txt */ -!function(){"use strict";var e={725:function(e){var t=Object.getOwnPropertySymbols,n=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 t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[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