Repository navigation
Expand file tree
/
Copy pathportfolio.html
More file actions
33 lines (30 loc) · 22.4 KB
/
Copy pathportfolio.html
File metadata and controls
33 lines (30 loc) · 22.4 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE html><!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--><!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--><!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--><!--[if (gte IE 9)|!(IE)]><!--><html lang="en"><!--<![endif]--><head><meta charset="utf-8"><title>Home | Jared Page</title><meta name="author" content="Jared Page"><meta name="keywords" content="jaredpage, jaredrpage, jared page, jared, page, resume, contact, cybersecurity, security, robotics, programming, software, engineering, engineer"><meta name="description" content="Jared Page - Personal Website"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1"><link rel="preload" href="https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap" as="font" crossorigin><link href="https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet"><style>:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}p{margin-top:0;margin-bottom:1rem}b,strong{font-weight:bolder}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}img{vertical-align:middle;border-style:none}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}@media (min-width:576px){.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media (min-width:768px){.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}}@media (min-width:992px){.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}}@media (min-width:1200px){.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}}.card-body{-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem}</style><style>.fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-briefcase:before{content:"\f0b1"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-github:before{content:"\f09b"}.fa-globe:before{content:"\f0ac"}.fa-globe-asia:before{content:"\f57e"}.fa-instagram:before{content:"\f16d"}.fa-linkedin:before{content:"\f08c"}.fa-mug-hot:before{content:"\f7b6"}.fa-paw:before{content:"\f1b0"}.fa-phone-alt:before{content:"\f879"}.fa-spotify:before{content:"\f1bc"}.fa-stack-overflow:before{content:"\f16c"}.fa-twitter:before{content:"\f099"}</style><style>@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:swap;src:url(assets/webfonts/fa-solid-900.woff) format("woff")}.fa,.fas{font-family:"Font Awesome 5 Free";font-weight:900}</style><style>@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:swap;src:url(assets/webfonts/fa-brands-400.woff) format("woff")}.fab{font-family:"Font Awesome 5 Brands";font-weight:400}</style><style>*{box-sizing:border-box;-webkit-box-sizing:border-box}.daisy .hidden{display:none}body{font-family:Poppins;font-size:14px;color:#626262;letter-spacing:0;font-weight:400;-webkit-text-size-adjust:100%}body{font-size:16px;color:#646464}.content.about p{margin-bottom:0}.text-box p{margin-top:0}.content .title .first-word{color:#78cc6d}.content .title::after{content:'';position:absolute;left:-60px;bottom:-15px;width:95%;height:1px;background:-moz-radial-gradient(left,ellipse cover,rgba(197,202,213,.7) 0,rgba(255,255,255,0) 70%);background:-webkit-radial-gradient(left,ellipse cover,rgba(197,202,213,.7) 0,rgba(255,255,255,0) 70%);background:radial-gradient(ellipse at left,rgba(197,202,213,.7) 0,rgba(255,255,255,0) 70%)}.content .title::after{left:-30px;right:0;bottom:0;width:auto;background:-moz-radial-gradient(left,ellipse cover,#ddd 0,rgba(255,255,255,0) 70%);background:-webkit-radial-gradient(left,ellipse cover,#ddd 0,rgba(255,255,255,0) 70%);background:radial-gradient(ellipse at left,#ddd 0,rgba(255,255,255,0) 70%)}.row .col{padding:30px;font-size:16px}p{font-family:Poppins;font-size:16px;line-height:1.8em;margin:0 0 25px 0;margin-top:0;margin-bottom:25px}.page{position:relative;height:100vh;width:100%;display:flex;justify-content:center;align-items:center}.container{margin:8vh 6vw;position:relative;top:0;left:0;width:100%;height:84vh;max-width:1268px;max-height:674px}.container.opened{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0)}.wrapper{position:absolute;top:50%;right:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);color:#000;max-width:90%;border-color:#c6c6c6;background:#fff;font-family:'Open Sans',sans-serif;box-shadow:0 0 50px rgba(0,0,0,.6)}.card-started{position:relative;width:100%;height:600px;z-index:11;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px}.card-started{position:relative;float:left;width:480px;height:100%}.card-started::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:10px 10px 15px rgba(0,0,0,.05);border-radius:0 0 4px 0;-moz-border-radius:0 0 4px 0;-webkit-border-radius:0 0 4px 0;-khtml-border-radius:0 0 4px 0}.card-started .profile.no-photo{padding-top:340px}.card-started .profile.no-photo{padding-top:50px}.card-started .profile{padding:210px 50px 50px 50px;position:relative;height:100%;background:#fff;text-align:center;z-index:10;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px}.card-started .profile{padding:50px;padding-top:50px;position:relative;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.card-started .profile.no-photo .slide{height:57%}.card-started .profile .slide{height:52%}.card-started .profile .slide{position:absolute;overflow:hidden;left:0;top:0;width:100%;height:300px;background-color:#626262;background-repeat:no-repeat;background-position:center center;background-size:cover;border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;-khtml-border-radius:4px 4px 0 0}.card-started .profile .slide::after,.card-started .profile .slide::before{content:'';position:absolute;left:-25%;bottom:-198px;width:700px;height:200px;background:#fff;transform:rotate(12deg);-webkit-transform:rotate(12deg);-moz-transform:rotate(12deg);-o-transform:rotate(12deg)}.card-started .profile .slide::after,.card-started .profile .slide::before{left:-25%;bottom:-63%;width:100%;height:70%}.card-started .profile .slide::after{left:auto;right:-25%;transform:rotate(-12deg);-webkit-transform:rotate(-12deg);-moz-transform:rotate(-12deg);-o-transform:rotate(-12deg)}.card-started .profile .title{margin:0 0 10px 0;margin-top:0;font-size:32px;color:#171717;line-height:32px;font-weight:400}.card-started .profile .title,.content-sidebar .profile .title{font-size:34px;color:#323232}.card-started .profile.no-photo .title{margin-top:240px}.card-started .profile .subtitle{margin:0 0 15px 0;font-size:14px;color:#78cc6d;line-height:14px;font-weight:400}.card-started .profile .subtitle,.card-started .profile .typed-cursor{color:#78cc6d}.card-started .profile .subtitle{color:#78cc6d}.card-started .profile .subtitle,.card-started .profile .typed-cursor{position:relative;margin:0;display:inline-block;color:#78cc6d;font-size:16px;line-height:20px;height:20px;font-weight:400}.card-started .profile .social{position:relative;margin:16px 0 0 0}a{color:#626262;text-decoration:none;opacity:1;outline:0}.card-started .profile .social a{margin:0 6px;display:inline-block;vertical-align:middle}.card-started .profile .social a .fab,.card-started .profile .social a .fas,.card-started .profile .social a .ion{font-size:25px;color:#171717}.card-started .profile .social a .fa-linkedin:hover{color:#0e76a8}.card-started .profile .social a .fa-twitter:hover{color:#00aced}.card-started .profile .social a .fa-github:hover{color:#6e5494}.card-started .profile .social a .fa-spotify:hover{color:#1db954}.card-started .profile .social a .fa-stack-overflow:hover{color:#ef8236}.lnks a:hover{color:#78cc6d;text-decoration:none}.lnks button:hover{color:#78cc6d;text-decoration:none}.lnks{position:absolute;bottom:0;left:0;width:100%;height:70px;z-index:10}.lnks{display:flex;flex-direction:row}.lnk{position:relative;float:left;width:50%;height:70px;line-height:70px;font-size:12px;color:#171717;font-weight:500;text-align:center;text-decoration:none;text-transform:uppercase;border:none}.lnk,input[type=submit]{display:block;float:none;width:100%;font-size:14px;color:#323232}.lnk::before{content:'';position:absolute;right:0;top:0;width:1px;height:100%;background:-moz-radial-gradient(top,ellipse cover,rgba(197,202,213,.7) 0,rgba(255,255,255,0) 70%);background:-webkit-radial-gradient(top,ellipse cover,rgba(197,202,213,.7) 0,rgba(255,255,255,0) 70%);background:radial-gradient(ellipse at top,rgba(197,202,213,.7) 0,rgba(255,255,255,0) 70%)}.lnk::before{background:-moz-radial-gradient(top,ellipse cover,#ddd 0,rgba(255,255,255,0) 70%);background:-webkit-radial-gradient(top,ellipse cover,#ddd 0,rgba(255,255,255,0) 70%);background:radial-gradient(ellipse at top,#ddd 0,rgba(255,255,255,0) 70%)}.card-inner{padding:0;position:absolute;overflow:hidden;left:95%;top:15px;width:120%;height:570px;background:#fff;transform-origin:center left;opacity:0;visibility:hidden;z-index:8;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px;transition:visibility 1s linear,opacity .5s linear;-moz-transition:visibility 1s linear,opacity .5s linear;-webkit-transition:visibility 1s linear,opacity .5s linear;-o-transition:visibility 1s linear,opacity .5s linear}.card-inner{transition:visibility 1s linear,opacity 0s linear;-moz-transition:visibility 1s linear,opacity 0s linear;-webkit-transition:visibility 1s linear,opacity 0s linear;-o-transition:visibility 1s linear,opacity 0s linear}.card-inner{padding:0;position:absolute;overflow:hidden;left:480px;right:0;top:15px;bottom:15px;width:auto;height:auto;border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;-webkit-border-radius:0 4px 4px 0;-khtml-border-radius:0 4px 4px 0;transition:visibility 1s linear,opacity 0s linear;-moz-transition:visibility 1s linear,opacity 0s linear;-webkit-transition:visibility 1s linear,opacity 0s linear;-o-transition:visibility 1s linear,opacity 0s linear}.card-inner.active{opacity:1;visibility:visible;z-index:10}.card-inner.animated{opacity:1;visibility:visible;z-index:9}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}.card-inner .card-wrap{padding:30px 30px 30px 60px;position:relative;overflow-x:hidden;height:100%}.card-inner .card-wrap,.content-sidebar .sidebar-wrap,.profile .main-menu-fixed .main-menu{height:100%;overflow:auto;overflow-x:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.card-inner .card-wrap{padding:30px 30px 0 30px;position:relative}.content{margin:0 0 40px 0}.content{margin:0 0 40px 0;position:relative}.content .title{margin:0 0 15px 0;padding:0 0 5px 0;position:relative;font-size:17px;color:#171717;line-height:21px;font-weight:500}.content .title{margin:0;padding:0 0 30px 15px;font-size:20px;color:#323232;line-height:21px;min-height:51px;font-weight:600;z-index:2}.clear{clear:both}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}.animated{-webkit-animation-duration:0s;animation-duration:0s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}.card-inner.hidden{opacity:0;visibility:hidden;z-index:9}i.fab,i.fas:nth-child(1){font-size:80px}.fuct-items i.fas{font-size:40px;color:#78cc6d}.fuct-items .fuct-item{text-align:center}.service-items .service-item{text-align:center}.service-items .service-item .name{margin:10px 0 5px 0;font-size:17px;color:#323232;font-weight:500;text-transform:none}.service-items .service-item i.fas{color:#78cc6d}.service-items .service-item i.fab{color:#78cc6d}.map-container-7 img{max-width:100%;max-height:400px;display:block;margin-left:auto;margin-right:auto}.content.contacts .info-list ul{margin:-11px -30px 0 -30px;font-size:0}ol,ul{list-style:none;margin-top:0;margin-bottom:0;padding-left:0}.new-skin .info-list ul li strong{background:#78cc6d}.info-list strong{float:left;margin-right:8px;padding:1px 8px;background:#78cc6d;font-size:14px;line-height:20px;color:#fefefe;font-weight:400;text-transform:none;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius:2px}.hover-grey:hover{background-color:#f1f1f1;color:#78cc6d}.border-line-v::before{content:'';position:absolute;left:0;top:0;width:1px;height:100%;background:-moz-radial-gradient(top,ellipse cover,rgba(197,202,213,.7) 0,rgba(255,255,255,0) 70%);background:-webkit-radial-gradient(top,ellipse cover,rgba(197,202,213,.7) 0,rgba(255,255,255,0) 70%);background:radial-gradient(ellipse at top,rgba(197,202,213,.7) 0,rgba(255,255,255,0) 70%)}.border-line-v::before{left:-1px;background:-moz-radial-gradient(top,ellipse cover,#ddd 0,rgba(255,255,255,0) 70%);background:-webkit-radial-gradient(top,ellipse cover,#ddd 0,rgba(255,255,255,0) 70%);background:radial-gradient(ellipse at top,#ddd 0,rgba(255,255,255,0) 70%)}.circle{border-radius:50%;width:100%;padding:2.5rem;box-shadow:inset 0 0 0 1rem grey;position:relative;z-index:0;overflow:hidden}.circle::before{content:'';position:absolute;width:110%;height:1rem;background-color:grey;transform:rotate(-45deg);transform-origin:0 0 0;bottom:.5rem;left:1rem;z-index:1;border:0;outline:0}.col.col-6.col-sm-6.col-md-6.col-lg-6.col-xl-3.border-line-v.hover-grey:hover .daisy .fa-instagram{background:-webkit-radial-gradient(33% 100% circle,#fed373 4%,#f15245 30%,#d92e7f 62%,#9b36b7 85%,#515ecf);background:radial-gradient(circle at 33% 100%,#fed373 4%,#f15245 30%,#d92e7f 62%,#9b36b7 85%,#515ecf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:40px}a.daisy:hover{text-decoration:none;color:#626262}@media (min-width:1217px){.col.col-12.col-sm-12.col-md-6{padding:30px;padding-right:0;padding-bottom:0}}@media (max-width:1216px){.col.col-12.col-sm-12.col-md-6{padding-bottom:0;padding-left:16px;padding-right:0}}@media (max-width:1199px){.card-started{position:relative;float:none;width:auto;height:auto}.card-inner{position:relative;margin:15px 0;left:0;top:0;width:auto;height:auto;opacity:1;visibility:visible;border-radius:4px}.card-inner .card-wrap{overflow:visible;height:auto}.header .top-menu ul li:last-child a:before{display:block}.card-started .profile{height:600px}.card-started .profile.no-photo .slide{height:70%}.card-started .profile.no-photo .title{margin-top:200px}.card-inner.hidden{opacity:1;visibility:visible;z-index:9}.fadeOutLeft{-webkit-animation-name:none;animation-name:none}.card-inner.hidden{opacity:1}.card-started .profile .slide::after,card-started .profile .slide::before{left:-7.5%}.card-started .profile .slide::after,.card-started .profile .slide::before{left:-7.5%;transform:rotate(8deg);-webkit-transform:rotate(8deg);-moz-transform:rotate(8deg);-o-transform:rotate(8deg)}.card-started .profile .slide::after{left:auto;right:-7.5%;transform:rotate(-8deg);-webkit-transform:rotate(-8deg);-moz-transform:rotate(-8deg);-o-transform:rotate(-8deg)}.page{position:relative;height:100vh;max-width:640px;display:flex;justify-content:center;align-items:center;margin:0 auto}.card-started .profile .slide{top:-75px}.animated{-webkit-animation-duration:0s;animation-duration:0s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.container{margin:0;padding-right:0;padding-left:0}.third-element::before{background:0 0}}@media (max-width:768px){.col.col-12.col-sm-12.col-md-6{padding-bottom:0;padding-left:30px;padding-right:30px;text-align:right}}@media (max-width:576px){.page{align-items:inherit}}.notfound{line-height:1.4;text-align:center}#notfound .notfound{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.notfound{max-width:910px;width:100%;line-height:1.4;text-align:center}.notfound .notfound-404{position:relative;height:200px}.notfound .notfound-404 h1{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:220px;font-weight:900;margin:0;color:#fff;text-transform:uppercase;letter-spacing:10px}.notfound h2{font-size:22px;font-weight:700;text-transform:uppercase;color:#fff;margin-top:20px;margin-bottom:15px}.notfound .home-btn{display:inline-block;font-weight:700;text-decoration:none;background-color:transparent;border:2px solid transparent;text-transform:uppercase;padding:13px 25px;font-size:18px;border-radius:40px;margin:7px;-webkit-transition:.2s all;transition:.2s all;color:#fff}.notfound .home-btn{color:#78cc6d;background:#fff;border:5px solid transparent;style:border-box}.notfound .home-btn:hover{color:#fff;background:0 0;border:5px solid #fff}.notfound-social{padding-top:40px}.notfound-social .fab{font-size:45px;color:#fff}.notfound-social .fab:hover{color:#fff}.notfound-social .fa-linkedin{color:#0e76a8}.notfound-social .fa-twitter{color:#00aced}.notfound-social .fa-github{color:#6e5494}.notfound-social .fa-spotify{color:#1db954}.notfound-social .fa-stack-overflow{color:#ef8236}body{margin:0}canvas{display:block;vertical-align:bottom}#particles-js{position:fixed;width:100%;height:100%;background-color:#80cd9b;background-image:url("");background-repeat:no-repeat;background-size:cover;background-position:50% 50%}</style></head><body><!-- particles.js container --><div id="particles-js"></div><div id="notfound"><div class="notfound"><div class="notfound-404"><h1>404</h1></div><h2>I'm so sorry, but the page you requested was not found</h2><a href="https://jared.page" class="home-btn">Go Home</a><div class="notfound-social"><div class="social"><a target="_blank" href="https://au.linkedin.com/in/jaredrpage"><span class="fab fa-linkedin"></span></a> <a target="_blank" href="https://twitter.com/jaredrpage"><span class="fab fa-twitter"></span></a> <a target="_blank" href="https://github.com/JaredPage"><span class="fab fa-github"></span></a> <a target="_blank" href="https://www.spotify.com/"><span class="fab fa-spotify"></span></a> <a target="_blank" href="https://stackoverflow.com/"><span class="fab fa-stack-overflow"></span></a></div></div></div></div><script src="assets/js/lazysizes.min.js" async></script><script src="assets/js/core.min.js" async></script><script>async function timeout(ms) {
return new Promise(resolve => setTimeout(resolve, ms));
}
async function waitForPageAsyncLoad() {
await timeout(1);
return new Promise(function(resolve, reject) {
if (typeof determineParticlesViability == 'undefined') {
reject();
} else {
resolve();
}
});
}
async function waitToLoadEverything() {
// Check if functions are available.
if (typeof determineParticlesViability == 'undefined') {
//Try 100 times. If this 100 time fails - Coffe Calc and Particles will not be visible
console.log("WaitForLoadEverything " + i);
for (var i = 0; i < 100; i++) {
try {
await waitForPageAsyncLoad();
break;
} catch (e) {
console.log(e);
}
}
}
determineParticlesViability();
}
window.onload = waitToLoadEverything;</script></body></html>