diff --git a/asset-manifest.json b/asset-manifest.json index abca819..f1ea481 100644 --- a/asset-manifest.json +++ b/asset-manifest.json @@ -1,6 +1,6 @@ { "files": { - "main.css": "/static/css/main.0acd052b.chunk.css", + "main.css": "/static/css/main.48e981d6.chunk.css", "main.js": "/static/js/main.1b606767.chunk.js", "main.js.map": "/static/js/main.1b606767.chunk.js.map", "runtime-main.js": "/static/js/runtime-main.82d30130.js", @@ -12,7 +12,7 @@ "static/js/3.0da63cf0.chunk.js.map": "/static/js/3.0da63cf0.chunk.js.map", "index.html": "/index.html", "static/css/2.c57e6a67.chunk.css.map": "/static/css/2.c57e6a67.chunk.css.map", - "static/css/main.0acd052b.chunk.css.map": "/static/css/main.0acd052b.chunk.css.map", + "static/css/main.48e981d6.chunk.css.map": "/static/css/main.48e981d6.chunk.css.map", "static/js/2.f855a4ed.chunk.js.LICENSE.txt": "/static/js/2.f855a4ed.chunk.js.LICENSE.txt", "static/media/AcademicTeam.6fa0b696.jpg": "/static/media/AcademicTeam.6fa0b696.jpg", "static/media/WeThePeople.bc88e604.jpg": "/static/media/WeThePeople.bc88e604.jpg", @@ -31,7 +31,7 @@ "static/js/runtime-main.82d30130.js", "static/css/2.c57e6a67.chunk.css", "static/js/2.f855a4ed.chunk.js", - "static/css/main.0acd052b.chunk.css", + "static/css/main.48e981d6.chunk.css", "static/js/main.1b606767.chunk.js" ] } \ No newline at end of file diff --git a/index.html b/index.html index d6f5efd..7eeb8e4 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -Simonson - Portfolio
\ No newline at end of file +Simonson - Portfolio
\ No newline at end of file diff --git a/static/css/main.0acd052b.chunk.css.map b/static/css/main.0acd052b.chunk.css.map deleted file mode 100644 index 0937b27..0000000 --- a/static/css/main.0acd052b.chunk.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["webpack://src/App.css"],"names":[],"mappings":"AACA,UACE,wBAAyB,CACzB,iBACF,CACA,KACE,QAAS,CACT,uDAAA,CACA,2BAA4B,CAC5B,yBAA0B,CAC1B,0BACF,CACA,EACE,yCACF,CACA,MACE,aACF,CACA,GACE,cAAe,CACf,eAAgB,CAChB,kBACF,CACA,MACE,aACF,CACA,EACE,aAAyB,CACzB,cACF,CACA,EACE,wCAAgB,CAChB,oBACF,CACA,WACE,oBAAqB,CAGrB,gBAAiB,CACjB,gBAAiB,CACjB,cACF,CACA,mBANE,cAAe,CACf,eAgBF,CAXA,QAEE,aAAiB,CACjB,wBAAyB,CACzB,UAAW,CACX,UAAW,CACX,cAAe,CACf,KAAM,CACN,MAAO,CAEP,eACF,CACA,QACE,aAAc,CACd,wBAAyB,CACzB,cAAiB,CACjB,QAAW,CACX,UACF,CACA,YACE,uBAAyB,CACzB,UAAW,CACX,iBAAkB,CAClB,gBAAiB,CACjB,cAAe,CACf,iBAAkB,CAClB,oBAAqB,CACrB,mCACF,CACA,kBACE,mCACF,CACA,cACE,UAAY,CACZ,QAAU,CACV,aACF,CACA,MACE,YAAa,CACb,iBACF,CACA,YACE,gBAAiB,CACjB,iBAAkB,CAClB,uBAAsB,CACtB,WAAY,CACZ,kCAAkC,CAClC,mBAAoB,CACpB,eAAgB,CAChB,cACF,CACA,cACE,iBAAkB,CAClB,wBACF,CACA,eACE,eAAgB,CAChB,gBAAiB,CACjB,iBAAkB,CAClB,iBACF,CACA,aACE,YAAa,CACb,oBAAqB,CACrB,mCACF,CACA,UACE,gBAAiB,CACjB,iBAAkB,CAClB,OAAO,CACP,WAAY,CACZ,8BACF,CACA,SACE,WAAW,CACX,KAAM,CACN,OAAQ,CACR,aAAc,CACd,wBAAyB,CACzB,0BACF,CACA,KACE,UAAU,CACV,iBAAkB,CAClB,sBACF,CACA,UACE,oCAAqC,CACrC,0BACF,CACA,oBACE,eAAgB,CAChB,aACF,CACA,cACE,eACF,CACA,QAEE,+BAAoC,CACpC,qCAAuC,CACvC,iBAAkB,CAClB,YACF,CACA,eANE,oBAaF,CAPA,OAEE,sCAAuC,CACvC,aAAa,CACb,YAAa,CACb,kCAAmC,CACnC,aACF,CACA,aACE,SAAY,CACZ,aAAc,CACd,gBAAgB,CAChB,iBAAiB,CACjB,UAAW,CACX,iBACF,CACA,SACE,oBAAqB,CACrB,eAAgB,CAChB,WAAY,CACZ,WAAY,CACZ,YAAa,CACb,qCAAuC,CACvC,kCACF,CACA,qCACE,iBACF,CACA,KACE,cAAe,CACf,WACF,CACA,YACE,oBAAqB,CACrB,8BACF,CACA,aACE,eAAgB,CAChB,WACF,CACA,QACE,kBAAmB,CACnB,kBAAmB,CACnB,UACF,CACA,WACE,WAAY,CACZ,cAAkB,CAClB,kBACF,CACA,aACE,qBACF,CACA,4BACE,aAAc,CACd,mGAA6F,CAA7F,2FACF,CACA,wCACE,qGAA+F,CAA/F,6FACF,CACA,YACE,SACF,CACA,KACE,UACF,CACA,UACE,WACF,CACA,QACE,cAAe,CACf,QAAS,CACT,MACF,CACA,SACE,gBAAiB,CACjB,OACF,CACA,YACE,WAAW,CACX,eAAgB,CAChB,cAAe,CACf,UACF,CACA,aACE,WAAY,CACZ,kBAAmB,CACnB,wGAAiG,CAAjG,gGAAiG,CACjG,cACF,CACA,mBACE,UACF,CACA,UACE,8BAAsC,CACtC,gBAAiB,CACjB,YACF,CAEA,qCACE,aACE,SACF,CACA,SACE,iBACF,CACA,KACE,yBACF,CACA,YACE,iBAAkB,CAClB,mBACF,CACA,KACE,SAAU,CACV,kBACF,CAMA,iBAJE,UAAW,CACX,aAAa,CACb,SAOF,CALA,QAEE,iBAGF,CACA,QACE,iBAAiB,CACjB,UAAU,CACV,oBAAqB,CACrB,wBACF,CACA,SAEE,iBAAkB,CAClB,oBAAqB,CACrB,iBAAkB,CAClB,gBAAiB,CACjB,kBAAmB,CACnB,UACF,CACA,qBARE,aAUF,CACA,YACE,cAAe,CACf,iBAAkB,CAClB,eAAqB,CACrB,cAAiB,CACjB,eACF,CACA,aACE,WAAY,CACZ,eAAkB,CAClB,mBAAY,CAAZ,WACF,CACA,UACE,mBAAoB,CACpB,QACF,CACF","file":"main.0acd052b.chunk.css","sourcesContent":["@import \"~react-image-gallery/styles/css/image-gallery.css\";\r\nhtml, body{\r\n background-color: #1b1f27;\r\n overflow-x: hidden;\r\n}\r\nbody{\r\n margin: 0;\r\n background-image: url('assets/plexus.jpg');/*url('https://i.pinimg.com/originals/d6/c3/ac/d6c3ac09021dbc0cda8ee27837d2c795.png')*/\r\n background-attachment: fixed;\r\n background-size: 100% auto;\r\n background-clip: border-box;\r\n}\r\n*{\r\n font-family: \"Roboto Condensed\",sans-serif;\r\n}\r\nh1, h2{\r\n color: #ecebeb;\r\n}\r\nh2{\r\n font-size: 2rem;\r\n margin-top: 1rem;\r\n margin-bottom: 2rem;\r\n}\r\nh3, h4{\r\n color: #a8a8a8;\r\n}\r\np{\r\n color: rgb(212, 212, 212);\r\n font-size: 1rem;\r\n}\r\na { \r\n color: #a0a0a0a0;\r\n text-decoration: none;\r\n}\r\n.header h1{\r\n display: inline-block;\r\n transition: .4s;\r\n margin-bottom: 0px;\r\n margin-top: .5rem;\r\n margin-left: 1rem;\r\n font-size: 2rem;\r\n}\r\n.header{\r\n margin-bottom: 0px;\r\n margin-left: 0rem;\r\n background-color: #1a1a1a;\r\n width: 100%;\r\n z-index: 99;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n transition: .4s;\r\n overflow: hidden;\r\n}\r\n.navBar{\r\n display: block;\r\n border-collapse: collapse;\r\n padding-left: 0px;\r\n margin: 0px;\r\n width: 100%;\r\n}\r\n.navElement{\r\n border: solid black .2rem;\r\n width: 25vw;\r\n text-align: center;\r\n font-size: 1.2rem;\r\n transition: .4s;\r\n padding-top: .5rem;\r\n padding-bottom: .5rem;\r\n background-color: rgb(156,49,45,.4);\r\n}\r\n.navElement:hover{\r\n background-color: rgb(156,49,45,.8);\r\n}\r\n.navElement *{\r\n color: white;\r\n margin:0px;\r\n display: block;\r\n}\r\n#home{\r\n height: 100vh;\r\n overflow-y: hidden;\r\n}\r\n.foreground{\r\n padding-top: 7rem;\r\n padding-left: 8rem;\r\n width: calc(100%-8rem);\r\n height: 100%;\r\n background-color: rgb(44,44,44,.5);\r\n padding-bottom: 1rem;\r\n overflow: hidden;\r\n transition: .4s;\r\n}\r\n.foreground p{\r\n line-height: 1.5em;\r\n max-width: min(95%, 40rem);\r\n}\r\n.centerContent{\r\n margin-top: 30vh;\r\n margin-left: auto;\r\n margin-right: auto;\r\n text-align: center;\r\n}\r\n#HomeContent{\r\n padding: 3rem;\r\n display: inline-block;\r\n background-color: rgb(44,44,44, .95);\r\n}\r\n#Vertical{\r\n margin-left: auto;\r\n margin-right: auto;\r\n width:0;\r\n height: 3rem;\r\n border-right: rgb(156,49,45) solid 1px;\r\n}\r\n.sideimg{\r\n float:right;\r\n top: 0;\r\n right: 0;\r\n display: block;\r\n max-width: min(40rem,80%);\r\n max-height: min(30rem,100%);\r\n}\r\n.col{\r\n float:left;\r\n margin-right: 3rem;\r\n width: calc(50% - 3rem);\r\n}\r\n.boxedImg{\r\n border: .5rem solid rgba(22,22,22,.8);\r\n max-width: calc(90% - 1rem);\r\n}\r\n.carousel-container{\r\n margin-left: 10%;\r\n max-width: 80%;\r\n}\r\n.elementBlock{\r\n margin-top: 3rem;\r\n}\r\n.skills{\r\n display: inline-block;\r\n background-color: rgba(0, 0, 0, 0.3);\r\n border: solid rgba(156,49,45, .8) .3rem;\r\n text-align: center;\r\n padding:1rem;\r\n}\r\n.skill{\r\n display: inline-block;\r\n border:rgba(156,49,45, .8) solid .15rem;\r\n padding:.2rem;\r\n margin: .5rem;\r\n background-color: rgba(11,11,11,.8);\r\n color:rgb(212, 212, 212);\r\n}\r\n.projectList{\r\n padding: 0px;\r\n display: block;\r\n margin-left:auto;\r\n margin-right:auto;\r\n width: 100%;\r\n text-align: center;\r\n}\r\n.project{\r\n display: inline-block;\r\n text-align: left;\r\n margin: 1rem;\r\n width: 20rem;\r\n height: 22rem;\r\n border: .3rem rgba(156,49,45, .8) solid;\r\n background-color: rgba(22,22,22,.8);\r\n}\r\n.project .topBox, .project .bottomBox{\r\n padding-left: 1rem;\r\n}\r\n.tab{\r\n display: inline;\r\n float: right;\r\n}\r\n.project h3{\r\n display: inline-block;\r\n border-bottom: black solid .2rem;\r\n}\r\n.project img{\r\n margin-top: auto;\r\n height:3rem;\r\n}\r\n.topBox{\r\n padding-left: .5rem;\r\n padding-right: 1rem;\r\n height: 75%;\r\n}\r\n.bottomBox{\r\n height: auto;\r\n padding-left: 0rem;\r\n padding-right: 1rem;\r\n}\r\n.bottomBox a{\r\n vertical-align: middle;\r\n}\r\n.project a img, .project a p{\r\n padding: .5rem;\r\n filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(52deg) brightness(106%) contrast(101%);\r\n}\r\n.project a img:hover, .project a p:hover{\r\n filter: invert(66%) sepia(0%) saturate(3964%) hue-rotate(99deg) brightness(100%) contrast(105%);\r\n}\r\n.incomplete{\r\n color:red;\r\n}\r\n.WIP{\r\n color:yellow;\r\n}\r\n.complete{\r\n color:green;\r\n}\r\n.footer{\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n}\r\n.socials{\r\n margin-left: 1rem;\r\n width:0px;\r\n}\r\n.socials td{\r\n padding:5px;\r\n text-align: left;\r\n display: inline;\r\n float:left;\r\n}\r\n.socials img{\r\n height: 2rem;\r\n margin-bottom: 1rem;\r\n filter: invert(29%) sepia(20%) saturate(1786%) hue-rotate(314deg) brightness(101%) contrast(110%);\r\n transition: .2s;\r\n}\r\n.socials img:hover{\r\n opacity: .5;\r\n}\r\n#vertLine{\r\n border-right: 1px solid rgb(156,49,45);\r\n margin-left: 1rem;\r\n height: 10rem;\r\n}\r\n\r\n@media screen and (max-width: 1200px){\r\n .projectList{\r\n width: 95%;\r\n }\r\n .sideimg{\r\n position: relative;\r\n }\r\n body{\r\n background-size: auto 100%;\r\n }\r\n .foreground{\r\n padding-left: 3rem;\r\n padding-bottom: 36px;\r\n }\r\n .col{\r\n width: 90%;\r\n margin-bottom: 3rem;\r\n }\r\n #aboutMe{\r\n float: none;\r\n display:block;\r\n width: 90%;\r\n }\r\n #skills{\r\n float: none;\r\n margin-right: auto;\r\n display: block;\r\n width: 90%;\r\n }\r\n .footer{\r\n position:relative;\r\n width:100%;\r\n display: inline-block;\r\n background-color: rgb(156,49,45);\r\n }\r\n .socials{\r\n display:block;\r\n padding-top: .5rem;\r\n padding-bottom: .5rem;\r\n margin-right: auto;\r\n margin-left: auto;\r\n table-layout: fixed;\r\n width: 100%;\r\n }\r\n .socials tr{\r\n display: block;\r\n }\r\n .socials td{\r\n display: inline;\r\n text-align: center;\r\n width: calc(100% / 6);\r\n padding-left: 0px;\r\n padding-right: 0px;\r\n }\r\n .socials img{\r\n height: 2rem;\r\n margin-bottom: 0px;\r\n filter: none;\r\n }\r\n #vertLine{\r\n visibility: collapse;\r\n height:0px;\r\n }\r\n}"]} \ No newline at end of file diff --git a/static/css/main.0acd052b.chunk.css b/static/css/main.48e981d6.chunk.css similarity index 84% rename from static/css/main.0acd052b.chunk.css rename to static/css/main.48e981d6.chunk.css index 23e80f6..b1b41c3 100644 --- a/static/css/main.0acd052b.chunk.css +++ b/static/css/main.48e981d6.chunk.css @@ -1,2 +1,2 @@ -body,html{background-color:#1b1f27;overflow-x:hidden}body{margin:0;background-image:url(/static/media/plexus.41d9e242.jpg);background-attachment:fixed;background-size:100% auto;background-clip:border-box}*{font-family:"Roboto Condensed",sans-serif}h1,h2{color:#ecebeb}h2{font-size:2rem;margin-top:1rem;margin-bottom:2rem}h3,h4{color:#a8a8a8}p{color:#d4d4d4;font-size:1rem}a{color:hsla(0,0%,62.7%,.6274509803921569);text-decoration:none}.header h1{display:inline-block;margin-top:.5rem;margin-left:1rem;font-size:2rem}.header,.header h1{transition:.4s;margin-bottom:0}.header{margin-left:0;background-color:#1a1a1a;width:100%;z-index:99;position:fixed;top:0;left:0;overflow:hidden}.navBar{display:block;border-collapse:collapse;padding-left:0;margin:0;width:100%}.navElement{border:.2rem solid #000;width:25vw;text-align:center;font-size:1.2rem;transition:.4s;padding-top:.5rem;padding-bottom:.5rem;background-color:rgba(156,49,45,.4)}.navElement:hover{background-color:rgba(156,49,45,.8)}.navElement *{color:#fff;margin:0;display:block}#home{height:100vh;overflow-y:hidden}.foreground{padding-top:7rem;padding-left:8rem;width:calc(100% - 8rem);height:100%;background-color:rgba(44,44,44,.5);padding-bottom:1rem;overflow:hidden;transition:.4s}.foreground p{line-height:1.5em;max-width:min(95%,40rem)}.centerContent{margin-top:30vh;margin-left:auto;margin-right:auto;text-align:center}#HomeContent{padding:3rem;display:inline-block;background-color:rgba(44,44,44,.95)}#Vertical{margin-left:auto;margin-right:auto;width:0;height:3rem;border-right:1px solid #9c312d}.sideimg{float:right;top:0;right:0;display:block;max-width:min(40rem,80%);max-height:min(30rem,100%)}.col{float:left;margin-right:3rem;width:calc(50% - 3rem)}.boxedImg{border:.5rem solid rgba(22,22,22,.8);max-width:calc(90% - 1rem)}.carousel-container{margin-left:10%;max-width:80%}.elementBlock{margin-top:3rem}.skills{background-color:rgba(0,0,0,.3);border:.3rem solid rgba(156,49,45,.8);text-align:center;padding:1rem}.skill,.skills{display:inline-block}.skill{border:.15rem solid rgba(156,49,45,.8);padding:.2rem;margin:.5rem;background-color:rgba(11,11,11,.8);color:#d4d4d4}.projectList{padding:0;display:block;margin-left:auto;margin-right:auto;width:100%;text-align:center}.project{display:inline-block;text-align:left;margin:1rem;width:20rem;height:22rem;border:.3rem solid rgba(156,49,45,.8);background-color:rgba(22,22,22,.8)}.project .bottomBox,.project .topBox{padding-left:1rem}.tab{display:inline;float:right}.project h3{display:inline-block;border-bottom:.2rem solid #000}.project img{margin-top:auto;height:3rem}.topBox{padding-left:.5rem;padding-right:1rem;height:75%}.bottomBox{height:auto;padding-left:0;padding-right:1rem}.bottomBox a{vertical-align:middle}.project a img,.project a p{padding:.5rem;-webkit-filter:invert(100%) sepia(0) saturate(1%) hue-rotate(52deg) brightness(106%) contrast(101%);filter:invert(100%) sepia(0) saturate(1%) hue-rotate(52deg) brightness(106%) contrast(101%)}.project a img:hover,.project a p:hover{-webkit-filter:invert(66%) sepia(0) saturate(3964%) hue-rotate(99deg) brightness(100%) contrast(105%);filter:invert(66%) sepia(0) saturate(3964%) hue-rotate(99deg) brightness(100%) contrast(105%)}.incomplete{color:red}.WIP{color:#ff0}.complete{color:green}.footer{position:fixed;bottom:0;left:0}.socials{margin-left:1rem;width:0}.socials td{padding:5px;text-align:left;display:inline;float:left}.socials img{height:2rem;margin-bottom:1rem;-webkit-filter:invert(29%) sepia(20%) saturate(1786%) hue-rotate(314deg) brightness(101%) contrast(110%);filter:invert(29%) sepia(20%) saturate(1786%) hue-rotate(314deg) brightness(101%) contrast(110%);transition:.2s}.socials img:hover{opacity:.5}#vertLine{border-right:1px solid #9c312d;margin-left:1rem;height:10rem}@media screen and (max-width:1200px){.projectList{width:95%}.sideimg{position:relative}body{background-size:auto 100%}.foreground{padding-left:3rem;padding-bottom:36px}.col{width:90%;margin-bottom:3rem}#aboutMe,#skills{float:none;display:block;width:90%}#skills{margin-right:auto}.footer{position:relative;width:100%;display:inline-block;background-color:#9c312d}.socials{padding-top:.5rem;padding-bottom:.5rem;margin-right:auto;margin-left:auto;table-layout:fixed;width:100%}.socials,.socials tr{display:block}.socials td{display:inline;text-align:center;width:16.66667%;padding-left:0;padding-right:0}.socials img{height:2rem;margin-bottom:0;-webkit-filter:none;filter:none}#vertLine{visibility:collapse;height:0}} -/*# sourceMappingURL=main.0acd052b.chunk.css.map */ \ No newline at end of file +body,html{background-color:#1b1f27;overflow-x:hidden}body{margin:0;background-image:url(/static/media/plexus.41d9e242.jpg);background-attachment:fixed;background-size:100% auto;background-clip:border-box}*{font-family:"Roboto Condensed",sans-serif}h1,h2{color:#ecebeb}h2{font-size:2rem;margin-top:1rem;margin-bottom:2rem}h3,h4{color:#a8a8a8}p{color:#d4d4d4;font-size:1rem}a{color:hsla(0,0%,62.7%,.6274509803921569);text-decoration:none}.header h1{display:inline-block;margin-top:.5rem;margin-left:1rem;font-size:2rem}.header,.header h1{transition:.4s;margin-bottom:0}.header{margin-left:0;background-color:#1a1a1a;width:100%;z-index:99;position:fixed;top:0;left:0;overflow:hidden}.navBar{display:block;border-collapse:collapse;padding-left:0;margin:0;width:100%}.navElement{border:.2rem solid #000;width:25vw;text-align:center;font-size:1.2rem;transition:.4s;padding-top:.5rem;padding-bottom:.5rem;background-color:rgba(156,49,45,.4)}.navElement:hover{background-color:rgba(156,49,45,.8)}.navElement *{color:#fff;margin:0;display:block}#home{height:100vh;overflow-y:hidden}.foreground{padding-top:7rem;padding-left:8rem;width:calc(100% - 8rem);height:100%;background-color:rgba(44,44,44,.5);padding-bottom:1rem;overflow:hidden;transition:.4s}.foreground p{line-height:1.5em;max-width:min(95%,40rem)}.centerContent{margin-top:30vh;margin-left:auto;margin-right:auto;text-align:center}#HomeContent{padding:3rem;display:inline-block;background-color:rgba(44,44,44,.95)}#Vertical{margin-left:auto;margin-right:auto;width:0;height:3rem;border-right:1px solid #9c312d}.sideimg{float:right;top:0;right:0;display:block;max-width:min(40rem,80%);max-height:min(30rem,100%)}.col{float:left;margin-right:3rem;width:calc(50% - 3rem)}.boxedImg{border:.5rem solid rgba(22,22,22,.8);max-width:calc(90% - 1rem)}.carousel-container{margin-left:10%;max-width:80%}.elementBlock{margin-top:3rem}.skills{background-color:rgba(0,0,0,.3);border:.3rem solid rgba(156,49,45,.8);text-align:center;padding:1rem}.skill,.skills{display:inline-block}.skill{border:.15rem solid rgba(156,49,45,.8);padding:.2rem;margin:.5rem;background-color:rgba(11,11,11,.8);color:#d4d4d4}.projectList{padding:0;display:block;margin-left:auto;margin-right:auto;width:100%;text-align:center}.project{display:inline-block;text-align:left;margin:1rem;width:20rem;height:22rem;border:.3rem solid rgba(156,49,45,.8);background-color:rgba(22,22,22,.8)}.project .bottomBox,.project .topBox{padding-left:1rem}.tab{display:inline;float:right}.project h3{display:inline-block;border-bottom:.2rem solid #000}.project img{margin-top:auto;height:3rem}.topBox{padding-left:.5rem;padding-right:1rem;height:75%}.bottomBox{height:auto;padding-left:0;padding-right:1rem}.bottomBox a{vertical-align:middle}.project a img,.project a p{padding:.5rem;-webkit-filter:invert(100%) sepia(0) saturate(1%) hue-rotate(52deg) brightness(106%) contrast(101%);filter:invert(100%) sepia(0) saturate(1%) hue-rotate(52deg) brightness(106%) contrast(101%)}.project a img:hover,.project a p:hover{-webkit-filter:invert(66%) sepia(0) saturate(3964%) hue-rotate(99deg) brightness(100%) contrast(105%);filter:invert(66%) sepia(0) saturate(3964%) hue-rotate(99deg) brightness(100%) contrast(105%)}.incomplete{color:red}.WIP{color:#ff0}.complete{color:green}.footer{position:fixed;bottom:0;left:0}.socials{margin-left:1rem;width:0}.socials td{padding:5px;text-align:left;display:inline;float:left}.socials img{height:2rem;margin-bottom:1rem;-webkit-filter:invert(29%) sepia(20%) saturate(1786%) hue-rotate(314deg) brightness(101%) contrast(110%);filter:invert(29%) sepia(20%) saturate(1786%) hue-rotate(314deg) brightness(101%) contrast(110%);transition:.2s}.socials img:hover{opacity:.5}#vertLine{border-right:1px solid #9c312d;margin-left:1rem;height:10rem}@media screen and (max-width:1200px){.projectList{width:95%}.sideimg{position:relative}body{background-size:auto 100%}.foreground{width:100%;padding-left:.5rem;padding-right:.5rem;padding-bottom:36px}.col{width:90%;margin-bottom:3rem}#aboutMe,#skills{float:none;display:block;width:90%}#skills{margin-right:auto}.footer{position:relative;width:100%;display:inline-block;background-color:#9c312d}.socials{padding-top:.5rem;padding-bottom:.5rem;margin-right:auto;margin-left:auto;table-layout:fixed;width:100%}.socials,.socials tr{display:block}.socials td{display:inline;text-align:center;width:16.66667%;padding-left:0;padding-right:0}.socials img{height:2rem;margin-bottom:0;-webkit-filter:none;filter:none}#vertLine{visibility:collapse;height:0}} +/*# sourceMappingURL=main.48e981d6.chunk.css.map */ \ No newline at end of file diff --git a/static/css/main.48e981d6.chunk.css.map b/static/css/main.48e981d6.chunk.css.map new file mode 100644 index 0000000..c01e3f9 --- /dev/null +++ b/static/css/main.48e981d6.chunk.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["webpack://src/App.css"],"names":[],"mappings":"AACA,UACE,wBAAyB,CACzB,iBACF,CACA,KACE,QAAS,CACT,uDAAA,CACA,2BAA4B,CAC5B,yBAA0B,CAC1B,0BACF,CACA,EACE,yCACF,CACA,MACE,aACF,CACA,GACE,cAAe,CACf,eAAgB,CAChB,kBACF,CACA,MACE,aACF,CACA,EACE,aAAyB,CACzB,cACF,CACA,EACE,wCAAgB,CAChB,oBACF,CACA,WACE,oBAAqB,CAGrB,gBAAiB,CACjB,gBAAiB,CACjB,cACF,CACA,mBANE,cAAe,CACf,eAgBF,CAXA,QAEE,aAAiB,CACjB,wBAAyB,CACzB,UAAW,CACX,UAAW,CACX,cAAe,CACf,KAAM,CACN,MAAO,CAEP,eACF,CACA,QACE,aAAc,CACd,wBAAyB,CACzB,cAAiB,CACjB,QAAW,CACX,UACF,CACA,YACE,uBAAyB,CACzB,UAAW,CACX,iBAAkB,CAClB,gBAAiB,CACjB,cAAe,CACf,iBAAkB,CAClB,oBAAqB,CACrB,mCACF,CACA,kBACE,mCACF,CACA,cACE,UAAY,CACZ,QAAU,CACV,aACF,CACA,MACE,YAAa,CACb,iBACF,CACA,YACE,gBAAiB,CACjB,iBAAkB,CAClB,uBAAsB,CACtB,WAAY,CACZ,kCAAkC,CAClC,mBAAoB,CACpB,eAAgB,CAChB,cACF,CACA,cACE,iBAAkB,CAClB,wBACF,CACA,eACE,eAAgB,CAChB,gBAAiB,CACjB,iBAAkB,CAClB,iBACF,CACA,aACE,YAAa,CACb,oBAAqB,CACrB,mCACF,CACA,UACE,gBAAiB,CACjB,iBAAkB,CAClB,OAAO,CACP,WAAY,CACZ,8BACF,CACA,SACE,WAAW,CACX,KAAM,CACN,OAAQ,CACR,aAAc,CACd,wBAAyB,CACzB,0BACF,CACA,KACE,UAAU,CACV,iBAAkB,CAClB,sBACF,CACA,UACE,oCAAqC,CACrC,0BACF,CACA,oBACE,eAAgB,CAChB,aACF,CACA,cACE,eACF,CACA,QAEE,+BAAoC,CACpC,qCAAuC,CACvC,iBAAkB,CAClB,YACF,CACA,eANE,oBAaF,CAPA,OAEE,sCAAuC,CACvC,aAAa,CACb,YAAa,CACb,kCAAmC,CACnC,aACF,CACA,aACE,SAAY,CACZ,aAAc,CACd,gBAAgB,CAChB,iBAAiB,CACjB,UAAW,CACX,iBACF,CACA,SACE,oBAAqB,CACrB,eAAgB,CAChB,WAAY,CACZ,WAAY,CACZ,YAAa,CACb,qCAAuC,CACvC,kCACF,CACA,qCACE,iBACF,CACA,KACE,cAAe,CACf,WACF,CACA,YACE,oBAAqB,CACrB,8BACF,CACA,aACE,eAAgB,CAChB,WACF,CACA,QACE,kBAAmB,CACnB,kBAAmB,CACnB,UACF,CACA,WACE,WAAY,CACZ,cAAkB,CAClB,kBACF,CACA,aACE,qBACF,CACA,4BACE,aAAc,CACd,mGAA6F,CAA7F,2FACF,CACA,wCACE,qGAA+F,CAA/F,6FACF,CACA,YACE,SACF,CACA,KACE,UACF,CACA,UACE,WACF,CACA,QACE,cAAe,CACf,QAAS,CACT,MACF,CACA,SACE,gBAAiB,CACjB,OACF,CACA,YACE,WAAW,CACX,eAAgB,CAChB,cAAe,CACf,UACF,CACA,aACE,WAAY,CACZ,kBAAmB,CACnB,wGAAiG,CAAjG,gGAAiG,CACjG,cACF,CACA,mBACE,UACF,CACA,UACE,8BAAsC,CACtC,gBAAiB,CACjB,YACF,CAEA,qCACE,aACE,SACF,CACA,SACE,iBACF,CACA,KACE,yBACF,CACA,YACE,UAAU,CACV,kBAAmB,CACnB,mBAAoB,CACpB,mBACF,CACA,KACE,SAAU,CACV,kBACF,CAMA,iBAJE,UAAW,CACX,aAAa,CACb,SAOF,CALA,QAEE,iBAGF,CACA,QACE,iBAAiB,CACjB,UAAU,CACV,oBAAqB,CACrB,wBACF,CACA,SAEE,iBAAkB,CAClB,oBAAqB,CACrB,iBAAkB,CAClB,gBAAiB,CACjB,kBAAmB,CACnB,UACF,CACA,qBARE,aAUF,CACA,YACE,cAAe,CACf,iBAAkB,CAClB,eAAqB,CACrB,cAAiB,CACjB,eACF,CACA,aACE,WAAY,CACZ,eAAkB,CAClB,mBAAY,CAAZ,WACF,CACA,UACE,mBAAoB,CACpB,QACF,CACF","file":"main.48e981d6.chunk.css","sourcesContent":["@import \"~react-image-gallery/styles/css/image-gallery.css\";\r\nhtml, body{\r\n background-color: #1b1f27;\r\n overflow-x: hidden;\r\n}\r\nbody{\r\n margin: 0;\r\n background-image: url('assets/plexus.jpg');/*url('https://i.pinimg.com/originals/d6/c3/ac/d6c3ac09021dbc0cda8ee27837d2c795.png')*/\r\n background-attachment: fixed;\r\n background-size: 100% auto;\r\n background-clip: border-box;\r\n}\r\n*{\r\n font-family: \"Roboto Condensed\",sans-serif;\r\n}\r\nh1, h2{\r\n color: #ecebeb;\r\n}\r\nh2{\r\n font-size: 2rem;\r\n margin-top: 1rem;\r\n margin-bottom: 2rem;\r\n}\r\nh3, h4{\r\n color: #a8a8a8;\r\n}\r\np{\r\n color: rgb(212, 212, 212);\r\n font-size: 1rem;\r\n}\r\na { \r\n color: #a0a0a0a0;\r\n text-decoration: none;\r\n}\r\n.header h1{\r\n display: inline-block;\r\n transition: .4s;\r\n margin-bottom: 0px;\r\n margin-top: .5rem;\r\n margin-left: 1rem;\r\n font-size: 2rem;\r\n}\r\n.header{\r\n margin-bottom: 0px;\r\n margin-left: 0rem;\r\n background-color: #1a1a1a;\r\n width: 100%;\r\n z-index: 99;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n transition: .4s;\r\n overflow: hidden;\r\n}\r\n.navBar{\r\n display: block;\r\n border-collapse: collapse;\r\n padding-left: 0px;\r\n margin: 0px;\r\n width: 100%;\r\n}\r\n.navElement{\r\n border: solid black .2rem;\r\n width: 25vw;\r\n text-align: center;\r\n font-size: 1.2rem;\r\n transition: .4s;\r\n padding-top: .5rem;\r\n padding-bottom: .5rem;\r\n background-color: rgb(156,49,45,.4);\r\n}\r\n.navElement:hover{\r\n background-color: rgb(156,49,45,.8);\r\n}\r\n.navElement *{\r\n color: white;\r\n margin:0px;\r\n display: block;\r\n}\r\n#home{\r\n height: 100vh;\r\n overflow-y: hidden;\r\n}\r\n.foreground{\r\n padding-top: 7rem;\r\n padding-left: 8rem;\r\n width: calc(100%-8rem);\r\n height: 100%;\r\n background-color: rgb(44,44,44,.5);\r\n padding-bottom: 1rem;\r\n overflow: hidden;\r\n transition: .4s;\r\n}\r\n.foreground p{\r\n line-height: 1.5em;\r\n max-width: min(95%, 40rem);\r\n}\r\n.centerContent{\r\n margin-top: 30vh;\r\n margin-left: auto;\r\n margin-right: auto;\r\n text-align: center;\r\n}\r\n#HomeContent{\r\n padding: 3rem;\r\n display: inline-block;\r\n background-color: rgb(44,44,44, .95);\r\n}\r\n#Vertical{\r\n margin-left: auto;\r\n margin-right: auto;\r\n width:0;\r\n height: 3rem;\r\n border-right: rgb(156,49,45) solid 1px;\r\n}\r\n.sideimg{\r\n float:right;\r\n top: 0;\r\n right: 0;\r\n display: block;\r\n max-width: min(40rem,80%);\r\n max-height: min(30rem,100%);\r\n}\r\n.col{\r\n float:left;\r\n margin-right: 3rem;\r\n width: calc(50% - 3rem);\r\n}\r\n.boxedImg{\r\n border: .5rem solid rgba(22,22,22,.8);\r\n max-width: calc(90% - 1rem);\r\n}\r\n.carousel-container{\r\n margin-left: 10%;\r\n max-width: 80%;\r\n}\r\n.elementBlock{\r\n margin-top: 3rem;\r\n}\r\n.skills{\r\n display: inline-block;\r\n background-color: rgba(0, 0, 0, 0.3);\r\n border: solid rgba(156,49,45, .8) .3rem;\r\n text-align: center;\r\n padding:1rem;\r\n}\r\n.skill{\r\n display: inline-block;\r\n border:rgba(156,49,45, .8) solid .15rem;\r\n padding:.2rem;\r\n margin: .5rem;\r\n background-color: rgba(11,11,11,.8);\r\n color:rgb(212, 212, 212);\r\n}\r\n.projectList{\r\n padding: 0px;\r\n display: block;\r\n margin-left:auto;\r\n margin-right:auto;\r\n width: 100%;\r\n text-align: center;\r\n}\r\n.project{\r\n display: inline-block;\r\n text-align: left;\r\n margin: 1rem;\r\n width: 20rem;\r\n height: 22rem;\r\n border: .3rem rgba(156,49,45, .8) solid;\r\n background-color: rgba(22,22,22,.8);\r\n}\r\n.project .topBox, .project .bottomBox{\r\n padding-left: 1rem;\r\n}\r\n.tab{\r\n display: inline;\r\n float: right;\r\n}\r\n.project h3{\r\n display: inline-block;\r\n border-bottom: black solid .2rem;\r\n}\r\n.project img{\r\n margin-top: auto;\r\n height:3rem;\r\n}\r\n.topBox{\r\n padding-left: .5rem;\r\n padding-right: 1rem;\r\n height: 75%;\r\n}\r\n.bottomBox{\r\n height: auto;\r\n padding-left: 0rem;\r\n padding-right: 1rem;\r\n}\r\n.bottomBox a{\r\n vertical-align: middle;\r\n}\r\n.project a img, .project a p{\r\n padding: .5rem;\r\n filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(52deg) brightness(106%) contrast(101%);\r\n}\r\n.project a img:hover, .project a p:hover{\r\n filter: invert(66%) sepia(0%) saturate(3964%) hue-rotate(99deg) brightness(100%) contrast(105%);\r\n}\r\n.incomplete{\r\n color:red;\r\n}\r\n.WIP{\r\n color:yellow;\r\n}\r\n.complete{\r\n color:green;\r\n}\r\n.footer{\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n}\r\n.socials{\r\n margin-left: 1rem;\r\n width:0px;\r\n}\r\n.socials td{\r\n padding:5px;\r\n text-align: left;\r\n display: inline;\r\n float:left;\r\n}\r\n.socials img{\r\n height: 2rem;\r\n margin-bottom: 1rem;\r\n filter: invert(29%) sepia(20%) saturate(1786%) hue-rotate(314deg) brightness(101%) contrast(110%);\r\n transition: .2s;\r\n}\r\n.socials img:hover{\r\n opacity: .5;\r\n}\r\n#vertLine{\r\n border-right: 1px solid rgb(156,49,45);\r\n margin-left: 1rem;\r\n height: 10rem;\r\n}\r\n\r\n@media screen and (max-width: 1200px){\r\n .projectList{\r\n width: 95%;\r\n }\r\n .sideimg{\r\n position: relative;\r\n }\r\n body{\r\n background-size: auto 100%;\r\n }\r\n .foreground{\r\n width:100%;\r\n padding-left: .5rem;\r\n padding-right: .5rem;\r\n padding-bottom: 36px;\r\n }\r\n .col{\r\n width: 90%;\r\n margin-bottom: 3rem;\r\n }\r\n #aboutMe{\r\n float: none;\r\n display:block;\r\n width: 90%;\r\n }\r\n #skills{\r\n float: none;\r\n margin-right: auto;\r\n display: block;\r\n width: 90%;\r\n }\r\n .footer{\r\n position:relative;\r\n width:100%;\r\n display: inline-block;\r\n background-color: rgb(156,49,45);\r\n }\r\n .socials{\r\n display:block;\r\n padding-top: .5rem;\r\n padding-bottom: .5rem;\r\n margin-right: auto;\r\n margin-left: auto;\r\n table-layout: fixed;\r\n width: 100%;\r\n }\r\n .socials tr{\r\n display: block;\r\n }\r\n .socials td{\r\n display: inline;\r\n text-align: center;\r\n width: calc(100% / 6);\r\n padding-left: 0px;\r\n padding-right: 0px;\r\n }\r\n .socials img{\r\n height: 2rem;\r\n margin-bottom: 0px;\r\n filter: none;\r\n }\r\n #vertLine{\r\n visibility: collapse;\r\n height:0px;\r\n }\r\n}"]} \ No newline at end of file