From d99b60919deefe2901a1a21c67dcce7bd4ea7c91 Mon Sep 17 00:00:00 2001 From: Fahad <97869609+fahad-ali1@users.noreply.github.com> Date: Sat, 24 Feb 2024 17:59:03 -0700 Subject: [PATCH] Updates --- asset-manifest.json | 12 ++++++------ index.html | 2 +- static/css/main.14a97f87.css | 2 -- static/css/main.14a97f87.css.map | 1 - static/css/main.55e14b56.css | 2 ++ static/css/main.55e14b56.css.map | 1 + static/js/{main.8bd46d52.js => main.781d12e5.js} | 6 +++--- ...2.js.LICENSE.txt => main.781d12e5.js.LICENSE.txt} | 0 .../{main.8bd46d52.js.map => main.781d12e5.js.map} | 2 +- 9 files changed, 14 insertions(+), 14 deletions(-) delete mode 100644 static/css/main.14a97f87.css delete mode 100644 static/css/main.14a97f87.css.map create mode 100644 static/css/main.55e14b56.css create mode 100644 static/css/main.55e14b56.css.map rename static/js/{main.8bd46d52.js => main.781d12e5.js} (96%) rename static/js/{main.8bd46d52.js.LICENSE.txt => main.781d12e5.js.LICENSE.txt} (100%) rename static/js/{main.8bd46d52.js.map => main.781d12e5.js.map} (66%) diff --git a/asset-manifest.json b/asset-manifest.json index b78ea5f..2c7d75d 100644 --- a/asset-manifest.json +++ b/asset-manifest.json @@ -1,7 +1,7 @@ { "files": { - "main.css": "/fahad-ali/static/css/main.14a97f87.css", - "main.js": "/fahad-ali/static/js/main.8bd46d52.js", + "main.css": "/fahad-ali/static/css/main.55e14b56.css", + "main.js": "/fahad-ali/static/js/main.781d12e5.js", "static/media/property-assessment-app.png": "/fahad-ali/static/media/property-assessment-app.2347ba72414f134bc5cd.png", "static/media/personal-website-demo.png": "/fahad-ali/static/media/personal-website-demo.5cfa95e664bbe7ff18d5.png", "static/media/personal-website2-demo.png": "/fahad-ali/static/media/personal-website2-demo.8dbaf3126ff39481aecc.png", @@ -9,11 +9,11 @@ "static/media/class-scheduler-demo.png": "/fahad-ali/static/media/class-scheduler-demo.27e194d8b12a2ab6650a.png", "static/media/space-blaster-demo.png": "/fahad-ali/static/media/space-blaster-demo.a9dcc4b9d030a719fee6.png", "index.html": "/fahad-ali/index.html", - "main.14a97f87.css.map": "/fahad-ali/static/css/main.14a97f87.css.map", - "main.8bd46d52.js.map": "/fahad-ali/static/js/main.8bd46d52.js.map" + "main.55e14b56.css.map": "/fahad-ali/static/css/main.55e14b56.css.map", + "main.781d12e5.js.map": "/fahad-ali/static/js/main.781d12e5.js.map" }, "entrypoints": [ - "static/css/main.14a97f87.css", - "static/js/main.8bd46d52.js" + "static/css/main.55e14b56.css", + "static/js/main.781d12e5.js" ] } \ No newline at end of file diff --git a/index.html b/index.html index dbe2061..22a0b45 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -Fahad's Portfolio
\ No newline at end of file +Fahad's Portfolio
\ No newline at end of file diff --git a/static/css/main.14a97f87.css b/static/css/main.14a97f87.css deleted file mode 100644 index 55228d5..0000000 --- a/static/css/main.14a97f87.css +++ /dev/null @@ -1,2 +0,0 @@ -@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap);*{border:0;box-sizing:border-box;list-style:none;margin:0;outline:0;padding:0;text-decoration:none}:root{--header-height:3.5rem;--first-color:#ff491b;--text-color:#fff;--body-color:#2b2d2f;--nav-color:#707070}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#2b2d2f;background-color:var(--body-color);color:#fff;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Open Sans,Arial,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}nav{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:var(--nav-color);bottom:3.3vh;display:block;gap:3vh;left:50%;padding:1.5vh 3vh;position:fixed;transform:translateX(-50%);transition:background-color .3s ease;width:-webkit-max-content;width:max-content;z-index:2}nav,nav a{border-radius:12vh;display:flex}nav a{align-items:center;background:#0000;color:var(--first-color);font-size:16px;justify-content:center;padding:1vh;transition:background-color .3s ease,color .3s ease}nav a:hover{background:var(--body-color)}nav a.active{background:#545454;opacity:.7;transition:background-color .3s ease,opacity .3s ease}@media screen and (max-width:1024px){nav{bottom:4vh;padding:1vh 2vh}nav a{font-size:14px}}@media screen and (max-width:600px){nav{bottom:4vh;padding:.5vh 1vh}nav a{font-size:12px}}.header{border-bottom:.1vh solid #6a6363;padding:13vh 1.5vh 1.5vh;text-align:center}.header h5{font-size:16px;margin-bottom:.5vh}.mainText{color:var(--first-color)}.header h1{font-size:48px;margin-bottom:1vh}.socialCaption{color:var(--first-color);font-size:1.5rem;font-style:italic;margin-right:1vh}.socials{display:flex;margin-top:1.2vh}.socials,.socials a{justify-content:center}.socials a{align-items:center;color:var(--first-color);display:inline-flex;font-size:24px;margin-right:1.4vh;text-decoration:none;transition:color .3s ease,transform .3s ease}.socials a:hover{transform:scale(1.2)}.aboutme{line-height:1.6;margin:0 auto;max-width:100%;padding-top:6vh}.aboutme h4{color:var(--text-color);font-size:18px}.buttons{padding-bottom:3vh;padding-top:6vh}.button{align-items:center;background-color:var(--first-color);border-radius:16px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;height:51px;justify-content:center;margin:1vh 8px 4px;transition:background-color .3s ease-in-out,opacity .3s ease-in;width:150px}.button:hover{background-color:#ff491b76}.featured{padding-top:3vh;text-align:center}.featuredProjects{display:flex;justify-content:space-between;margin:10vh 10vh 17vh}.project{background-color:#3a3a3a;border:1px solid #0000;border-radius:1.3rem;overflow:hidden;padding:2rem;text-align:center;transition:transform .3s ease-in-out,border-color .3s ease-in-out;width:30%}.featuredProjects:hover .project:not(:hover){transform:scale(.8)}.project:hover{border-color:var(--first-color);cursor:pointer;transform:scale(1.35)}.projectImage{border-radius:.3rem;height:85%;margin-bottom:1rem;width:100%}.project h3{color:var(--text-color);font-size:18px;margin-bottom:10vh;margin-top:.5rem}@media screen and (max-width:1024px){.header h1{font-size:40px}.featuredProjects{align-items:center;flex-direction:column}.project{margin-bottom:2rem;padding:1rem;width:auto}.project h3{font-size:12px}}@media screen and (max-width:600px){.header h1{font-size:33px}.aboutme{padding-top:4vh}.aboutme h4{font-size:14px}.buttons{padding-bottom:2vh;padding-top:4vh}.button{font-size:14px;height:40px;margin-top:.5vh;width:120px}}.experience{padding:13vh 0 10vh;text-align:center}.skillCategory{margin-left:1vh}.skillCard{transition:opacity .3s ease-in-out}.skillCard:hover{opacity:.7}.experienceCardContent{margin:0 auto;max-width:800px}.experienceSection{background-color:#3a3a3a;border-radius:10px;color:#fff;margin-bottom:2vh;margin-top:3vh;padding:20px;transition:transform .3s ease-in-out}.experienceSection h3{align-items:center;color:var(--first-color);display:flex;font-size:20px;margin-bottom:1vh}.experienceDetails{display:flex;flex-wrap:wrap;text-align:left}.experienceDetails article{align-items:center;background-color:#d9d9d9;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#343434;display:flex;flex:1 1 250px;margin-bottom:10px;margin-right:20px;padding:10px}@media screen and (max-width:1024px){.experienceDetails article{flex:1 1 33%;margin-right:1vh}}@media screen and (max-width:600px){.experienceDetails article{flex:1 1 50%}}.portfolio{padding:13vh 0 10vh;text-align:center}h5{color:var(--first-color);font-size:24px}h2{color:var(--text-color);font-size:40px}.skills{font-size:20px;margin-top:1vh}.caption{color:var(--text-color);font-size:18px;margin-bottom:3vh;margin-top:1vh}a{color:inherit;text-decoration:none}.livePageButton{background-color:var(--nav-color)}.livePageButton:hover{background-color:var(--first-color)}.portfolioContainer{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));margin:0 auto;max-width:1200px}.portfolioItem{background-color:#3a3a3a;border:1px solid #0000;border-radius:1.5rem;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:1.5rem;position:relative;transition:transform .3s ease-in-out}.portfolioItem:hover{border-color:var(--first-color);transform:scale(1.04)}.portfolioItem-image{border-radius:.3rem;height:300px;margin-bottom:1rem;overflow:hidden;width:100%}.portfolioItem img{height:100%;object-fit:contain;width:100%}.portfolioItem:not(:hover) img{filter:brightness(60%)}.portfolioItem h3{color:var(--first-color);font-size:14px;margin-top:.5rem}@media screen and (max-width:1024px){.portfolioContainer{gap:.8rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media screen and (max-width:600px){.portfolioContainer{gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,2fr))}.portfolioItem{padding:1rem}.caption,.skills,h2,h5{font-size:16px}h1{font-size:smaller}}.footer{color:#fff;left:0;padding-bottom:12vh;text-align:center;width:100%} -/*# sourceMappingURL=main.14a97f87.css.map*/ \ No newline at end of file diff --git a/static/css/main.14a97f87.css.map b/static/css/main.14a97f87.css.map deleted file mode 100644 index 56e07c1..0000000 --- a/static/css/main.14a97f87.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"static/css/main.14a97f87.css","mappings":"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","sources":["index.css","components/navbar/navbar.css","components/header/header.css","components/experience/experience.css","components/portfolio/portfolio.css","components/footer/footer.css"],"sourcesContent":["@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');\n\n* {\n margin: 0;\n padding: 0;\n border: 0;\n outline: 0;\n box-sizing: border-box;\n list-style: none;\n text-decoration: none;\n}\n\n:root {\n --header-height: 3.5rem;\n /* Future light mode */\n /* --first-color: #ff491b; \n --text-color: #000; \n --body-color: #e9e9e9;\n --nav-color: #7e7e7e; */\n \n --first-color: #ff491b; \n --text-color: #fff; \n --body-color: #2b2d2f;\n --nav-color: #707070;\n}\n\nbody {\n background-color: var(--body-color);\n color: var(--text-color);\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, \"Open Sans\", Arial, 'Segoe UI', 'Roboto', 'Oxygen',\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n sans-serif;\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',\n monospace;\n}","nav {\n background: var(--nav-color);\n width: max-content;\n display: block;\n padding: 1.5vh 3vh;\n z-index: 2;\n position: fixed;\n left: 50%;\n transform: translateX(-50%);\n bottom: 3.3vh;\n display: flex;\n gap: 3vh;\n border-radius: 12vh;\n backdrop-filter: blur(24px);\n transition: background-color 0.3s ease; \n}\n\nnav a {\n background: transparent;\n padding: 1vh;\n border-radius: 12vh; \n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--first-color);\n font-size: 16px;\n transition: background-color 0.3s ease, color 0.3s ease;\n}\n\nnav a:hover {\n background: var(--body-color);\n}\n\nnav a.active {\n background: #545454;\n opacity: 0.7;\n transition: background-color 0.3s ease, opacity 0.3s ease;\n}\n\n@media screen and (max-width: 1024px) {\n nav {\n padding: 1vh 2vh; \n bottom: 4vh; \n }\n\n nav a {\n font-size: 14px;\n }\n}\n\n@media screen and (max-width: 600px) {\n nav {\n padding: 0.5vh 1vh; \n bottom: 4vh; \n }\n\n nav a {\n font-size: 12px;\n }\n}","/* Main landing */\n.header {\n text-align: center;\n padding: 1.5vh;\n border-bottom: 0.1vh solid #6a6363;\n padding-top: 13vh;\n}\n \n.header h5 {\n font-size: 16px;\n margin-bottom: 0.5vh;\n}\n\n.mainText{\n color: var(--first-color);\n}\n \n.header h1 {\n font-size: 48px;\n margin-bottom: 1vh;\n}\n\n/* Social links */\n.socialCaption {\n font-style: italic;\n font-size: 1.5rem;\n margin-right: 1vh;\n color: var(--first-color);\n }\n\n.socials {\n display: flex;\n justify-content: center;\n margin-top: 1.2vh;\n}\n\n.socials a {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n margin-right: 1.4vh;\n color: var(--first-color);\n text-decoration: none;\n font-size: 24px;\n transition: color 0.3s ease, transform 0.3s ease;\n}\n\n.socials a:hover {\n transform: scale(1.2);\n}\n\n/* About */\n.aboutme {\n padding-top: 6vh;\n max-width: 100%;\n margin: 0 auto;\n line-height: 1.6;\n}\n \n.aboutme h4 {\n font-size: 18px;\n color: var(--text-color);\n}\n\n/* Buttons */\n.buttons{\n padding-top: 6vh;\n padding-bottom: 3vh;\n}\n\n.button {\n background-color: var(--first-color); \n width: 150px;\n height: 51px;\n color: white;\n display: inline-flex;\n justify-content: center; \n align-items: center;\n font-size: 16px;\n margin: 4px 8px;\n cursor: pointer;\n border-radius: 16px;\n margin-top: 1vh;\n transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in;\n}\n \n.button:hover {\n background-color: #ff491b76; \n}\n\n/* Featured */\n.featured{\n text-align: center;\n padding-top: 3vh;\n}\n\n.featuredProjects {\n display: flex;\n justify-content: space-between;\n margin: 10vh;\n margin-bottom: 17vh;\n}\n\n.project {\n width: 30%;\n background-color: #3a3a3a;\n padding: 2rem;\n border-radius: 1.3rem;\n border: 1px solid transparent;\n text-align: center;\n overflow: hidden;\n transition: transform 0.3s ease-in-out, border-color 0.3s ease-in-out;\n}\n\n.featuredProjects:hover .project:not(:hover) {\n transform: scale(0.8);\n}\n\n.project:hover {\n border-color: var(--first-color);\n transform: scale(1.35);\n cursor: pointer;\n}\n\n.projectImage {\n width: 100%;\n height: 85%;\n border-radius: 0.3rem;\n margin-bottom: 1rem;\n}\n\n.project h3 {\n margin-top: 0.5rem;\n margin-bottom: 10vh;\n font-size: 18px;\n color: var(--text-color);\n}\n\n/* Dark mode button */\n/* .darkmodeButton {\n padding: 16px 32px;\n background-color: transparent;\n border: none;\n cursor: pointer;\n font-size: 1.5rem;\n color: white;\n background-color: black;\n border-radius: 16px;\n} */\n\n@media screen and (max-width: 1024px) {\n .header h1 {\n font-size: 40px;\n }\n\n .featuredProjects {\n flex-direction: column;\n align-items: center;\n }\n\n .project {\n width: auto;\n padding: 1rem;\n margin-bottom: 2rem;\n }\n\n .project h3 {\n font-size: 12px;\n }\n}\n\n@media screen and (max-width: 600px) {\n\n .header h1 {\n font-size: 33px;\n }\n\n .aboutme {\n padding-top: 4vh;\n }\n\n .aboutme h4 {\n font-size: 14px;\n }\n\n .buttons {\n padding-top: 4vh;\n padding-bottom: 2vh;\n }\n\n .button {\n width: 120px;\n height: 40px;\n font-size: 14px;\n margin-top: 0.5vh;\n }\n}\n",".experience {\n text-align: center;\n padding: 10vh 0px;\n padding-top: 13vh;\n}\n\n.skillCategory{\n margin-left: 1vh;\n}\n\n.skillCard {\n transition: opacity 0.3s ease-in-out;\n}\n\n.skillCard:hover {\n opacity: 0.7;\n}\n\n.experienceCardContent {\n max-width: 800px;\n margin: 0 auto;\n}\n\n.experienceSection {\n background-color: #3a3a3a;\n color: white;\n padding: 20px;\n border-radius: 10px;\n margin-top: 3vh;\n margin-bottom: 2vh;\n transition: transform 0.3s ease-in-out;\n}\n\n.experienceSection h3 {\n display: flex;\n align-items: center;\n font-size: 20px;\n margin-bottom: 1vh;\n color: var(--first-color); \n}\n\n.experienceDetails {\n text-align: left;\n display: flex;\n flex-wrap: wrap;\n}\n\n.experienceDetails article {\n flex: 1 1 250px;\n margin-right: 20px;\n margin-bottom: 10px;\n display: flex;\n align-items: center;\n padding: 10px;\n border-radius: 8px;\n background-color: rgb(217, 217, 217);\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n color: #343434; \n}\n\n@media screen and (max-width: 1024px) {\n .experienceDetails article {\n flex: 1 1 33%;\n margin-right: 1vh;\n }\n}\n\n@media screen and (max-width: 600px) {\n .experienceDetails article {\n flex: 1 1 50%;\n }\n}",".portfolio {\n text-align: center;\n padding: 10vh 0px;\n padding-top: 13vh;\n}\n \nh5 {\n font-size: 24px;\n color: var(--first-color);\n}\n \nh2 {\n font-size: 40px;\n color: var(--text-color);\n}\n\n.skills {\n margin-top: 1vh;\n font-size: 20px;\n}\n\n.caption {\n font-size: 18px;\n margin-top: 1vh;\n margin-bottom: 3vh;\n color: var(--text-color);\n}\n\na {\n color: inherit;\n text-decoration: none;\n}\n\n.livePageButton{\n background-color: var(--nav-color);\n}\n\n.livePageButton:hover {\n background-color: var(--first-color);\n}\n\n.portfolioContainer {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));\n gap: 1rem;\n margin: 0 auto;\n max-width: 1200px;\n}\n\n.portfolioItem {\n background-color: #3a3a3a;\n padding: 1.5rem;\n border-radius: 1.5rem;\n border: 1px solid transparent;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n transition: transform 0.3s ease-in-out; \n overflow: hidden;\n position: relative;\n}\n\n.portfolioItem:hover {\n border-color: var(--first-color);\n transform: scale(1.04);\n}\n\n.portfolioItem-image {\n width: 100%; \n height: 300px; \n border-radius: 0.3rem;\n overflow: hidden;\n margin-bottom: 1rem;\n}\n\n.portfolioItem img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n}\n\n.portfolioItem:not(:hover) img {\n filter: brightness(60%);\n}\n\n.portfolioItem h3 {\n margin-top: 0.5rem;\n font-size: 14px;\n color: var(--first-color);\n}\n\n@media screen and (max-width: 1024px) {\n .portfolioContainer {\n grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); \n gap: 0.8rem; \n }\n}\n\n@media screen and (max-width: 600px) {\n .portfolioContainer {\n grid-template-columns: repeat(auto-fill, minmax(250px, 2fr)); \n gap: 0.5rem; \n }\n\n .portfolioItem {\n padding: 1rem;\n }\n\n h5, h2, .skills, .caption {\n font-size: 16px; \n }\n\n h1 {\n font-size: smaller;\n }\n}",".footer {\n left: 0;\n width: 100%;\n color: white;\n text-align: center;\n padding-bottom: 12vh;\n}"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/css/main.55e14b56.css b/static/css/main.55e14b56.css new file mode 100644 index 0000000..6f8f400 --- /dev/null +++ b/static/css/main.55e14b56.css @@ -0,0 +1,2 @@ +@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap);*{border:0;box-sizing:border-box;list-style:none;margin:0;outline:0;padding:0;text-decoration:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Open Sans,Arial,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}nav{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:var(--nav-color);bottom:3.3vh;display:block;gap:3vh;left:50%;padding:1.5vh 3vh;position:fixed;transform:translateX(-50%);transition:background-color .3s ease;width:-webkit-max-content;width:max-content;z-index:2}nav,nav a{border-radius:12vh;display:flex}nav a{align-items:center;background:#0000;color:var(--first-color);font-size:16px;justify-content:center;padding:1vh;transition:background-color .3s ease,color .3s ease}nav a:hover{background:var(--body-color)}nav a.active{background:#545454;opacity:.7;transition:background-color .3s ease,opacity .3s ease}@media screen and (max-width:1024px){nav{bottom:4vh;padding:1vh 2vh}nav a{font-size:14px}}@media screen and (max-width:600px){nav{bottom:4vh;padding:.5vh 1vh}nav a{font-size:12px}}.header{border-bottom:.1vh solid #6a6363;padding:13vh 1.5vh 1.5vh;text-align:center}.header h5{font-size:16px;margin-bottom:.5vh}.mainText{color:var(--first-color)}.header h1{font-size:48px;margin-bottom:1vh}.socialCaption{color:var(--first-color);font-size:1.5rem;font-style:italic;margin-right:1vh}.socials{display:flex;margin-top:1.2vh}.socials,.socials a{justify-content:center}.socials a{align-items:center;color:var(--first-color);display:inline-flex;font-size:24px;margin-right:1.4vh;text-decoration:none;transition:color .3s ease,transform .3s ease}.socials a:hover{transform:scale(1.2)}.aboutme{line-height:1.6;margin:0 auto;max-width:100%;padding-top:6vh}.aboutme h4{color:var(--text-color);font-size:18px}.buttons{padding-bottom:3vh;padding-top:6vh}.button{align-items:center;background-color:var(--first-color);border-radius:16px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;height:51px;justify-content:center;margin:1vh 8px 4px;transition:background-color .3s ease-in-out,opacity .3s ease-in;width:150px}.button:hover{background-color:#ff491b76}.featured{padding-top:3vh;text-align:center}.featuredProjects{display:flex;justify-content:space-between;margin:10vh 10vh 17vh}.project{background-color:var(--card-color);border:1px solid #0000;border-radius:1.3rem;overflow:hidden;padding:2rem;text-align:center;transition:transform .3s ease-in-out,border-color .3s ease-in-out;width:30%}.featuredProjects:hover .project:not(:hover){transform:scale(.8)}.project:hover{border-color:var(--first-color);cursor:pointer;transform:scale(1.35)}.projectImage{border-radius:.3rem;height:85%;margin-bottom:1rem;width:100%}.project h3{color:var(--text-color);font-size:18px;margin-bottom:10vh;margin-top:.5rem}@media screen and (max-width:1024px){.header h1{font-size:40px}.featuredProjects{align-items:center;flex-direction:column}.project{margin-bottom:2rem;padding:1rem;width:auto}.project h3{font-size:12px}}@media screen and (max-width:600px){.header h1{font-size:33px}.aboutme{padding-top:4vh}.aboutme h4{font-size:14px}.buttons{padding-bottom:2vh;padding-top:4vh}.button{font-size:14px;height:40px;margin-top:.5vh;width:120px}}.experience{padding:13vh 0 10vh;text-align:center}.skillCategory{margin-left:1vh}.skillCard{transition:opacity .3s ease-in-out}.skillCard:hover{opacity:.7}.experienceCardContent{margin:0 auto;max-width:800px}.experienceSection{background-color:var(--card-color);border-radius:10px;color:#fff;margin-bottom:2vh;margin-top:3vh;padding:20px;transition:transform .3s ease-in-out}.experienceSection h3{align-items:center;color:var(--first-color);display:flex;font-size:20px;margin-bottom:1vh}.experienceDetails{display:flex;flex-wrap:wrap;text-align:left}.experienceDetails article{align-items:center;background-color:#d9d9d9;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#343434;display:flex;flex:1 1 250px;margin-bottom:10px;margin-right:20px;padding:10px}@media screen and (max-width:1024px){.experienceDetails article{flex:1 1 33%;margin-right:1vh}}@media screen and (max-width:600px){.experienceDetails article{flex:1 1 50%}}.portfolio{padding:13vh 0 10vh;text-align:center}h5{color:var(--first-color);font-size:24px}h2{color:var(--text-color);font-size:40px}.skills{font-size:20px;margin-top:1vh}.caption{color:var(--text-color);font-size:18px;margin-bottom:3vh;margin-top:1vh}a{color:inherit;text-decoration:none}.livePageButton{background-color:var(--nav-color)}.livePageButton:hover{background-color:var(--first-color)}.portfolioContainer{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));margin:0 auto;max-width:1200px}.portfolioItem{background-color:var(--card-color);border:1px solid #0000;border-radius:1.5rem;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:1.5rem;position:relative;transition:transform .3s ease-in-out}.portfolioItem:hover{border-color:var(--first-color);transform:scale(1.04)}.portfolioItem-image{border-radius:.3rem;height:300px;margin-bottom:1rem;overflow:hidden;width:100%}.portfolioItem img{height:100%;object-fit:contain;width:100%}.portfolioItem:not(:hover) img{filter:brightness(60%)}.portfolioItem h3{color:var(--first-color);font-size:14px;margin-top:.5rem}@media screen and (max-width:1024px){.portfolioContainer{gap:.8rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media screen and (max-width:600px){.portfolioContainer{gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,2fr))}.portfolioItem{padding:1rem}.caption,.skills,h2,h5{font-size:16px}h1{font-size:smaller}}.footer{color:var(--text-color);left:0;padding-bottom:12vh;text-align:center;width:100%}:root{--first-color:#ff491b;--text-color:#fff;--body-color:#2b2d2f;--nav-color:#707070;--card-color:#3a3a3a;--darkmode-button-color:#fff}body{background-color:#2b2d2f;background-color:var(--body-color)}.App,body{color:#fff;color:var(--text-color)}.App{background-color:var(--background-color)}.dark-mode{--first-color:#ff491b;--text-color:#000;--body-color:#e9e9e9;--nav-color:#a3a3a3;--card-color:#bebebe;--background-color:#e9e9e9}.darkmodeToggle{background-color:#3a3a3a;background-color:var(--card-color);border:none;border-radius:16px;color:#fff;color:var(--text-color);cursor:pointer;font-size:1.5rem;margin:1vh;padding:16px 32px;position:absolute;z-index:999} +/*# sourceMappingURL=main.55e14b56.css.map*/ \ No newline at end of file diff --git a/static/css/main.55e14b56.css.map b/static/css/main.55e14b56.css.map new file mode 100644 index 0000000..a3a55ce --- /dev/null +++ b/static/css/main.55e14b56.css.map @@ -0,0 +1 @@ +{"version":3,"file":"static/css/main.55e14b56.css","mappings":"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","sources":["index.css","components/navbar/navbar.css","components/header/header.css","components/experience/experience.css","components/portfolio/portfolio.css","components/footer/footer.css","App.css"],"sourcesContent":["@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');\n\n* {\n margin: 0;\n padding: 0;\n border: 0;\n outline: 0;\n box-sizing: border-box;\n list-style: none;\n text-decoration: none;\n}\n\nbody {\n font-family: -apple-system, BlinkMacSystemFont, \"Open Sans\", Arial, 'Segoe UI', 'Roboto', 'Oxygen',\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.darkmodeToggle { \n background-color: var(--card-color);\n color: var(--text-color);\n padding: 16px 32px;\n margin: 1vh;\n border: none;\n cursor: pointer;\n font-size: 1.5rem;\n border-radius: 16px;\n position: absolute;\n z-index: 999;\n}","nav {\n background: var(--nav-color);\n width: max-content;\n display: block;\n padding: 1.5vh 3vh;\n z-index: 2;\n position: fixed;\n left: 50%;\n transform: translateX(-50%);\n bottom: 3.3vh;\n display: flex;\n gap: 3vh;\n border-radius: 12vh;\n backdrop-filter: blur(24px);\n transition: background-color 0.3s ease; \n}\n\nnav a {\n background: transparent;\n padding: 1vh;\n border-radius: 12vh; \n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--first-color);\n font-size: 16px;\n transition: background-color 0.3s ease, color 0.3s ease;\n}\n\nnav a:hover {\n background: var(--body-color);\n}\n\nnav a.active {\n background: #545454;\n opacity: 0.7;\n transition: background-color 0.3s ease, opacity 0.3s ease;\n}\n\n@media screen and (max-width: 1024px) {\n nav {\n padding: 1vh 2vh; \n bottom: 4vh; \n }\n\n nav a {\n font-size: 14px;\n }\n}\n\n@media screen and (max-width: 600px) {\n nav {\n padding: 0.5vh 1vh; \n bottom: 4vh; \n }\n\n nav a {\n font-size: 12px;\n }\n}","/* Main landing */\n.header {\n text-align: center;\n padding: 1.5vh;\n border-bottom: 0.1vh solid #6a6363;\n padding-top: 13vh;\n}\n \n.header h5 {\n font-size: 16px;\n margin-bottom: 0.5vh;\n}\n\n.mainText{\n color: var(--first-color);\n}\n \n.header h1 {\n font-size: 48px;\n margin-bottom: 1vh;\n}\n\n/* Social links */\n.socialCaption {\n font-style: italic;\n font-size: 1.5rem;\n margin-right: 1vh;\n color: var(--first-color);\n }\n\n.socials {\n display: flex;\n justify-content: center;\n margin-top: 1.2vh;\n}\n\n.socials a {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n margin-right: 1.4vh;\n color: var(--first-color);\n text-decoration: none;\n font-size: 24px;\n transition: color 0.3s ease, transform 0.3s ease;\n}\n\n.socials a:hover {\n transform: scale(1.2);\n}\n\n/* About */\n.aboutme {\n padding-top: 6vh;\n max-width: 100%;\n margin: 0 auto;\n line-height: 1.6;\n}\n \n.aboutme h4 {\n font-size: 18px;\n color: var(--text-color);\n}\n\n/* Buttons */\n.buttons{\n padding-top: 6vh;\n padding-bottom: 3vh;\n}\n\n.button {\n background-color: var(--first-color); \n width: 150px;\n height: 51px;\n color: white;\n display: inline-flex;\n justify-content: center; \n align-items: center;\n font-size: 16px;\n margin: 4px 8px;\n cursor: pointer;\n border-radius: 16px;\n margin-top: 1vh;\n transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in;\n}\n \n.button:hover {\n background-color: #ff491b76; \n}\n\n/* Featured */\n.featured{\n text-align: center;\n padding-top: 3vh;\n}\n\n.featuredProjects {\n display: flex;\n justify-content: space-between;\n margin: 10vh;\n margin-bottom: 17vh;\n}\n\n.project {\n width: 30%;\n background-color: var(--card-color);\n padding: 2rem;\n border-radius: 1.3rem;\n border: 1px solid transparent;\n text-align: center;\n overflow: hidden;\n transition: transform 0.3s ease-in-out, border-color 0.3s ease-in-out;\n}\n\n.featuredProjects:hover .project:not(:hover) {\n transform: scale(0.8);\n}\n\n.project:hover {\n border-color: var(--first-color);\n transform: scale(1.35);\n cursor: pointer;\n}\n\n.projectImage {\n width: 100%;\n height: 85%;\n border-radius: 0.3rem;\n margin-bottom: 1rem;\n}\n\n.project h3 {\n margin-top: 0.5rem;\n margin-bottom: 10vh;\n font-size: 18px;\n color: var(--text-color);\n}\n\n@media screen and (max-width: 1024px) {\n .header h1 {\n font-size: 40px;\n }\n\n .featuredProjects {\n flex-direction: column;\n align-items: center;\n }\n\n .project {\n width: auto;\n padding: 1rem;\n margin-bottom: 2rem;\n }\n\n .project h3 {\n font-size: 12px;\n }\n}\n\n@media screen and (max-width: 600px) {\n\n .header h1 {\n font-size: 33px;\n }\n\n .aboutme {\n padding-top: 4vh;\n }\n\n .aboutme h4 {\n font-size: 14px;\n }\n\n .buttons {\n padding-top: 4vh;\n padding-bottom: 2vh;\n }\n\n .button {\n width: 120px;\n height: 40px;\n font-size: 14px;\n margin-top: 0.5vh;\n }\n}\n",".experience {\n text-align: center;\n padding: 10vh 0px;\n padding-top: 13vh;\n}\n\n.skillCategory{\n margin-left: 1vh;\n}\n\n.skillCard {\n transition: opacity 0.3s ease-in-out;\n}\n\n.skillCard:hover {\n opacity: 0.7;\n}\n\n.experienceCardContent {\n max-width: 800px;\n margin: 0 auto;\n}\n\n.experienceSection {\n background-color: var(--card-color);\n color: white;\n padding: 20px;\n border-radius: 10px;\n margin-top: 3vh;\n margin-bottom: 2vh;\n transition: transform 0.3s ease-in-out;\n}\n\n.experienceSection h3 {\n display: flex;\n align-items: center;\n font-size: 20px;\n margin-bottom: 1vh;\n color: var(--first-color); \n}\n\n.experienceDetails {\n text-align: left;\n display: flex;\n flex-wrap: wrap;\n}\n\n.experienceDetails article {\n flex: 1 1 250px;\n margin-right: 20px;\n margin-bottom: 10px;\n display: flex;\n align-items: center;\n padding: 10px;\n border-radius: 8px;\n background-color: rgb(217, 217, 217);\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n color: #343434; \n}\n\n@media screen and (max-width: 1024px) {\n .experienceDetails article {\n flex: 1 1 33%;\n margin-right: 1vh;\n }\n}\n\n@media screen and (max-width: 600px) {\n .experienceDetails article {\n flex: 1 1 50%;\n }\n}",".portfolio {\n text-align: center;\n padding: 10vh 0px;\n padding-top: 13vh;\n}\n \nh5 {\n font-size: 24px;\n color: var(--first-color);\n}\n \nh2 {\n font-size: 40px;\n color: var(--text-color);\n}\n\n.skills {\n margin-top: 1vh;\n font-size: 20px;\n}\n\n.caption {\n font-size: 18px;\n margin-top: 1vh;\n margin-bottom: 3vh;\n color: var(--text-color);\n}\n\na {\n color: inherit;\n text-decoration: none;\n}\n\n.livePageButton{\n background-color: var(--nav-color);\n}\n\n.livePageButton:hover {\n background-color: var(--first-color);\n}\n\n.portfolioContainer {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));\n gap: 1rem;\n margin: 0 auto;\n max-width: 1200px;\n}\n\n.portfolioItem {\n background-color: var(--card-color);\n padding: 1.5rem;\n border-radius: 1.5rem;\n border: 1px solid transparent;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n transition: transform 0.3s ease-in-out; \n overflow: hidden;\n position: relative;\n}\n\n.portfolioItem:hover {\n border-color: var(--first-color);\n transform: scale(1.04);\n}\n\n.portfolioItem-image {\n width: 100%; \n height: 300px; \n border-radius: 0.3rem;\n overflow: hidden;\n margin-bottom: 1rem;\n}\n\n.portfolioItem img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n}\n\n.portfolioItem:not(:hover) img {\n filter: brightness(60%);\n}\n\n.portfolioItem h3 {\n margin-top: 0.5rem;\n font-size: 14px;\n color: var(--first-color);\n}\n\n@media screen and (max-width: 1024px) {\n .portfolioContainer {\n grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); \n gap: 0.8rem; \n }\n}\n\n@media screen and (max-width: 600px) {\n .portfolioContainer {\n grid-template-columns: repeat(auto-fill, minmax(250px, 2fr)); \n gap: 0.5rem; \n }\n\n .portfolioItem {\n padding: 1rem;\n }\n\n h5, h2, .skills, .caption {\n font-size: 16px; \n }\n\n h1 {\n font-size: smaller;\n }\n}",".footer {\n left: 0;\n width: 100%;\n color: var(--text-color);\n text-align: center;\n padding-bottom: 12vh;\n}",":root {\n --first-color: #ff491b; \n --text-color: #ffffff; \n --body-color: #2b2d2f;\n --nav-color: #707070;\n --card-color: #3a3a3a;\n --darkmode-button-color: #ffffff;\n}\n \nbody {\n background-color: var(--body-color);\n color: var(--text-color);\n}\n \n.App {\n background-color: var(--background-color);\n color: var(--text-color);\n}\n \n.dark-mode {\n --first-color: #ff491b;\n --text-color: #000000;\n --body-color: #e9e9e9;\n --nav-color: #a3a3a3;\n --card-color: #bebebe;\n --background-color: #e9e9e9;\n}\n\n.darkmodeToggle { \n background-color: var(--card-color);\n color: var(--text-color);\n padding: 16px 32px;\n margin: 1vh;\n border: none;\n cursor: pointer;\n font-size: 1.5rem;\n border-radius: 16px;\n position: absolute;\n z-index: 999;\n }"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/js/main.8bd46d52.js b/static/js/main.781d12e5.js similarity index 96% rename from static/js/main.8bd46d52.js rename to static/js/main.781d12e5.js index af59e2c..1f823f9 100644 --- a/static/js/main.8bd46d52.js +++ b/static/js/main.781d12e5.js @@ -1,3 +1,3 @@ -/*! For license information please see main.8bd46d52.js.LICENSE.txt */ -(()=>{"use strict";var e={730:(e,t,n)=>{var r=n(43),a=n(853);function l(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n