diff --git a/CNAME b/CNAME deleted file mode 100644 index 6f70416..0000000 --- a/CNAME +++ /dev/null @@ -1 +0,0 @@ -jaceroell.dev \ No newline at end of file diff --git a/asset-manifest.json b/asset-manifest.json index 98ec128..a83f728 100644 --- a/asset-manifest.json +++ b/asset-manifest.json @@ -1,7 +1,7 @@ { "files": { - "main.css": "/static/css/main.1cb7350e.css", - "main.js": "/static/js/main.8ac20d60.js", + "main.css": "/static/css/main.670d30da.css", + "main.js": "/static/js/main.ba2dc1fc.js", "static/js/787.7da95b79.chunk.js": "/static/js/787.7da95b79.chunk.js", "static/media/starlinkExample.PNG": "/static/media/starlinkExample.85715ade3e3f25a25c43.PNG", "static/media/blackjackExample.png": "/static/media/blackjackExample.31a3b4eb695fde7cc8cd.png", @@ -14,19 +14,19 @@ "static/media/heroku.png": "/static/media/heroku.58328e43a9f7811194ed.png", "static/media/dlcDarkModeRemovedBackground.png": "/static/media/dlcDarkModeRemovedBackground.c7afb8c617f3fd61d507.png", "static/media/swagger.png": "/static/media/swagger.b94b1ca143538c2c1d60.png", - "static/media/java.png": "/static/media/java.09f5a80c7f42f1c28839.png", + "static/media/java2.png": "/static/media/java2.ddf8676bd569fe01ab44.png", "static/media/cpp.png": "/static/media/cpp.24a8f93854ab092f17a7.png", "static/media/c.png": "/static/media/c.d083731589e745941c43.png", "static/media/ts.png": "/static/media/ts.cf0efaf73c3cc9d45263.png", "static/media/react.png": "/static/media/react.cb15bfce2a9004ce61c5.png", "static/media/ado.webp": "/static/media/ado.e785a12d6f3a9a2849d3.webp", "index.html": "/index.html", - "main.1cb7350e.css.map": "/static/css/main.1cb7350e.css.map", - "main.8ac20d60.js.map": "/static/js/main.8ac20d60.js.map", + "main.670d30da.css.map": "/static/css/main.670d30da.css.map", + "main.ba2dc1fc.js.map": "/static/js/main.ba2dc1fc.js.map", "787.7da95b79.chunk.js.map": "/static/js/787.7da95b79.chunk.js.map" }, "entrypoints": [ - "static/css/main.1cb7350e.css", - "static/js/main.8ac20d60.js" + "static/css/main.670d30da.css", + "static/js/main.ba2dc1fc.js" ] } \ No newline at end of file diff --git a/blackjack.html b/blackjack.html index 7a7c5c2..e8ffa18 100644 --- a/blackjack.html +++ b/blackjack.html @@ -179,17 +179,17 @@ @media screen and (max-width: 600px) { .container { padding: 10px; - position: relative; /* Add relative positioning to the container */ + position: relative; } .leaderboard { - position: static; /* Change position to static to allow flow in the document */ + position: static; background-color: #005335; padding: 15px; border-radius: 10px; - width: 100%; /* Adjust width to fill the container */ - max-width: calc(100% - 20px); /* Adjust max-width to fit within the container */ - margin-bottom: 10px; /* Add margin-bottom to create space below the leaderboard */ - z-index: 1; /* Ensure the leaderboard stays above other content */ + width: 100%; + max-width: calc(100% - 20px); + margin-bottom: 10px; + z-index: 1; min-height: 150px; } #leaderboard-list li:nth-child(n+4) { @@ -205,9 +205,8 @@ } - + -

Blackjack

diff --git a/index.html b/index.html index bc0bcaf..f05ad4a 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -Jace Roell Portfolio
\ No newline at end of file +Jace Roell Portfolio
\ No newline at end of file diff --git a/static/css/main.1cb7350e.css b/static/css/main.1cb7350e.css deleted file mode 100644 index e9bb665..0000000 --- a/static/css/main.1cb7350e.css +++ /dev/null @@ -1,2 +0,0 @@ -body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{font-family:Arial,sans-serif;margin:0}.app{color:#fff;overflow-x:hidden}.app,.tabs{background-color:initial}.tabs{display:flex;justify-content:flex-end;left:0;padding:10px;position:fixed;right:0;top:0;z-index:100}.tab{border-radius:5px;cursor:pointer;margin-left:10px;padding:8px;transition:background-color .3s}.tab:hover{background-color:#555}.tab.active{background:linear-gradient(90deg,#424bad,#cc3131)}#welcome-no-highlight{background-color:initial;min-height:50vh!important}.welcome-container{background-color:initial;overflow:hidden;position:relative}#education{height:100vh}.welcome{background-color:initial;height:100vh;justify-content:center;position:relative}.view-portfolio-btn,.welcome{align-items:center;display:flex;flex-direction:column}.view-portfolio-btn{background:linear-gradient(90deg,#424bad,#cc3131);border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:20px;padding:10px;transition:background-color .3s,transform .3s}.view-portfolio-btn:hover{background-color:#555;transform:translateY(-5px)}.view-portfolio-btn svg{margin-top:5px}canvas{left:0;pointer-events:none;position:fixed;top:0;z-index:-1}.header-container{margin:0 auto;max-width:800px}.header-background-blue{background:#424bad}.header-background-blue,.header-background-red{align-items:center;border-radius:15px;display:flex;justify-content:center;padding:20px}.header-background-red{background:#cc3131}.section-header .icon{font-size:32px;margin-right:10px}.section-header h2{color:#fff;font-size:42px;margin:0}.education-details{margin-bottom:50px;margin-top:50px}#experience{background-color:initial;color:#fff;padding:40px;text-align:center}.experience-item{align-items:center;display:flex;margin-bottom:40px}.experience-item img{height:auto;margin-right:20px;width:100px}.experience-item h3{font-size:24px;margin-right:auto}.experience-item .bullet-points{margin-top:10px;text-align:left}.skills-content-container{display:flex;justify-content:space-between;text-align:center}.skills-content{align-items:center;display:flex;flex:1 1;flex-direction:column;margin:0 10px}.icon-container{align-items:center;display:flex;flex-direction:row}.icon-container img{height:125px;margin-right:10px;object-fit:contain;width:125px}.row{display:flex}.column{flex:33.33% 1;padding:5px}.project-entry{align-items:flex-start;align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-left:100px;margin-right:100px;overflow:hidden;padding:20px}.sub-header-container{align-items:center;display:flex;flex:1 1;flex-direction:column}.project-header{font-size:48px;text-align:center}.project-header h2{font-size:24px;margin-bottom:10px}.technologies{color:gray;font-size:18px;text-align:center}.buttons-container{align-items:center;display:flex;flex-direction:column}.learn-more-btn,.try-now-btn{background-color:initial;color:#fff;font-size:32px;margin-bottom:10px;padding:12px 20px;text-align:center;text-decoration:underline;transition:background .3s,color .3s;white-space:nowrap}.try-now-btn:hover{background-color:#424bad;color:#fff}.learn-more-btn:hover{background-color:#ad2929;color:#fff}.reference-image-container{flex-shrink:0;margin-left:20px}.reference-image{border-radius:10px;margin-top:20px;max-height:100%;max-width:1000px}.project-info{align-content:center;flex:1 1}.vertical-align{vertical-align:middle} -/*# sourceMappingURL=main.1cb7350e.css.map*/ \ No newline at end of file diff --git a/static/css/main.1cb7350e.css.map b/static/css/main.1cb7350e.css.map deleted file mode 100644 index ec1ad29..0000000 --- a/static/css/main.1cb7350e.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"static/css/main.1cb7350e.css","mappings":"AAAA,KAKE,kCAAmC,CACnC,iCAAkC,CAJlC,mIAKF,CAEA,KACE,uEAEF,CCZA,KAEE,4BAAgC,CADhC,QAEF,CAEA,KAEE,UAAW,CACX,iBACF,CAWA,WAdE,wBAwBF,CAVA,MAME,YAAa,CACb,wBAAyB,CAJzB,MAAO,CAKP,YAAa,CAPb,cAAe,CAGf,OAAQ,CAFR,KAAM,CAON,WACF,CAEA,KAIE,iBAAkB,CAFlB,cAAe,CADf,gBAAiB,CAEjB,WAAY,CAEZ,+BACF,CAEA,WACE,qBACF,CAEA,YACE,iDACF,CAEA,sBACE,wBAA6B,CAC7B,yBACF,CAGA,mBAGE,wBAA6B,CAD7B,eAAgB,CADhB,iBAGF,CACA,WAEE,YACF,CACA,SAOE,wBAA6B,CAN7B,YAAa,CAIb,sBAAuB,CACvB,iBAEF,CAEA,6BANE,kBAAmB,CAFnB,YAAa,CACb,qBAmBF,CAZA,oBASE,iDAAmD,CAFnD,WAAY,CACZ,iBAAkB,CAElB,UAAW,CALX,cAAe,CAJf,eAAgB,CAKhB,YAAa,CAKb,6CACF,CAEA,0BACE,qBAAsB,CACtB,0BACF,CAEA,wBACE,cACF,CAEA,OAGE,MAAO,CAEP,mBAAoB,CAJpB,cAAe,CACf,KAAM,CAEN,UAEF,CAEA,kBAEE,aAAc,CADd,eAEF,CACA,wBACE,kBAMF,CACA,+CAHE,kBAAmB,CAHnB,kBAAmB,CAEnB,YAAa,CAEb,sBAAuB,CAHvB,YAYF,CAPA,uBACE,kBAMF,CAEA,sBAEE,cAAe,CADf,iBAEF,CAEA,mBACE,UAAW,CAEX,cAAe,CADf,QAEF,CAEA,mBAEE,kBAAmB,CADnB,eAEF,CACA,YACE,wBAA6B,CAE7B,UAAW,CADX,YAAa,CAEb,iBACF,CACA,iBAEE,kBAAmB,CADnB,YAAa,CAEb,kBACF,CAEA,qBAEE,WAAY,CACZ,iBAAkB,CAFlB,WAGF,CAEA,oBACE,cAAe,CACf,iBACF,CAEA,gCACE,eAAgB,CAChB,eACF,CACA,0BACE,YAAa,CACb,6BAA8B,CAC9B,iBACF,CAEA,gBAKE,kBAAmB,CAFnB,YAAa,CAFb,QAAO,CAGP,qBAAsB,CAFtB,aAIF,CAEA,gBAGE,kBAAmB,CAFnB,YAAa,CACb,kBAEF,CAEA,oBAEE,YAAa,CAEb,iBAAkB,CADlB,kBAAmB,CAFnB,WAIF,CAEA,KACE,YACF,CAEA,QACE,aAAY,CACZ,WACF,CCxMA,eAII,sBAAuB,CAIvB,kBAAmB,CAPnB,YAAa,CACb,kBAAmB,CACnB,6BAA8B,CAG9B,iBAAkB,CAClB,kBAAmB,CAEnB,eAAgB,CAJhB,YAKF,CAEF,sBAII,kBAAmB,CAHnB,YAAa,CAEb,QAAO,CADP,qBAGJ,CAEA,gBAEI,cAAe,CADf,iBAEJ,CAEA,mBACI,cAAe,CACf,kBACJ,CAEA,cAEI,UAAW,CADX,cAAe,CAEf,iBACJ,CAEA,mBAGI,kBAAmB,CAFnB,YAAa,CACb,qBAEJ,CAEA,6BAII,wBAA6B,CAC7B,UAAW,CAIX,cAAe,CAPf,kBAAmB,CACnB,iBAAkB,CAOlB,iBAAkB,CAJlB,yBAA0B,CAC1B,mCAAuC,CACvC,kBAGJ,CAEA,mBAEI,wBAAyB,CADzB,UAEJ,CAEA,sBACI,wBAAyB,CACzB,UACJ,CAEA,2BACI,aAAc,CACd,gBACF,CACA,iBAGE,kBAAmB,CACnB,eAAgB,CAFhB,eAAgB,CADhB,gBAIF,CAEF,cAEI,oBAAqB,CADrB,QAEJ,CACA,gBAEI,qBACJ","sources":["index.css","App.css","projectEntry.css"],"sourcesContent":["body {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, '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}\n","body {\r\n margin: 0;\r\n font-family: 'Arial', sans-serif;\r\n}\r\n\r\n.app {\r\n background-color: transparent;\r\n color: #fff;\r\n overflow-x: hidden;\r\n}\r\n\r\n.welcome {\r\n height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background-color: transparent;\r\n position: relative;\r\n}\r\n\r\n.tabs {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n background-color: transparent;\r\n display: flex;\r\n justify-content: flex-end;\r\n padding: 10px;\r\n z-index: 100;\r\n}\r\n\r\n.tab {\r\n margin-left: 10px;\r\n cursor: pointer;\r\n padding: 8px;\r\n border-radius: 5px;\r\n transition: background-color 0.3s;\r\n}\r\n\r\n.tab:hover {\r\n background-color: #555;\r\n}\r\n\r\n.tab.active {\r\n background: linear-gradient(90deg, #424bad,#cc3131);\r\n}\r\n\r\n#welcome-no-highlight {\r\n background-color: transparent;\r\n min-height: 50vh !important; \r\n}\r\n\r\n\r\n.welcome-container {\r\n position: relative;\r\n overflow: hidden;\r\n background-color: transparent;\r\n}\r\n#education\r\n{\r\n height: 100vh;\r\n}\r\n.welcome {\r\n height: 100vh;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n background-color: transparent;\r\n}\r\n\r\n.view-portfolio-btn {\r\n margin-top: 20px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n cursor: pointer;\r\n padding: 10px;\r\n border: none;\r\n border-radius: 5px;\r\n background: linear-gradient(90deg, #424bad,#cc3131);\r\n color: #fff;\r\n transition: background-color 0.3s, transform 0.3s;\r\n}\r\n\r\n.view-portfolio-btn:hover {\r\n background-color: #555;\r\n transform: translateY(-5px);\r\n}\r\n\r\n.view-portfolio-btn svg {\r\n margin-top: 5px;\r\n}\r\n\r\ncanvas {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n z-index: -1;\r\n pointer-events: none;\r\n}\r\n\r\n.header-container {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n}\r\n.header-background-blue{\r\n background: #424bad;\r\n border-radius: 15px;\r\n padding: 20px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.header-background-red{\r\n background: #cc3131;\r\n border-radius: 15px;\r\n padding: 20px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.section-header .icon {\r\n margin-right: 10px;\r\n font-size: 32px;\r\n}\r\n\r\n.section-header h2 {\r\n color: #fff;\r\n margin: 0;\r\n font-size: 42px;\r\n}\r\n\r\n.education-details {\r\n margin-top: 50px;\r\n margin-bottom: 50px;\r\n}\r\n#experience {\r\n background-color: transparent;\r\n padding: 40px;\r\n color: #fff;\r\n text-align: center;\r\n}\r\n.experience-item {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 40px;\r\n}\r\n\r\n.experience-item img {\r\n width: 100px;\r\n height: auto;\r\n margin-right: 20px;\r\n}\r\n\r\n.experience-item h3 {\r\n font-size: 24px;\r\n margin-right: auto; \r\n}\r\n\r\n.experience-item .bullet-points {\r\n margin-top: 10px;\r\n text-align: left;\r\n}\r\n.skills-content-container {\r\n display: flex;\r\n justify-content: space-between;\r\n text-align: center;\r\n}\r\n\r\n.skills-content {\r\n flex: 1;\r\n margin: 0 10px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n}\r\n\r\n.icon-container {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n}\r\n\r\n.icon-container img {\r\n width: 125px;\r\n height: 125px;\r\n object-fit: contain;\r\n margin-right: 10px;\r\n}\r\n\r\n.row {\r\n display: flex;\r\n}\r\n\r\n.column {\r\n flex: 33.33%;\r\n padding: 5px;\r\n}","\r\n.project-entry {\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding: 20px;\r\n margin-left: 100px;\r\n margin-right: 100px;\r\n align-items: center;\r\n overflow: hidden;\r\n }\r\n\r\n.sub-header-container {\r\n display: flex;\r\n flex-direction: column;\r\n flex: 1;\r\n align-items: center;\r\n}\r\n\r\n.project-header {\r\n text-align: center;\r\n font-size: 48px;\r\n}\r\n\r\n.project-header h2 {\r\n font-size: 24px;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.technologies {\r\n font-size: 18px;\r\n color: gray;\r\n text-align: center;\r\n}\r\n\r\n.buttons-container {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n}\r\n\r\n.try-now-btn,\r\n.learn-more-btn {\r\n margin-bottom: 10px;\r\n padding: 12px 20px;\r\n background-color: transparent;\r\n color: #fff;\r\n text-decoration: underline;\r\n transition: background 0.3s, color 0.3s;\r\n white-space: nowrap;\r\n font-size: 32px;\r\n text-align: center;\r\n}\r\n\r\n.try-now-btn:hover {\r\n color: #fff;\r\n background-color: #424bad;\r\n}\r\n\r\n.learn-more-btn:hover {\r\n background-color: #ad2929;\r\n color: #fff;\r\n}\r\n\r\n.reference-image-container {\r\n flex-shrink: 0;\r\n margin-left: 20px;\r\n }\r\n .reference-image {\r\n max-width: 1000px;\r\n max-height: 100%;\r\n border-radius: 10px;\r\n margin-top: 20px;\r\n }\r\n\r\n.project-info {\r\n flex: 1;\r\n align-content: center;\r\n}\r\n.vertical-align\r\n{\r\n vertical-align:middle;\r\n}\r\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/css/main.670d30da.css b/static/css/main.670d30da.css new file mode 100644 index 0000000..bd1d8ce --- /dev/null +++ b/static/css/main.670d30da.css @@ -0,0 +1,2 @@ +body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{font-family:Arial,sans-serif;margin:0}.app{color:#fff;overflow-x:hidden}.app,.tabs{background-color:initial}.tabs{display:flex;justify-content:flex-end;left:0;padding:10px;position:fixed;right:0;top:0;z-index:100}.tab{border-radius:5px;cursor:pointer;margin-left:10px;padding:8px;transition:background-color .3s}.tab:hover{background-color:#555}.tab.active{background:linear-gradient(90deg,#424bad,#cc3131)}#welcome-no-highlight{background-color:initial;min-height:50vh!important}.welcome-container{background-color:initial;overflow:hidden;position:relative}#education{height:100vh}.welcome{background-color:initial;height:100vh;justify-content:center;position:relative}.view-portfolio-btn,.welcome{align-items:center;display:flex;flex-direction:column}.view-portfolio-btn{background:linear-gradient(90deg,#424bad,#cc3131);border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:20px;padding:10px;transition:background-color .3s,transform .3s}.view-portfolio-btn:hover{background-color:#555;transform:translateY(-5px)}.view-portfolio-btn svg{margin-top:5px}canvas{left:0;pointer-events:none;position:fixed;top:0;z-index:-1}.header-container{margin:0 auto;max-width:800px}.header-background-blue{background:#424bad}.header-background-blue,.header-background-red{align-items:center;border-radius:15px;display:flex;justify-content:center;padding:20px}.header-background-red{background:#cc3131}.section-header .icon{font-size:32px;margin-right:10px}.section-header h2{color:#fff;font-size:42px;margin:0}.education-details{margin-bottom:50px;margin-top:50px}#experience{background-color:initial;color:#fff;padding:40px;text-align:center}.experience-item{align-items:center;display:flex;margin-bottom:40px}.experience-item img{height:auto;margin-right:20px;width:100px}.experience-item h3{font-size:24px;margin-right:auto}.experience-item .bullet-points{margin-top:10px;text-align:left}.skills-content-container{display:flex;justify-content:space-between;text-align:center}.skills-content{align-items:center;display:flex;flex:1 1;flex-direction:column;margin:0 10px}.icon-container{align-items:center;display:flex;flex-direction:row}.icon-container img{height:125px;margin-right:10px;object-fit:contain;width:125px}.row{display:flex}.column{flex:33.33% 1;padding:5px}@media (max-width:768px){#experience{padding:20px}.experience-item{align-items:flex-start;flex-direction:column}.experience-item img{margin-bottom:10px;margin-right:0;margin-top:10px;width:80px}.experience-item h3{font-size:20px;margin-right:0}.experience-item .bullet-points{font-size:14px;margin-top:10px;text-align:left}.tabs{background-color:#111;display:flex;justify-content:flex-end;left:0;padding:10px;position:fixed;right:0;top:0;z-index:100}#education{margin:0 10px;padding:20px}.skills-content-container{align-items:center;flex-direction:column;text-align:center}.skills-content{display:flex;flex-wrap:wrap;justify-content:center;margin:10px 0;width:100%}.icon-container{margin:10px;text-align:center;width:120px}.icon-container img{height:50px;width:50px}.icon-container p{margin:5px 0 0}.column{flex:100% 1;padding:5px;text-align:center}}.project-entry{align-items:flex-start;align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-left:100px;margin-right:100px;overflow:hidden;padding:20px}.sub-header-container{align-items:center;display:flex;flex:1 1;flex-direction:column}.project-header{font-size:48px;text-align:center}.project-header h2{font-size:24px;margin-bottom:10px}.technologies{color:gray;font-size:18px;text-align:center}.buttons-container{align-items:center;display:flex;flex-direction:column}.learn-more-btn,.try-now-btn{background-color:initial;color:#fff;font-size:32px;margin-bottom:10px;padding:12px 20px;text-align:center;text-decoration:underline;transition:background .3s,color .3s;white-space:nowrap}.try-now-btn:hover{background-color:#424bad;color:#fff}.learn-more-btn:hover{background-color:#ad2929;color:#fff}.reference-image-container{flex-shrink:0;margin-left:20px}.reference-image{border-radius:10px;margin-top:20px;max-height:100%;max-width:1000px}.project-info{align-content:center;flex:1 1}.vertical-align{vertical-align:middle}@media (max-width:768px){.project-entry{display:flex;flex-direction:column;justify-content:center;margin-left:20px;margin-right:20px;overflow:hidden;padding:20px}.sub-header-container{align-items:center;display:flex;flex-direction:column;text-align:center}.project-header{font-size:32px}.project-header h2{font-size:24px;margin-bottom:10px}.technologies{color:gray;font-size:16px}.buttons-container{align-items:center;display:flex;flex-direction:column;margin-top:10px}.learn-more-btn,.try-now-btn{font-size:18px;padding:10px 20px}.reference-image-container{margin-top:20px}.reference-image{border-radius:10px;max-width:100%}} +/*# sourceMappingURL=main.670d30da.css.map*/ \ No newline at end of file diff --git a/static/css/main.670d30da.css.map b/static/css/main.670d30da.css.map new file mode 100644 index 0000000..ad2994f --- /dev/null +++ b/static/css/main.670d30da.css.map @@ -0,0 +1 @@ +{"version":3,"file":"static/css/main.670d30da.css","mappings":"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","sources":["index.css","App.css","projectEntry.css"],"sourcesContent":["body {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, '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}\n","body {\r\n margin: 0;\r\n font-family: 'Arial', sans-serif;\r\n}\r\n\r\n.app {\r\n background-color: transparent;\r\n color: #fff;\r\n overflow-x: hidden;\r\n}\r\n\r\n.welcome {\r\n height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background-color: transparent;\r\n position: relative;\r\n}\r\n\r\n.tabs {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n background-color: transparent;\r\n display: flex;\r\n justify-content: flex-end;\r\n padding: 10px;\r\n z-index: 100;\r\n}\r\n\r\n.tab {\r\n margin-left: 10px;\r\n cursor: pointer;\r\n padding: 8px;\r\n border-radius: 5px;\r\n transition: background-color 0.3s;\r\n}\r\n\r\n.tab:hover {\r\n background-color: #555;\r\n}\r\n\r\n.tab.active {\r\n background: linear-gradient(90deg, #424bad,#cc3131);\r\n}\r\n\r\n#welcome-no-highlight {\r\n background-color: transparent;\r\n min-height: 50vh !important; \r\n}\r\n\r\n\r\n.welcome-container {\r\n position: relative;\r\n overflow: hidden;\r\n background-color: transparent;\r\n}\r\n#education\r\n{\r\n height: 100vh;\r\n}\r\n.welcome {\r\n height: 100vh;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n background-color: transparent;\r\n}\r\n\r\n.view-portfolio-btn {\r\n margin-top: 20px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n cursor: pointer;\r\n padding: 10px;\r\n border: none;\r\n border-radius: 5px;\r\n background: linear-gradient(90deg, #424bad,#cc3131);\r\n color: #fff;\r\n transition: background-color 0.3s, transform 0.3s;\r\n}\r\n\r\n.view-portfolio-btn:hover {\r\n background-color: #555;\r\n transform: translateY(-5px);\r\n}\r\n\r\n.view-portfolio-btn svg {\r\n margin-top: 5px;\r\n}\r\n\r\ncanvas {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n z-index: -1;\r\n pointer-events: none;\r\n}\r\n\r\n.header-container {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n}\r\n.header-background-blue{\r\n background: #424bad;\r\n border-radius: 15px;\r\n padding: 20px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.header-background-red{\r\n background: #cc3131;\r\n border-radius: 15px;\r\n padding: 20px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.section-header .icon {\r\n margin-right: 10px;\r\n font-size: 32px;\r\n}\r\n\r\n.section-header h2 {\r\n color: #fff;\r\n margin: 0;\r\n font-size: 42px;\r\n}\r\n\r\n.education-details {\r\n margin-top: 50px;\r\n margin-bottom: 50px;\r\n}\r\n#experience {\r\n background-color: transparent;\r\n padding: 40px;\r\n color: #fff;\r\n text-align: center;\r\n}\r\n.experience-item {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 40px;\r\n}\r\n\r\n.experience-item img {\r\n width: 100px;\r\n height: auto;\r\n margin-right: 20px;\r\n}\r\n\r\n.experience-item h3 {\r\n font-size: 24px;\r\n margin-right: auto; \r\n}\r\n\r\n.experience-item .bullet-points {\r\n margin-top: 10px;\r\n text-align: left;\r\n}\r\n.skills-content-container {\r\n display: flex;\r\n justify-content: space-between;\r\n text-align: center;\r\n}\r\n\r\n.skills-content {\r\n flex: 1;\r\n margin: 0 10px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n}\r\n\r\n.icon-container {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n}\r\n\r\n.icon-container img {\r\n width: 125px;\r\n height: 125px;\r\n object-fit: contain;\r\n margin-right: 10px;\r\n}\r\n\r\n.row {\r\n display: flex;\r\n}\r\n\r\n.column {\r\n flex: 33.33%;\r\n padding: 5px;\r\n}\r\n@media (max-width: 768px) { /* Adjust the max-width as needed for your mobile layout */\r\n #experience {\r\n padding: 20px;\r\n }\r\n\r\n .experience-item {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n }\r\n\r\n .experience-item img {\r\n width: 80px; /* Decrease image size for smaller screens */\r\n margin-right: 0; /* Remove margin for images */\r\n margin-top: 10px;\r\n margin-bottom: 10px; /* Add space between image and text */\r\n }\r\n\r\n .experience-item h3 {\r\n font-size: 20px; /* Decrease heading font size for smaller screens */\r\n margin-right: 0; /* Remove margin for headings */\r\n }\r\n\r\n .experience-item .bullet-points {\r\n margin-top: 10px;\r\n text-align: left;\r\n font-size: 14px; /* Decrease bullet points font size for smaller screens */\r\n }\r\n .tabs {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n background-color: #111;\r\n display: flex;\r\n justify-content: flex-end;\r\n padding: 10px;\r\n z-index: 100;\r\n }\r\n\r\n /* Mobile-specific styling for education section */\r\n #education {\r\n padding: 20px; /* Add padding for mobile devices */\r\n margin: 0 10px; /* Add margin on both sides */\r\n }\r\n\r\n .skills-content-container {\r\n flex-direction: column; /* Stack skills sections vertically on smaller screens */\r\n align-items: center; /* Center align items */\r\n text-align: center; /* Center align text */\r\n }\r\n \r\n .skills-content {\r\n width: 100%; /* Set width to 100% */\r\n margin: 10px 0; /* Add margin top and bottom */\r\n display: flex; /* Use flexbox to align items */\r\n flex-wrap: wrap; /* Allow items to wrap to next line if necessary */\r\n justify-content: center; /* Center align items horizontally */\r\n }\r\n\r\n .icon-container {\r\n margin: 10px;\r\n width: 120px; /* Set a fixed width for icon containers */\r\n text-align: center; /* Center align text */\r\n }\r\n\r\n .icon-container img {\r\n width: 50px; /* Decrease icon size for smaller screens */\r\n height: 50px; /* Ensure uniform sizing for icons */\r\n }\r\n\r\n .icon-container p {\r\n margin: 5px 0 0; /* Add margin for text below icons */\r\n }\r\n\r\n .column {\r\n flex: 100%; /* Set column width to 100% */\r\n padding: 5px;\r\n text-align: center; /* Center align text */\r\n }\r\n}","\r\n.project-entry {\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding: 20px;\r\n margin-left: 100px;\r\n margin-right: 100px;\r\n align-items: center;\r\n overflow: hidden;\r\n }\r\n\r\n.sub-header-container {\r\n display: flex;\r\n flex-direction: column;\r\n flex: 1;\r\n align-items: center;\r\n}\r\n\r\n.project-header {\r\n text-align: center;\r\n font-size: 48px;\r\n}\r\n\r\n.project-header h2 {\r\n font-size: 24px;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.technologies {\r\n font-size: 18px;\r\n color: gray;\r\n text-align: center;\r\n}\r\n\r\n.buttons-container {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n}\r\n\r\n.try-now-btn,\r\n.learn-more-btn {\r\n margin-bottom: 10px;\r\n padding: 12px 20px;\r\n background-color: transparent;\r\n color: #fff;\r\n text-decoration: underline;\r\n transition: background 0.3s, color 0.3s;\r\n white-space: nowrap;\r\n font-size: 32px;\r\n text-align: center;\r\n}\r\n\r\n.try-now-btn:hover {\r\n color: #fff;\r\n background-color: #424bad;\r\n}\r\n\r\n.learn-more-btn:hover {\r\n background-color: #ad2929;\r\n color: #fff;\r\n}\r\n\r\n.reference-image-container {\r\n flex-shrink: 0;\r\n margin-left: 20px;\r\n }\r\n .reference-image {\r\n max-width: 1000px;\r\n max-height: 100%;\r\n border-radius: 10px;\r\n margin-top: 20px;\r\n }\r\n\r\n.project-info {\r\n flex: 1;\r\n align-content: center;\r\n}\r\n.vertical-align\r\n{\r\n vertical-align:middle;\r\n}\r\n@media (max-width: 768px) {\r\n .project-entry {\r\n display: flex;\r\n flex-direction: column; /* Change to column layout for mobile */\r\n justify-content: center; /* Center content vertically */\r\n padding: 20px;\r\n margin-left: 20px; /* Adjust margin for mobile */\r\n margin-right: 20px; /* Adjust margin for mobile */\r\n overflow: hidden;\r\n }\r\n \r\n .sub-header-container {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center; /* Center text horizontally */\r\n }\r\n \r\n .project-header {\r\n font-size: 32px; /* Adjust font size for mobile */\r\n }\r\n \r\n .project-header h2 {\r\n font-size: 24px;\r\n margin-bottom: 10px;\r\n }\r\n \r\n .technologies {\r\n font-size: 16px; /* Adjust font size for mobile */\r\n color: gray;\r\n }\r\n \r\n .buttons-container {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n margin-top: 10px; /* Add margin for separation */\r\n }\r\n \r\n .try-now-btn,\r\n .learn-more-btn {\r\n padding: 10px 20px; /* Adjust padding for mobile */\r\n font-size: 18px; /* Adjust font size for mobile */\r\n }\r\n \r\n .reference-image-container {\r\n margin-top: 20px; /* Add margin for separation */\r\n }\r\n \r\n .reference-image {\r\n max-width: 100%; /* Adjust image width to fit container */\r\n border-radius: 10px;\r\n }\r\n}"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/js/main.8ac20d60.js b/static/js/main.ba2dc1fc.js similarity index 79% rename from static/js/main.8ac20d60.js rename to static/js/main.ba2dc1fc.js index e34859e..c6deda3 100644 --- a/static/js/main.8ac20d60.js +++ b/static/js/main.ba2dc1fc.js @@ -1,3 +1,3 @@ -/*! For license information please see main.8ac20d60.js.LICENSE.txt */ -(()=>{"use strict";var e={463:(e,n,t)=>{var r=t(791),l=t(296);function a(e){for(var n="https://reactjs.org/docs/error-decoder.html?invariant="+e,t=1;t