diff --git a/asset-manifest.json b/asset-manifest.json deleted file mode 100644 index 42be71e..0000000 --- a/asset-manifest.json +++ /dev/null @@ -1,20 +0,0 @@ -{ - "files": { - "main.css": "/portfolio/static/css/main.73e20a6c.css", - "main.js": "/portfolio/static/js/main.694bf48f.js", - "static/media/TT-SU2_700_samples_transparen_background.png": "/portfolio/static/media/TT-SU2_700_samples_transparen_background.bc005c53a9b181582d32.png", - "static/media/myPhoto.jpg": "/portfolio/static/media/myPhoto.9b5e12a84d5f9a298796.jpg", - "static/media/placeholder_portrait.png": "/portfolio/static/media/placeholder_portrait.bd6ca43e9bebc3731b04.png", - "static/media/arduino-logo.png": "/portfolio/static/media/arduino-logo.c323e7918e5d1017dab6.png", - "static/media/python-logo-only.png": "/portfolio/static/media/python-logo-only.632369df831d16241b59.png", - "static/media/pong_square_size.jpg": "/portfolio/static/media/pong_square_size.49ffa51f2e1cefb242ce.jpg", - "static/media/c++-logo.png": "/portfolio/static/media/c++-logo.83cf42848621b117688c.png", - "index.html": "/portfolio/index.html", - "main.73e20a6c.css.map": "/portfolio/static/css/main.73e20a6c.css.map", - "main.694bf48f.js.map": "/portfolio/static/js/main.694bf48f.js.map" - }, - "entrypoints": [ - "static/css/main.73e20a6c.css", - "static/js/main.694bf48f.js" - ] -} \ No newline at end of file diff --git a/index.html b/index.html deleted file mode 100644 index ea730ae..0000000 --- a/index.html +++ /dev/null @@ -1 +0,0 @@ -Portfolio
\ No newline at end of file diff --git a/portfolio/public/index.html b/portfolio/public/index.html index bb9dc6e..cdf1008 100644 --- a/portfolio/public/index.html +++ b/portfolio/public/index.html @@ -14,6 +14,8 @@ -
+
+ +
diff --git a/portfolio/src/Assets/HOD_3000.png b/portfolio/src/Assets/HOD_3000.png new file mode 100644 index 0000000..a691f59 Binary files /dev/null and b/portfolio/src/Assets/HOD_3000.png differ diff --git a/portfolio/src/Assets/IDME_2000.png b/portfolio/src/Assets/IDME_2000.png new file mode 100644 index 0000000..a1c09a9 Binary files /dev/null and b/portfolio/src/Assets/IDME_2000.png differ diff --git a/portfolio/src/Assets/TT-SU2_700_samples_transparen_background.png b/portfolio/src/Assets/TT-SU2_700_samples_transparen_background.png index 0365e3a..549fcc7 100644 Binary files a/portfolio/src/Assets/TT-SU2_700_samples_transparen_background.png and b/portfolio/src/Assets/TT-SU2_700_samples_transparen_background.png differ diff --git a/portfolio/src/Assets/trkME+.png b/portfolio/src/Assets/trkME+.png new file mode 100644 index 0000000..3a4f518 Binary files /dev/null and b/portfolio/src/Assets/trkME+.png differ diff --git a/portfolio/src/Components/Navbar/Navbar.js b/portfolio/src/Components/Navbar/Navbar.js index 1ad5ad9..ee978e5 100644 --- a/portfolio/src/Components/Navbar/Navbar.js +++ b/portfolio/src/Components/Navbar/Navbar.js @@ -11,7 +11,7 @@ const Navbar = () => {
Logo - Portfolio +

Portfolio
diff --git a/portfolio/src/Pages/Hobbies.js b/portfolio/src/Pages/Hobbies.js index ea514e5..3a90806 100644 --- a/portfolio/src/Pages/Hobbies.js +++ b/portfolio/src/Pages/Hobbies.js @@ -1,11 +1,59 @@ import Navbar from "../Components/Navbar/Navbar"; +import Footer from "../Components/Footer/Footer"; +import ScrollToTop from "../Components/scrollToTop"; +import renderPhoto from "../Assets/TT-SU2_700_samples_transparen_background.png"; +import HOD from "../Assets/HOD_3000.png"; +import IDME from "../Assets/IDME_2000.png"; +import trkMEplus from "../Assets/trkME+.png"; +import "./About.css"; const Hobbies = () => { return ( -
- +
+ +
+ +
+ +
+ 3D Models + Renders +
+ +
+ +
+
+ projectsPhoto +
+
+ +
+
+ projectsPhoto +
+
+ +
+
+ projectsPhoto +
+
+ +
+
+ projectsPhoto +
+
+ +
+ +
+
+
) } + export default Hobbies; \ No newline at end of file diff --git a/portfolio/src/Pages/Home.js b/portfolio/src/Pages/Home.js index ed154c7..22dc013 100644 --- a/portfolio/src/Pages/Home.js +++ b/portfolio/src/Pages/Home.js @@ -50,13 +50,13 @@ const Home = () => {
Projects -
- +
Hobbies projectsPhoto diff --git a/portfolio/src/index.js b/portfolio/src/index.js index bb5a81c..35d3a56 100644 --- a/portfolio/src/index.js +++ b/portfolio/src/index.js @@ -1,7 +1,8 @@ import React from 'react'; import ReactDOM from 'react-dom/client'; import App from './App'; -import './style.css' +import './style.css'; + const root = ReactDOM.createRoot(document.getElementById('root')); root.render( diff --git a/portfolio/src/style.css b/portfolio/src/style.css index 7ee5563..f33d25f 100644 --- a/portfolio/src/style.css +++ b/portfolio/src/style.css @@ -36,16 +36,13 @@ li { } -p{ - color: rgb(129, 137, 146); -} .pageContent{ margin: 1rem auto; max-width: 80vw; background: rgb(27, 27, 31); padding: 1vmax 1vmax; - + border-radius: 1vmax; } diff --git a/static/css/main.73e20a6c.css b/static/css/main.73e20a6c.css deleted file mode 100644 index 75c0bcb..0000000 --- a/static/css/main.73e20a6c.css +++ /dev/null @@ -1,2 +0,0 @@ -.footer{align-items:center;border-top:1px solid #3c3c3c;color:#646464;display:flex;font-size:.8rem;font-weight:100;height:3rem;justify-content:center;justify-items:center;padding-left:1rem;padding-right:1rem;text-align:center;width:100vw}.footer,.navbar{background-color:#282828}.navbar{border-bottom:1px solid #6495ed;position:-webkit-sticky;position:sticky;top:0;z-index:20}.logoAndPortfolioText{align-items:center;display:flex;justify-content:space-between}.portfolioText{color:#fff;font-size:2rem;font-weight:100;margin-left:1rem}.navbarContents{align-items:center;display:flex;height:4rem;justify-content:space-between;justify-items:center;margin:auto;max-width:80vw;padding:1rem;position:-webkit-sticky;position:sticky;top:0;z-index:3}.material-symbols-outlined{color:#fff;font-size:3rem;overflow-y:hidden}.logoImg{object-fit:cover;width:2rem}.desktopMenu{align-items:center;display:flex;justify-items:center;overflow-x:hidden}.desktopMenuNavLink{border:2px inset #0000;color:#fff;cursor:pointer;font-size:1.5rem;font-weight:600;margin:0 .5rem;padding:.5rem}.active.desktopMenuNavLink{border-bottom:1px inset #6495ed}.desktopMenuNavLink:hover{background-size:contain;color:#fff}.mobileMenuVisible{background-color:#282828;border:1px solid #3c3c3c;border-radius:1rem;display:flex;flex-direction:column;font-size:2rem;justify-content:center;padding:5px;position:absolute;right:1rem;text-align:center;top:4rem}.openMobileMenuButton{border:none}.mobileMenuTriangle{border:10px solid;border-color:#0000 #0000 #3c3c3c;height:0;position:absolute;right:.8rem;top:-1.3rem;width:0}.mobileMenuNavLink:hover{background-color:#fff;background-size:contain;border-radius:.5rem;color:#1e1e1e}.mobileMenuNavLink{align-content:center;border-radius:2rem;color:#fff;font-size:1.5rem;padding:.2rem .5rem;width:100%}.active.mobileMenuNavLink{background-color:#232323;background-size:contain;border:1px inset #3c3c3c;border-radius:.75rem;color:#fff}.mobileMenu,.mobileMenuInvisible{display:none}@media screen and (max-width:1050px){.desktopMenu{display:none}.mobileMenu{display:flex}.navbarContents{max-width:100vw}}.home{min-height:100%}.helloText{display:flex;flex-direction:column;justify-content:center;width:50%}.helloIm,.helloText{color:#fff;white-space:nowrap}.helloIm{font-size:2rem;font-weight:400}.myName{font-size:4rem;font-weight:400;text-shadow:2px 2px 3px #1b1d1f}.softDev{color:#ddd;text-shadow:2px 2px 3px #1b1d1f;white-space:nowrap}.softDev,.softDevWrap{font-size:1.8rem;font-weight:100}.homeLinksDiv{border-bottom:0 solid #646464;flex-direction:column;margin:3rem auto;padding-bottom:3rem;width:100%}.homeLink,.homeLinksDiv{display:flex;justify-content:space-between}.homeLink{overflow-x:hidden}.homeLinkTextDivLeft{align-items:flex-start}.homeLinkTextDivLeft,.homeLinkTextDivRight{display:flex;flex-direction:column;justify-content:center;width:50%}.homeLinkTextDivRight{align-items:flex-end}.homeLinkTextRight{justify-content:right;text-align:right}.homeLinkTextLeft,.homeLinkTextRight{color:#fff;display:flex;font-size:3rem;font-weight:100;text-shadow:2px 2px 3px #1b1d1f}.homeLinkTextLeft{justify-content:left}.homePhotoDivLeft{align-items:flex-end;display:flex;justify-content:right;width:50%;z-index:-1}.homePhotoDivRight{align-items:flex-start;display:flex;width:50%;z-index:-1}.homePhoto{width:40rem}.homePhoto,.pongPhoto{min-width:20rem;object-fit:fill}.pongPhoto{border:2px solid gray;width:30rem}.portraitPhoto{min-width:20rem;object-fit:fill;width:40rem}.aboutTopDiv{display:flex;justify-content:center;margin:auto 5rem}.aboutMidDiv{display:flex;flex-direction:column;justify-content:left;margin:3rem auto}.aboutTitleText{font-size:3rem;font-weight:400;margin-bottom:1rem;margin-top:1rem}.aboutLinkText{color:#6495ed;font-size:2.4rem;font-weight:400}.aboutLinkText:hover{border-bottom:1px solid #6495ed}.aboutTopText{border-left:1px solid gray;display:flex;flex-direction:column;justify-content:center;padding-left:4rem}.aboutThinText{color:#c8c8c8;font-size:1.8rem;font-weight:100}.aboutBoldText{color:#fff;font-size:2.4rem;font-weight:600}.aboutPortraitPhoto{width:25rem}.projectsLinksDiv{border-bottom:2px solid #646464;flex-direction:column;margin:3rem auto;width:100%}.projectsLink,.projectsLinksDiv{display:flex;justify-content:space-between}.projectsLink{margin-bottom:3rem;overflow-x:hidden}.projectsLinkTextDivLeft{align-items:flex-start}.projectsLinkTextDivLeft,.projectsLinkTextDivRight{display:flex;flex-direction:column;justify-content:center;width:50%}.projectsLinkTextDivRight{align-items:flex-end}.projectsLinkTextRight{font-size:4rem;font-weight:400}.projectsLinkTextRight,.projectsLinkTextRightMedium{color:#fff;display:flex;justify-content:right;text-align:right;text-shadow:2px 2px 3px #1b1d1f}.projectsLinkTextRightMedium{font-size:2rem;font-weight:100}.projectsLinkTextLeft{color:#fff;display:flex;font-size:3rem;font-weight:100;justify-content:left;text-shadow:2px 2px 3px #1b1d1f}.projectsPhotoDivLeft{align-items:flex-end;display:flex;justify-content:right;width:50%;z-index:-1}.projectsPhotoDivRight{align-items:flex-start;display:flex;width:50%;z-index:-1}.projectsPhoto{border:2px solid #646464;min-width:20rem;object-fit:fill;width:30rem}.projectsTechnologiesUsed{display:flex}.technologiesUsedPhoto{margin-left:1rem;margin-top:1rem;width:3rem}.arduinoPhoto{height:4rem;margin-left:1rem;margin-top:1rem}.cplusplusPhoto{width:4rem}@media screen and (max-width:1050px){.helloText{white-space:break-spaces}} -/*# sourceMappingURL=main.73e20a6c.css.map*/ \ No newline at end of file diff --git a/static/css/main.73e20a6c.css.map b/static/css/main.73e20a6c.css.map deleted file mode 100644 index 5d94c73..0000000 --- a/static/css/main.73e20a6c.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"static/css/main.73e20a6c.css","mappings":"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","sources":["Components/Footer/Footer.css","Components/Navbar/Navbar.css","Pages/Home.css","Pages/About.css","Pages/Projects.css"],"sourcesContent":[".footer{\r\n height: 3rem;\r\n width: 100vw;\r\n display: flex;\r\n align-items: center;\r\n justify-items: center;\r\n justify-content: center;\r\n font-size: 0.8rem;\r\n font-weight: 100;\r\n color: rgb(100, 100, 100);\r\n background-color: rgb(40, 40, 40);\r\n text-align: center;\r\n border-top: 1px solid rgb(60, 60, 60);\r\n padding-left: 1rem;\r\n padding-right: 1rem;\r\n\r\n}\r\n","\r\n.navbar{\r\n background-color: rgb(40, 40, 40);\r\n border-bottom: 1px solid cornflowerblue;\r\n position: sticky;\r\n z-index: 20;\r\n top: 0;\r\n}\r\n\r\n.logoAndPortfolioText{\r\n align-items: center;\r\n display: flex;\r\n justify-content: space-between;\r\n}\r\n\r\n\r\n.portfolioText{\r\n color: white;\r\n font-size: 2rem;\r\n margin-left: 1rem;\r\n font-weight: 100;\r\n}\r\n\r\n.navbarContents{\r\n height: 4rem;\r\n max-width: 80vw;\r\n margin: auto auto;\r\n padding: 1rem 1rem;\r\n display: flex;\r\n align-items: center;\r\n justify-items: center;\r\n justify-content: space-between;\r\n position: sticky;\r\n top: 0;\r\n z-index: 3;\r\n}\r\n\r\n.material-symbols-outlined {\r\n font-size: 3rem;\r\n overflow-y: hidden;\r\n color: white;\r\n}\r\n\r\n.logoImg{\r\n object-fit:cover;\r\n width: 2rem;\r\n}\r\n\r\n.desktopMenu{\r\n display: flex;\r\n align-items: center;\r\n justify-items: center;\r\n overflow-x: hidden;\r\n}\r\n\r\n.desktopMenuNavLink{\r\n font-size: 1.5rem;\r\n font-weight: 600;\r\n padding: 0.5rem;\r\n border: 2px inset transparent;\r\n cursor: pointer;\r\n color: white;\r\n margin: 0 0.5rem;\r\n}\r\n\r\n.active.desktopMenuNavLink {\r\n\r\n border-bottom: 1px inset cornflowerblue;\r\n\r\n}\r\n\r\n.desktopMenuNavLink:hover {\r\n color: white;\r\n background-size: contain;\r\n}\r\n\r\n\r\n.mobileMenuVisible {\r\n display: flex;\r\n position: absolute;\r\n top: 4rem;\r\n right: 1rem;\r\n font-size: 2rem;\r\n flex-direction: column;\r\n border-radius: 1rem;\r\n justify-content: center;\r\n border: solid 1px rgb(60, 60, 60);\r\n padding: 5px;\r\n text-align: center;\r\n background-color: rgb(40, 40, 40);\r\n}\r\n\r\n.openMobileMenuButton {\r\n border: none;\r\n}\r\n\r\n.mobileMenuTriangle {\r\n height: 0;\r\n width: 0;\r\n border: 10px solid transparent;\r\n border-bottom-color: rgb(60, 60, 60);\r\n position: absolute;\r\n top: -1.3rem;\r\n right: 0.8rem;\r\n}\r\n\r\n\r\n.mobileMenuNavLink:hover {\r\n color: rgb(30, 30, 30);\r\n border-radius: 0.5rem;\r\n background-color: white;\r\n background-size: contain;\r\n}\r\n\r\n.mobileMenuNavLink {\r\n width: 100%;\r\n color: white;\r\n border-radius: 2rem;\r\n padding: 0.2rem 0.5rem;\r\n font-size: 1.5rem;\r\n align-content: center;\r\n}\r\n\r\n.active.mobileMenuNavLink {\r\n color: white;\r\n border-radius: 0.75rem;\r\n background-color: rgb(35, 35, 35);\r\n background-size: contain;\r\n border: 1px inset rgb(60, 60, 60);\r\n}\r\n\r\n\r\n\r\n\r\n.mobileMenuInvisible {\r\n display: none;\r\n\r\n}\r\n\r\n.mobileMenu {\r\n display: none;\r\n}\r\n\r\n@media screen and (max-width:1050px) {\r\n .desktopMenu{display:none;}\r\n .mobileMenu{display: flex;}\r\n .navbarContents{max-width: 100vw;}\r\n}\r\n","\r\n.home{\r\n min-height: 100%;\r\n}\r\n\r\n.helloText{\r\n width: 50%;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n white-space: nowrap;\r\n color: white;\r\n}\r\n\r\n\r\n.helloIm{\r\n font-size: 2rem;\r\n font-weight: 400;\r\n white-space: nowrap;\r\n color: white;\r\n \r\n}\r\n\r\n.myName{\r\n font-size: 4rem;\r\n font-weight: 400;\r\n text-shadow: 2px 2px 3px rgb(27, 29, 31);\r\n \r\n}\r\n\r\n.softDev{\r\n font-size: 1.8rem;\r\n font-weight: 100;\r\n white-space: nowrap;\r\n color: rgb(221, 221, 221);\r\n text-shadow: 2px 2px 3px rgb(27, 29, 31);\r\n}\r\n\r\n.softDevWrap{\r\n font-size: 1.8rem;\r\n font-weight: 100;\r\n}\r\n\r\n\r\n.homeLinksDiv {\r\n display: flex;\r\n flex-direction: column;\r\n width: 100%;\r\n justify-content: space-between;\r\n margin: 3rem auto;\r\n padding-bottom: 3rem;\r\n border-bottom: 0px solid rgb(100, 100, 100);\r\n}\r\n\r\n.homeLink{\r\n display: flex;\r\n justify-content: space-between;\r\n overflow-x: hidden;\r\n\r\n\r\n}\r\n\r\n.homeLinkTextDivLeft{\r\n width: 50%;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: flex-start;\r\n}\r\n\r\n.homeLinkTextDivRight{\r\n width: 50%;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: flex-end;\r\n}\r\n\r\n.homeLinkTextRight{\r\n display: flex;\r\n font-size: 3rem;\r\n justify-content: right;\r\n text-align: right;\r\n color: white;\r\n font-weight: 100;\r\n text-shadow: 2px 2px 3px rgb(27, 29, 31);\r\n}\r\n\r\n\r\n.homeLinkTextLeft{\r\n display: flex;\r\n font-size: 3rem;\r\n justify-content: left;\r\n color: white;\r\n font-weight: 100;\r\n text-shadow: 2px 2px 3px rgb(27, 29, 31);\r\n}\r\n\r\n.homePhotoDivLeft{\r\n display: flex;\r\n width: 50%;\r\n align-items: flex-end;\r\n justify-content: right;\r\n z-index: -1;\r\n}\r\n\r\n.homePhotoDivRight{\r\n display: flex;\r\n width: 50%;\r\n align-items: flex-start;\r\n z-index: -1;\r\n}\r\n\r\n.homePhoto {\r\n object-fit: fill;\r\n width: 40rem;\r\n min-width: 20rem;\r\n}\r\n\r\n.pongPhoto {\r\n object-fit: fill;\r\n width: 30rem;\r\n min-width: 20rem;\r\n border: 2px solid gray;\r\n}\r\n\r\n.portraitPhoto {\r\n object-fit: fill;\r\n width: 40rem;\r\n min-width: 20rem;\r\n\r\n}\r\n\r\n\r\n\r\n@media screen and (max-width:1050px) {\r\n .helloText{white-space: break-spaces;}\r\n}\r\n\r\n\r\n","\r\n\r\n.aboutTopDiv {\r\n display: flex;\r\n margin: auto 5rem;\r\n justify-content: center;\r\n \r\n}\r\n\r\n.aboutMidDiv {\r\n display: flex;\r\n justify-content: left;\r\n flex-direction: column;\r\n margin: 3rem auto;\r\n}\r\n\r\n.aboutTitleText {\r\n font-size: 3rem;\r\n font-weight: 400;\r\n margin-bottom: 1rem;\r\n margin-top: 1rem;\r\n}\r\n\r\n.aboutLinkText {\r\n color: cornflowerblue;\r\n font-size: 2.4rem;\r\n font-weight: 400;\r\n}\r\n\r\n.aboutLinkText:hover {\r\n border-bottom: 1px solid cornflowerblue;\r\n}\r\n\r\n\r\n.aboutTopText {\r\n border-left: 1px solid gray;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n padding-left: 4rem;\r\n}\r\n\r\n.aboutThinText {\r\n font-size: 1.8rem;\r\n font-weight: 100;\r\n color: rgb(200, 200, 200);\r\n}\r\n\r\n\r\n.aboutBoldText {\r\n font-size: 2.4rem;\r\n font-weight: 600;\r\n color: white;\r\n}\r\n\r\n\r\n.aboutPortraitPhoto {\r\n width: 25rem;\r\n}","\r\n.projectsLinksDiv {\r\n display: flex;\r\n flex-direction: column;\r\n width: 100%;\r\n justify-content: space-between;\r\n margin: 3rem auto;\r\n border-bottom: 2px solid rgb(100, 100, 100);;\r\n}\r\n\r\n.projectsLink{\r\n display: flex;\r\n margin-bottom: 3rem;\r\n justify-content: space-between;\r\n overflow-x: hidden;\r\n\r\n\r\n}\r\n\r\n.projectsLinkTextDivLeft{\r\n width: 50%;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: flex-start;\r\n}\r\n\r\n.projectsLinkTextDivRight{\r\n width: 50%;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: flex-end;\r\n}\r\n\r\n.projectsLinkTextRight{\r\n display: flex;\r\n font-size: 4rem;\r\n justify-content: right;\r\n text-align: right;\r\n color: white;\r\n font-weight: 400;\r\n text-shadow: 2px 2px 3px rgb(27, 29, 31);\r\n}\r\n\r\n\r\n.projectsLinkTextRightMedium{\r\n display: flex;\r\n font-size: 2rem;\r\n justify-content: right;\r\n text-align: right;\r\n color: white;\r\n font-weight: 100;\r\n text-shadow: 2px 2px 3px rgb(27, 29, 31);\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n.projectsLinkTextLeft{\r\n display: flex;\r\n font-size: 3rem;\r\n justify-content: left;\r\n color: white;\r\n font-weight: 100;\r\n text-shadow: 2px 2px 3px rgb(27, 29, 31);\r\n}\r\n\r\n.projectsPhotoDivLeft{\r\n display: flex;\r\n width: 50%;\r\n align-items: flex-end;\r\n justify-content: right;\r\n z-index: -1;\r\n}\r\n\r\n.projectsPhotoDivRight{\r\n display: flex;\r\n width: 50%;\r\n align-items: flex-start;\r\n z-index: -1;\r\n}\r\n\r\n.projectsPhoto {\r\n object-fit: fill;\r\n width: 30rem;\r\n min-width: 20rem;\r\n border: 2px solid rgb(100, 100, 100);\r\n}\r\n\r\n\r\n.projectsTechnologiesUsed {\r\n display: flex;\r\n\r\n}\r\n\r\n.technologiesUsedPhoto{\r\n width: 3rem;\r\n margin-top: 1rem;\r\n margin-left: 1rem;\r\n}\r\n\r\n.arduinoPhoto {\r\n height: 4rem;\r\n margin-top: 1rem;\r\n margin-left: 1rem;\r\n}\r\n\r\n.cplusplusPhoto {\r\n width: 4rem;\r\n}\r\n\r\n\r\n\r\n\r\n@media screen and (max-width:1050px) {\r\n .helloText{white-space: break-spaces;}\r\n}\r\n\r\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/js/main.694bf48f.js b/static/js/main.694bf48f.js deleted file mode 100644 index 991f3bb..0000000 --- a/static/js/main.694bf48f.js +++ /dev/null @@ -1,3 +0,0 @@ -/*! For license information please see main.694bf48f.js.LICENSE.txt */ -(()=>{"use strict";var e={463:(e,t,n)=>{var r=n(791),a=n(296);function l(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n