Repository navigation
Expand file tree
/
Copy pathindex.html
More file actions
46 lines (43 loc) · 32 KB
/
Copy pathindex.html
File metadata and controls
46 lines (43 loc) · 32 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
34
35
36
37
38
39
40
41
42
43
44
45
46
<!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="assets/webfonts/fa-brands-400.woff" as="font" type="font/woff" crossorigin><link rel="preload" href="assets/webfonts/fa-solid-900.woff" as="font" type="font/woff" crossorigin><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&display=swap" rel="stylesheet" async><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;overflow-y:hidden}.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.big: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}@media (min-width:1200px){.scrollbar{float:left;height:100%;width:100%;overflow-y:scroll}.force-overflow{min-height:calc(100% + 330px)}#style-10::-webkit-scrollbar,#style-11::-webkit-scrollbar,#style-4::-webkit-scrollbar,#style-5::-webkit-scrollbar,#style-6::-webkit-scrollbar,#style-7::-webkit-scrollbar,#style-8::-webkit-scrollbar,#style-9::-webkit-scrollbar{width:15px;background-color:transparent}#style-11::-webkit-scrollbar-track{border-radius:10px;background:rgba(255,255,255,.1);border:1px solid rgba(204,204,204,.808)}#style-11::-webkit-scrollbar-thumb{border-radius:10px;background:linear-gradient(left,#fff,#78cc6d);border:1px solid #aaa}#style-11::-webkit-scrollbar-thumb:hover{background:#78cc6d83}#style-11::-webkit-scrollbar-thumb:active{background:linear-gradient(left,#22add4,#570557)}}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><div id="particles-js"></div><div class="page"><div class="container opened" data-animation-in="fadeInLeft" data-animation-out="fadeOutLeft"><div class="card-started" id="home-card"><div class="profile no-photo"><div class="slide" style="background-image:url(assets/images/profile300x0smol.jpg)"></div><div class="title">Jared Page</div><div class="subtitle">Software Engineer</div><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 class="lnks"><a href="assets/files/resume.pdf" class="lnk" download><span class="text">Resume</span> <i class="fas fa-file" style="padding:10px"></i> </a><a href="#contact" class="lnk discover"><span class="text">Contact Me</span> <i class="fas fa-phone-alt" style="padding:10px"></i></a></div></div></div><div class="card-inner active animated fadeInLeft" id="about-card"><div class="scrollbar" id="style-11"><div class="card-wrap force-overflow"><div class="content about"><div class="title"><span class="first-word">About</span> Me</div><div class="row"><div class="col col-d-12"><div class="text-box"><p>Hello - I would like to personally welcome you to my site! I've always found tinkering to be amazing fun and my search lead me to one thing: Engineering.</p><p>My passion lies in Cybersecurity, Aerospace, Robotics and Automation. One day I wish to pursue my lifelong dream of building the Iron Man suit.</p><p>Please feel free to browse through my <a style="color:#78cc6d" href="https://jared.page/portfolio.html">portfolio</a> and my <a style="color:#78cc6d" href="https://jared.page/blog.html">blog</a>. If you want to know even more - contact me. Thanks for visiting!</p></div></div><div class="clear"></div></div></div><div class="content fuct"><div class="title"><span class="first-word">Fun</span> Facts</div><div class="row fuct-items"><div class="col col-6 col-sm-6 col-md-6 col-lg-6 col-xl-3 hover-grey" style="padding:0"><a class="big" href="https://patents.google.com/?inventor=Jared+R.+Page" target="_blank"><div class="fuct-item" style="padding:30px"><div class="icon"><i class="fas fa-file-alt"></i></div><div class="name">4 Patents Issued</div></div></a></div><div class="col col-6 col-sm-6 col-md-6 col-lg-6 col-xl-3 border-line-v hover-grey" style="padding:0;text-align:center"><a class="daisy big" href="https://www.instagram.com/dorkieyorkiedaisy/" target="_blank"><div class="fuct-item" style="padding:30px"><div class="icon hidden"><i class="fab fa-instagram instagram"></i></div><div class="icon"><i class="fas fa-paw"></i></div><div class="name">Dog owner</div></div></a></div><div class="col col-6 col-sm-6 col-md-6 col-lg-6 col-xl-3 hover-grey border-line-v third-element"><div class="fuct-item"><div class="icon"><i class="fas fa-mug-hot"></i></div><div class="name"><div id="coffee-calc"></div>Cups of coffee</div></div></div><div class="col col-6 col-sm-6 col-md-6 col-lg-6 col-xl-3 hover-grey border-line-v" style="padding:0"><div class="fuct-item world-map" style="padding:30px"><div class="icon"><i class="fas fa-globe-asia"></i></div><div class="name">31 Countries Visited</div></div></div><div class="clear"></div></div></div><div class="content services"><div class="title"><span class="first-word">Other</span> Stuff</div><div class="row service-items"><div class="col col-12 col-sm-6 col-m-12 border-line-h hover-grey"><a class="big" href="https://jared.page/portfolio.html" target="_blank"><div class="service-item"><div class="icon"><i class="fas fa-briefcase"></i></div><div class="name">Portfolio</div><p>Browse all my projects, publications and patents.</p></div></a></div><div class="col col-12 col-sm-6 col-m-12 border-line-v hover-grey"><a class="big" href="https://jared.page/blog.html" target="_blank"><div class="service-item"><div class="icon"><i class="fab fa-instagram"></i></div><div class="name">Blog</div><p>See what I've been up to as I travel around.</p></div></a></div><div class="clear"></div></div></div></div></div></div><div class="card-inner animated fadeOutLeft hidden" id="world-map-card"><div class="card-wrap"><div class="content about" style="margin-bottom:0"><div class="title"><span class="first-word">World</span> Travel</div><div style="margin-top:2rem;margin-bottom:2rem"><script src="https://www.amcharts.com/lib/3/ammap.js" type="text/javascript"></script><script src="https://www.amcharts.com/lib/3/maps/js/worldHigh.js" type="text/javascript"></script><script src="https://www.amcharts.com/lib/3/themes/dark.js" type="text/javascript"></script><div id="mapdiv" style="width:100%;height:450px"></div><script type="text/javascript">var map=AmCharts.makeChart("mapdiv",{type:"map",theme:"dark",projection:"miller",panEventsEnabled:!0,backgroundColor:"#FFFFFF",backgroundAlpha:1,zoomControl:{zoomControlEnabled:!0},dataProvider:{map:"worldHigh",getAreasFromMap:!0,areas:[{id:"AT",showAsSelected:!0},{id:"BE",showAsSelected:!0},{id:"DK",showAsSelected:!0},{id:"FI",showAsSelected:!0},{id:"FR",showAsSelected:!0},{id:"DE",showAsSelected:!0},{id:"GR",showAsSelected:!0},{id:"IE",showAsSelected:!0},{id:"IT",showAsSelected:!0},{id:"NL",showAsSelected:!0},{id:"NO",showAsSelected:!0},{id:"PL",showAsSelected:!0},{id:"PT",showAsSelected:!0},{id:"ES",showAsSelected:!0},{id:"SE",showAsSelected:!0},{id:"CH",showAsSelected:!0},{id:"GB",showAsSelected:!0},{id:"VA",showAsSelected:!0},{id:"CA",showAsSelected:!0},{id:"US",showAsSelected:!0},{id:"CN",showAsSelected:!0},{id:"HK",showAsSelected:!0},{id:"ID",showAsSelected:!0},{id:"JP",showAsSelected:!0},{id:"MO",showAsSelected:!0},{id:"MY",showAsSelected:!0},{id:"KP",showAsSelected:!0},{id:"PH",showAsSelected:!0},{id:"SG",showAsSelected:!0},{id:"KR",showAsSelected:!0},{id:"TW",showAsSelected:!0},{id:"TH",showAsSelected:!0},{id:"AE",showAsSelected:!0},{id:"VN",showAsSelected:!0},{id:"AU",showAsSelected:!0},{id:"NZ",showAsSelected:!0}]},areasSettings:{autoZoom:!0,color:"#FFFFFF",colorSolid:"#80cd9b",selectedColor:"#80cd9b",outlineColor:"#323232",rollOverColor:"#328239",rollOverOutlineColor:"#FF00FF"}})</script></div></div></div></div><div class="card-inner animated fadeOutLeft hidden" id="contact-card"><div class="card-wrap"><div class="content about" style="margin-bottom:0"><a name="contact"></a><div class="title"><span class="first-word">Get</span> In Touch</div><div class="row"><div class="card-body"><div class="row"><div class="col col-d-12" style="padding-top:0;padding-bottom:0"><div id="map-container-google-12" class="z-depth-1-half map-container-7"><img data-src="https://maps.googleapis.com/maps/api/staticmap?key=AIzaSyBA5KWiM2BrtMHGU8LYXfpJmzsP7u-ZRxM¢er=-27.473042099616716,153.0201278417667&zoom=11&format=png&maptype=roadmap&style=element:geometry%7Ccolor:0xf5f5f5&style=element:labels.icon%7Cvisibility:off&style=element:labels.text.fill%7Ccolor:0x616161&style=element:labels.text.stroke%7Ccolor:0xf5f5f5&style=feature:administrative.land_parcel%7Celement:labels.text.fill%7Ccolor:0xbdbdbd&style=feature:poi%7Celement:geometry%7Ccolor:0xeeeeee&style=feature:poi%7Celement:labels.text.fill%7Ccolor:0x757575&style=feature:poi.park%7Celement:geometry%7Ccolor:0xe5e5e5&style=feature:poi.park%7Celement:labels.text.fill%7Ccolor:0x9e9e9e&style=feature:road%7Celement:geometry%7Ccolor:0xffffff&style=feature:road.arterial%7Cvisibility:off&style=feature:road.arterial%7Celement:labels.text.fill%7Ccolor:0x757575&style=feature:road.highway%7Celement:geometry%7Ccolor:0xdadada&style=feature:road.highway%7Celement:labels%7Cvisibility:off&style=feature:road.highway%7Celement:labels.text.fill%7Ccolor:0x616161&style=feature:road.local%7Cvisibility:off&style=feature:road.local%7Celement:labels.text.fill%7Ccolor:0x9e9e9e&style=feature:transit.line%7Celement:geometry%7Ccolor:0xe5e5e5&style=feature:transit.station%7Celement:geometry%7Ccolor:0xeeeeee&style=feature:water%7Celement:geometry%7Ccolor:0xc9c9c9&style=feature:water%7Celement:geometry.fill%7Ccolor:0x48d9f2&style=feature:water%7Celement:labels.text.fill%7Ccolor:0x9e9e9e&size=640x400" class="lazyload" alt=""></div></div></div><div class="row"><div class="col col-d-12" style="padding-top:0;padding-bottom:0"><div class="info-list" style="width:100%"><div class="row"><div class="col col-12 col-sm-12 col-md-6"><strong>Address . . . . .</strong> Brisbane, Australia</div><div class="col col-12 col-sm-12 col-md-6"><strong>Email . . . . .</strong> contact@jared.page</div></div><div class="row"><div class="col col-12 col-sm-12 col-md-6"><strong>Phone . . . . .</strong> +61 000 000 953</div><div class="col col-12 col-sm-12 col-md-6"><strong>Freelance . . . . .</strong> Available</div></div></div></div></div></div></div></div></div></div></div></div><script src="assets/js/lazysizes.min.js" async></script><script src="assets/js/core.min.js" async></script><script src="assets/js/functionality.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();
if (typeof coffeeCalc == '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);
}
}
}
coffeeCalc();
}
window.onload = waitToLoadEverything;</script></body></html>