-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1 lines (1 loc) · 33.3 KB
/
index.html
1
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta content="IE=edge" http-equiv="X-UA-Compatible"><meta content="width=device-width,initial-scale=1" name="viewport"><link href="/assets/images/apple-icon-57x57.png" rel="apple-touch-icon" sizes="57x57"><link href="/assets/images/apple-icon-60x60.png" rel="apple-touch-icon" sizes="60x60"><link href="/assets/images/apple-icon-72x72.png" rel="apple-touch-icon" sizes="72x72"><link href="/assets/images/apple-icon-76x76.png" rel="apple-touch-icon" sizes="76x76"><link href="/assets/images/apple-icon-114x114.png" rel="apple-touch-icon" sizes="114x114"><link href="/assets/images/apple-icon-120x120.png" rel="apple-touch-icon" sizes="120x120"><link href="/assets/images/apple-icon-144x144.png" rel="apple-touch-icon" sizes="144x144"><link href="/assets/images/apple-icon-152x152.png" rel="apple-touch-icon" sizes="152x152"><link href="/assets/images/apple-icon-180x180.png" rel="apple-touch-icon" sizes="180x180"><link href="/assets/images/android-icon-192x192.png" rel="icon" sizes="192x192" type="image/png"><link href="/assets/images/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png"><link href="/assets/images/favicon-96x96.png" rel="icon" sizes="96x96" type="image/png"><link href="/assets/images/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png"><link href="/assets/manifest.json" rel="manifest"><meta content="AsC9RBLM1dftaRXrUug8RcZxH-6xijC0QEsDME3XxGg" name="google-site-verification"><meta content="James Kenneth A. Guidaven's personal github page" name="title"><meta content="Information about James Kenneth Guidaven Full-stack Developer professional background" name="Description"><meta content="James Kenneth Guidaven" name="author"><meta content="James Kenneth Guidaven's personal github page" property="og:title"><meta content="Information about James Kenneth Guidaven Full-stack Developer professional background" property="og:description"><meta content="https://jkguidaven.github.io/assets/images/hero.jpg" property="og:image"><meta content="https://jkguidaven.github.io" property="og:url"><title>James Kenneth A. Guidaven 's home</title><link href="https://firebaseinstallations.googleapis.com" rel="preconnect"><link href="https://www.googletagmanager.com" rel="preconnect"><link href="https://firebaseremoteconfig.googleapis.com" rel="preconnect"><link href="https://fonts.googleapis.com/css2?family=Overpass:wght@300;400;600;700;900&display=swap" rel="preload" as="style" onload="this.rel="stylesheet""><script src="https://use.fontawesome.com/29e1103c35.js" async></script><script src="/js/lazysizes.min.js" defer></script><script src="/js/ls.unveilhooks.min.js" defer></script><script src="/js/main.js" defer></script><script>!function(c,f){var t,o,i,e=[],r={passive:!0,capture:!0},n=new Date,a="pointerup",u="pointercancel";function p(n,e){t||(t=e,o=n,i=new Date,w(f),s())}function s(){0<=o&&o<i-n&&(e.forEach(function(n){n(o,t)}),e=[])}function l(n){if(n.cancelable){var e=(1e12<n.timeStamp?new Date:performance.now())-n.timeStamp;"pointerdown"==n.type?function(n,e){function t(){p(n,e),i()}function o(){i()}function i(){f(a,t,r),f(u,o,r)}c(a,t,r),c(u,o,r)}(e,n):p(e,n)}}function w(e){["click","mousedown","keydown","touchstart","pointerdown"].forEach(function(n){e(n,l,r)})}w(c),self.perfMetrics=self.perfMetrics||{},self.perfMetrics.onFirstInputDelay=function(n){e.push(n),s()}}(addEventListener,removeEventListener)</script><style>@font-face{font-family:DM Sans;src:url(/assets/fonts/DM_Sans/DMSans-Bold.ttf);font-weight:700}@font-face{font-family:DM Sans;src:url(/assets/fonts/DM_Sans/DMSans-Italic.ttf);font-style:Italic;font-weight:400}@font-face{font-family:DM Sans;src:url(/assets/fonts/DM_Sans/DMSans-Regular.ttf);font-weight:400}@font-face{font-family:DM Sans;src:url(/assets/fonts/DM_Sans/DMSans-MediumItalic.ttf);font-style:Italic;font-weight:500}@font-face{font-family:DM Sans;src:url(/assets/fonts/DM_Sans/DMSans-Medium.ttf);font-weight:500}@font-face{font-family:DM Sans;src:url(/assets/fonts/DM_Sans/DMSans-BoldItalic.ttf);font-weight:700;font-style:Italic}/*! bulma.io v0.8.2 | MIT License | github.com/jgthms/bulma */.button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.box:not(:last-child),.subtitle:not(:last-child),.title:not(:last-child){margin-bottom:1.5rem}.button{-moz-appearance:none;-webkit-appearance:none;align-items:center;border:1px solid transparent;border-radius:4px;box-shadow:none;display:inline-flex;font-size:1rem;height:2.5em;justify-content:flex-start;line-height:1.5;padding:calc(.5em - 1px) calc(.75em - 1px);position:relative;vertical-align:top}.button:active,.button:focus{outline:0}/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */body,hr,html,li,p,ul{margin:0;padding:0}ul{list-style:none}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}html{background-color:#fff;font-size:16px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;min-width:300px;overflow-x:hidden;overflow-y:scroll;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}footer,section{display:block}body{font-family:DM Sans,sans-serif;color:#4a4a4a;font-size:1em;font-weight:400;line-height:1.5}a{color:#3273dc;cursor:pointer;text-decoration:none}a:hover{color:#363636}hr{background-color:#f5f5f5;border:none;display:block;height:2px;margin:1.5rem 0}img{height:auto;max-width:100%}span{font-style:inherit;font-weight:inherit}strong{color:#363636;font-weight:700}.has-text-centered{text-align:center!important}.has-text-white{color:#fff!important}a.has-text-white:focus,a.has-text-white:hover{color:#e6e6e6!important}.has-background-white{background-color:#fff!important}.has-text-primary{color:#a34824!important}.has-background-primary{background-color:#a34824!important}.has-background-black-ter{background-color:#242424!important}.has-text-white-ter{color:#f5f5f5!important}.has-background-white-ter{background-color:#f5f5f5!important}.has-text-weight-semibold{font-weight:600!important}.has-text-weight-bold{font-weight:700!important}.box{background-color:#fff;border-radius:15px;box-shadow:none;color:#4a4a4a;display:block;padding:60px}a.box:focus,a.box:hover{box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px #3273dc}a.box:active{box-shadow:inset 0 1px 2px rgba(10,10,10,.2),0 0 0 1px #3273dc}.button{background-color:#fff;border-color:#dbdbdb;border-width:1px;color:#363636;cursor:pointer;justify-content:center;padding:calc(.5em - 1px) 1em;text-align:center;white-space:nowrap}.button .icon,.button .icon.is-large{height:1.5em;width:1.5em}.button .icon:first-child:last-child{margin-left:calc(-.5em - 1px);margin-right:calc(-.5em - 1px)}.button:hover{border-color:#b5b5b5;color:#363636}.button:focus{border-color:#3273dc;color:#363636}.button.is-focused:not(:active),.button:focus:not(:active){box-shadow:0 0 0 .125em rgba(50,115,220,.25)}.button:active{border-color:#4a4a4a;color:#363636}.button.is-white.is-focused:not(:active),.button.is-white:focus:not(:active){box-shadow:0 0 0 .125em hsla(0,0%,100%,.25)}.button.is-black.is-focused:not(:active),.button.is-black:focus:not(:active){box-shadow:0 0 0 .125em rgba(10,10,10,.25)}.button.is-light{background-color:#f5f5f5}.button.is-light,.button.is-light:hover{border-color:transparent;color:rgba(0,0,0,.7)}.button.is-light:hover{background-color:#eee}.button.is-light:focus{border-color:transparent;color:rgba(0,0,0,.7)}.button.is-light.is-focused:not(:active),.button.is-light:focus:not(:active){box-shadow:0 0 0 .125em hsla(0,0%,96.1%,.25)}.button.is-light:active{background-color:#e8e8e8;border-color:transparent;color:rgba(0,0,0,.7)}.button.is-dark.is-focused:not(:active),.button.is-dark:focus:not(:active){box-shadow:0 0 0 .125em rgba(54,54,54,.25)}.button.is-primary.is-focused:not(:active),.button.is-primary:focus:not(:active){box-shadow:0 0 0 .125em rgba(163,72,36,.25)}.button.is-link.is-focused:not(:active),.button.is-link:focus:not(:active){box-shadow:0 0 0 .125em rgba(50,115,220,.25)}.button.is-info.is-focused:not(:active),.button.is-info:focus:not(:active){box-shadow:0 0 0 .125em rgba(50,152,220,.25)}.button.is-success.is-focused:not(:active),.button.is-success:focus:not(:active){box-shadow:0 0 0 .125em rgba(72,199,116,.25)}.button.is-warning.is-focused:not(:active),.button.is-warning:focus:not(:active){box-shadow:0 0 0 .125em rgba(255,221,87,.25)}.button.is-danger.is-focused:not(:active),.button.is-danger:focus:not(:active){box-shadow:0 0 0 .125em rgba(241,70,104,.25)}.buttons{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start}.buttons .button{margin-bottom:.5rem}.buttons .button:not(:last-child):not(.is-fullwidth){margin-right:.5rem}.buttons:last-child{margin-bottom:-.5rem}.container{flex-grow:1;margin:0 auto;position:relative;width:auto}@media screen and (min-width:1024px){.container{max-width:960px}}@media screen and (min-width:1216px){.container{max-width:1152px}}@media screen and (min-width:1408px){.container{max-width:1344px}}.content p:not(:last-child){margin-bottom:1em}.icon{align-items:center;display:inline-flex;justify-content:center;height:1.5rem;width:1.5rem}.icon.is-large{height:3rem;width:3rem}.subtitle,.title{word-break:break-word}.title{color:#363636;font-size:2rem;font-weight:600;line-height:1.125}.title.is-4{font-size:1.5rem}.subtitle,.title.is-5{font-size:1.25rem}.subtitle{color:#4a4a4a;font-weight:400;line-height:1.25}.subtitle strong{color:#363636;font-weight:600}.subtitle.is-2{font-size:2.5rem}.subtitle.is-4{font-size:1.5rem}.select.is-white:not(:hover):after{border-color:#fff}.select.is-black:not(:hover):after{border-color:#0a0a0a}.select.is-light:not(:hover):after{border-color:#f5f5f5}.select.is-dark:not(:hover):after{border-color:#363636}.select.is-primary:not(:hover):after{border-color:#a34824}.select.is-link:not(:hover):after{border-color:#3273dc}.select.is-info:not(:hover):after{border-color:#3298dc}.select.is-success:not(:hover):after{border-color:#48c774}.select.is-warning:not(:hover):after{border-color:#ffdd57}.select.is-danger:not(:hover):after{border-color:#f14668}.navbar{background-color:#fff;min-height:3.25rem;position:relative;z-index:30}.navbar-brand{align-items:stretch;display:flex;flex-shrink:0;min-height:3.25rem}.navbar-burger{color:#4a4a4a;cursor:pointer;display:block;height:3.25rem;position:relative;width:3.25rem;margin-left:auto}.navbar-burger span{background-color:currentColor;display:block;height:1px;left:calc(50% - 8px);position:absolute;transform-origin:center;transition-duration:86ms;transition-property:background-color,opacity,transform;transition-timing-function:ease-out;width:16px}.navbar-burger span:first-child{top:calc(50% - 6px)}.navbar-burger span:nth-child(2){top:calc(50% - 1px)}.navbar-burger span:nth-child(3){top:calc(50% + 4px)}.navbar-burger:hover{background-color:rgba(0,0,0,.05)}.navbar-burger.is-active span:first-child{transform:translateY(5px) rotate(45deg)}.navbar-burger.is-active span:nth-child(2){opacity:0}.navbar-burger.is-active span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}.navbar-menu{display:none}.navbar-item{color:#4a4a4a;display:block;line-height:1.5;padding:.5rem .75rem;position:relative;flex-grow:0;flex-shrink:0}@media screen and (max-width:1023px){.navbar-menu{background-color:#fff;box-shadow:0 8px 16px rgba(10,10,10,.1);padding:.5rem 0}.navbar-menu.is-active{display:block}}@media screen and (min-width:1024px){.navbar,.navbar-end,.navbar-menu{align-items:stretch;display:flex}.navbar{min-height:3.25rem}.navbar-burger{display:none}.navbar-item{align-items:center;display:flex}.navbar-menu{flex-grow:1;flex-shrink:0}.navbar-end{justify-content:flex-end;margin-left:auto}.navbar-link.is-active:not(:focus):not(:hover),a.navbar-item.is-active:not(:focus):not(:hover){background-color:transparent}}.column{display:block;flex-basis:0;flex-grow:1;flex-shrink:1;padding:.75rem}@media print,screen and (min-width:769px){.column.is-one-third{flex:none;width:33.3333%}.column.is-three-fifths{flex:none;width:60%}}@media screen and (min-width:1024px){.column.is-offset-2-desktop{margin-left:16.66667%}.column.is-8-desktop{flex:none;width:66.66667%}}.columns{margin-left:-.75rem;margin-right:-.75rem;margin-top:-.75rem}.columns:last-child{margin-bottom:-.75rem}.columns:not(:last-child){margin-bottom:.75rem}.columns.is-centered{justify-content:center}@media print,screen and (min-width:769px){.columns:not(.is-desktop){display:flex}}.hero{align-items:stretch;display:flex;flex-direction:column;justify-content:space-between}@media print,screen and (min-width:769px){.hero.is-medium .hero-body{padding:9rem 1.5rem}}.hero-body{flex-grow:1;flex-shrink:0}.hero-body,.section{padding:3rem 1.5rem}.footer{background-color:#fafafa;padding:3rem 1.5rem 6rem}body,html{padding:0;margin:0;height:100%!important}.contact-links{margin:20px}.contact-links li{display:inline-block!important}.button.contact{transition:.2s ease-out;border:2px solid hsla(0,0%,100%,.4);color:#fff;background-color:transparent;border-radius:50%;margin:0 5px 20px;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.button.contact:focus,.button.contact:hover{background-color:#e45c0e;border:2px solid #e45c0e;outline:0;box-shadow:none}.navbar{width:100%;padding:24px}.navbar .navbar-brand{font-size:1.5em;transition:.2s ease-out}.navbar .navbar-brand:focus,.navbar .navbar-brand:hover{outline:0;box-shadow:none;color:#e45c0e}.navbar .navbar-item .button.is-light{background-color:transparent;padding:10px;font-size:1.1rem}.navbar .navbar-item .button.active{font-weight:700}.navbar .navbar-item .button.is-light:focus,.navbar .navbar-item .button.is-light:hover{color:#e45c0e}.navbar-burger{border-radius:10px;-webkit-tap-highlight-color:rgba(255,224,206,.05);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.navbar-burger span{height:3px}.navbar-burger.is-active span{background-color:#e45c0e}.navbar-burger:active{background-color:#ffe6d7}@media screen and (max-width:1023px){.navbar-menu{margin-top:10px;box-shadow:none}.navbar-menu .buttons{flex-direction:column}.navbar-menu .buttons .button{display:block;-webkit-tap-highlight-color:rgba(255,224,206,.05);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}}a,strong{margin:0 5px}.avatar{display:block;margin-bottom:30px}.avatar img{width:128px;height:128px;border-radius:50%}.newlogic-badge{display:inline-block;position:absolute;border-radius:50%;background-color:#ffc233;padding:16px 10px 10px;margin-left:-35px;margin-top:80px;width:52px;height:52px}.newlogic-badge img{width:48px;height:auto}.margin-10{margin:20px!important}section.hero{background-color:#e8e8e8;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 800'%3E%3Cpath fill='%23ededed' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2-3.4-.7-6.8-1.3-10.2-2z'/%3E%3Cpath fill='%23f1f1f1' d='M1600 0H0v719.8C49 703 99.5 692 150.7 686.3c111.9-12.7 226-2.4 335.3 19.4 3.4.7 6.8 1.4 10.2 2 116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%23f6f6f6' d='M478.4 581c3.2.8 6.4 1.7 9.5 2.5C684.1 636 876.6 717 1081.4 760.1c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9 107.3-6.6 214.6 10.2 317.3 37z'/%3E%3Cpath fill='%23fafafa' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7 102.8-.8 203.2 22.7 299.3 54.5 3 1 5.9 2 8.9 3 183.6 62 365.7 146.1 562.4 192.1 186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%23fff' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1 2.8 1.1 5.5 2.3 8.3 3.4 171 71.6 342.7 158.5 531.3 207.7 198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2a483.5 483.5 0 01181.8-23.8z'/%3E%3Cpath fill='%23fff' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2 93.6 12.1 180.5 47.7 263.3 89.6 2.6 1.3 5.1 2.6 7.7 3.9 158.4 81.1 319.7 170.9 500.3 223.2 210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%23fff' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3 12.8-4.1 25.4-8.4 38.1-12.9V0h-1312c56 21.3 108.7 50.6 159.7 82 2.4 1.4 4.7 2.9 7.1 4.3z'/%3E%3Cpath fill='%23fff' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2 191.8 69.2 400 74.7 595 21.1 40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%23fff' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8 21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4 174.9 70.7 368.7 88.7 552 47.4z'/%3E%3Cpath fill='%23fff' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723c157.7 71 335.6 101 506.2 72.4z'/%3E%3C/svg%3E");background-size:cover}section.hero .greetings{display:block;margin:20px}section.hero .greetings strong{margin:0 10px}section.hero .hero-body{padding-top:40px!important}section.about{background-color:#ee7a11;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 60'%3E%3Cpath fill='%23ee7a11' d='M0 0h11v11H0z'/%3E%3Cpath fill='%23ee7912' d='M10 0h11v11H10z'/%3E%3Cpath fill='%23ee7814' d='M0 10h11v11H0z'/%3E%3Cpath fill='%23ef7715' d='M20 0h11v11H20z'/%3E%3Cpath fill='%23ef7616' d='M10 10h11v11H10z'/%3E%3Cpath fill='%23ef7618' d='M0 20h11v11H0z'/%3E%3Cpath fill='%23ef7519' d='M30 0h11v11H30z'/%3E%3Cpath fill='%23ef741a' d='M20 10h11v11H20z'/%3E%3Cpath fill='%23f0731b' d='M10 20h11v11H10z'/%3E%3Cpath fill='%23f0721c' d='M0 30h11v11H0z'/%3E%3Cpath fill='%23f0711d' d='M40 0h11v11H40z'/%3E%3Cpath fill='%23f0701e' d='M30 10h11v11H30z'/%3E%3Cpath fill='%23f06f1f' d='M20 20h11v11H20z'/%3E%3Cpath fill='%23f06e20' d='M10 30h11v11H10z'/%3E%3Cpath fill='%23f06e21' d='M0 40h11v11H0z'/%3E%3Cpath fill='%23f06d22' d='M50 0h11v11H50z'/%3E%3Cpath fill='%23f16c23' d='M40 10h11v11H40z'/%3E%3Cpath fill='%23f16b24' d='M30 20h11v11H30z'/%3E%3Cpath fill='%23f16a25' d='M20 30h11v11H20z'/%3E%3Cpath fill='%23f16926' d='M10 40h11v11H10z'/%3E%3Cpath fill='%23f16827' d='M0 50h11v11H0z'/%3E%3Cpath fill='%23f16728' d='M60 0h11v11H60z'/%3E%3Cpath fill='%23f16628' d='M50 10h11v11H50z'/%3E%3Cpath fill='%23f16529' d='M40 20h11v11H40z'/%3E%3Cpath fill='%23f1652a' d='M30 30h11v11H30z'/%3E%3Cpath fill='%23f1642b' d='M20 40h11v11H20z'/%3E%3Cpath fill='%23f1632c' d='M10 50h11v11H10z'/%3E%3Cpath fill='%23f1622d' d='M70 0h11v11H70z'/%3E%3Cpath fill='%23f1612e' d='M60 10h11v11H60z'/%3E%3Cpath fill='%23f1602e' d='M50 20h11v11H50z'/%3E%3Cpath fill='%23f15f2f' d='M40 30h11v11H40z'/%3E%3Cpath fill='%23f15e30' d='M30 40h11v11H30z'/%3E%3Cpath fill='%23f15d31' d='M20 50h11v11H20z'/%3E%3Cpath fill='%23f15c32' d='M80 0h11v11H80z'/%3E%3Cpath fill='%23f15c32' d='M70 10h11v11H70z'/%3E%3Cpath fill='%23f15b33' d='M60 20h11v11H60z'/%3E%3Cpath fill='%23f15a34' d='M50 30h11v11H50z'/%3E%3Cpath fill='%23f15935' d='M40 40h11v11H40z'/%3E%3Cpath fill='%23f15835' d='M30 50h11v11H30z'/%3E%3Cpath fill='%23f15736' d='M90 0h11v11H90z'/%3E%3Cpath fill='%23f15637' d='M80 10h11v11H80z'/%3E%3Cpath fill='%23f15538' d='M70 20h11v11H70z'/%3E%3Cpath fill='%23f15439' d='M60 30h11v11H60z'/%3E%3Cpath fill='%23f15339' d='M50 40h11v11H50z'/%3E%3Cpath fill='%23f0523a' d='M40 50h11v11H40z'/%3E%3Cpath fill='%23f0523b' d='M90 10h11v11H90z'/%3E%3Cpath fill='%23f0513c' d='M80 20h11v11H80z'/%3E%3Cpath fill='%23f0503c' d='M70 30h11v11H70z'/%3E%3Cpath fill='%23f04f3d' d='M60 40h11v11H60z'/%3E%3Cpath fill='%23f04e3e' d='M50 50h11v11H50z'/%3E%3Cpath fill='%23f04d3e' d='M90 20h11v11H90z'/%3E%3Cpath fill='%23f04c3f' d='M80 30h11v11H80z'/%3E%3Cpath fill='%23ef4b40' d='M70 40h11v11H70z'/%3E%3Cpath fill='%23ef4a41' d='M60 50h11v11H60z'/%3E%3Cpath fill='%23ef4941' d='M90 30h11v11H90z'/%3E%3Cpath fill='%23ef4942' d='M80 40h11v11H80z'/%3E%3Cpath fill='%23ef4843' d='M70 50h11v11H70z'/%3E%3Cpath fill='%23ee4744' d='M90 40h11v11H90z'/%3E%3Cpath fill='%23ee4644' d='M80 50h11v11H80z'/%3E%3Cpath fill='%23ee4545' d='M90 50h11v11H90z'/%3E%3C/svg%3E");background-size:cover;background-attachment:fixed;padding:49px 28px 150px}section.about p{font-size:1.2rem}.skillset{background:#fff url(/assets/images/main-bg.svg) 20% no-repeat}.skillset .skillset-content{margin-bottom:-80px;text-align:center;font-size:1rem}.skillset .skillset-content b{display:inline-block;margin:0 5px}.skillset .skillset-content strong.role-label{display:block;font-size:2rem;margin-bottom:32px;font-weight:700}.skillset .skillset-content strong.has-text-weight-semibold{display:block;margin:20px 0 5px;font-size:1.5rem}.skillset .skillset-content .role-icon{background-size:50%;background-position:50%;background-repeat:no-repeat;background-color:#f3f3f3;border-radius:50%;margin:16px auto;width:128px;height:128px;opacity:0;transition:opacity 1s ease-out}.skillset .skillset-content .role-label{opacity:0;transform:translate(0);transition:all .3s ease-out}.skillset .skillset-content .role-content{opacity:0;transition:all 1s ease-out}.skillset .skillset-content ul li{margin:10px}.skillset .skillset-content p{margin:32px 16px}.columns.box{border-radius:50px}.section.learn-more{text-align:center}.section.learn-more .learn-more-button{display:inline-block;color:#242424;border-radius:50px;padding:15px 20px;transition:.1s ease-out;font-size:1.5rem;font-weight:600;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.section.learn-more .learn-more-button .icon{min-width:48px;min-height:48px}.section.learn-more .learn-more-button:focus,.section.learn-more .learn-more-button:hover{color:#e45c0e;outline:0;box-shadow:none}@media only screen and (min-width:770px){.skillset-content .column:nth-child(2){border-left:1px solid #f5f5f5;border-right:1px solid #f5f5f5}}@media only screen and (max-width:769px){.companies-info-container{margin:60px 10px!important}.companies-info-container .company-box{margin:0 0 20px!important;min-width:100%}}.company-box{transition:.3s ease-out;background-size:40%;opacity:1;transform:translate(0);background-repeat:no-repeat;background-position:50%;min-height:250px;outline:0!important;border:none!important;box-shadow:none!important;border-radius:50px;padding:5px 4px;will-change:auto;text-align:center;display:table;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.company-box .content{border-radius:50px;padding:10px;vertical-align:middle;display:none}.company-box:focus,.company-box:hover{background-size:300%!important}.company-box:focus .content,.company-box:hover .content{display:table-cell;border-radius:50px}.companies-info-container{margin:60px 48px}.companies-info-container .subtitle{margin:100px 0 0!important;display:block;opacity:1;transform:translate(0);transition:all .3s ease-out}.companies-info-container hr{opacity:1;transform:translate(0);transition:all .3s ease-out;background:#292929;height:10px;width:10%;margin:40px auto 60px}</style></head><body><nav aria-label="main navigation" class="navbar" role="navigation"><div class="navbar-brand"><a class="burger navbar-burger" aria-label="menu" role="button" aria-expanded="false" data-target="navigation-menu"><span aria-hidden="true"></span><span aria-hidden="true"></span><span aria-hidden="true"></span></a></div><div class="navbar-menu" id="navigation-menu"><div class="navbar-end"><div class="navbar-item"><div class="buttons"><a class="button is-light active" href="/">Home</a><a class="button is-light" href="/about">About</a><a class="button is-light" href="/works">Works</a><a class="button is-light" href="/blogs">Blogs</a></div></div></div></div></nav><section class="has-text-centered hero is-medium"><div class="hero-body"><div class="container"><div class="columns"><div class="column is-8-desktop is-offset-2-desktop"><div class="avatar"><img alt="James Kenneth Profile" src="assets/images/hero.jpg"><div class="newlogic-badge"><img alt="Newlogic Logo - James Kenneth current Employer" src="assets/images/companies/mini-newlogic.png"></div></div><strong class="subtitle is-2 greetings is-spaced">Hi! I'm<strong class="has-text-weight-black">James Kenneth,</strong>nice to meet you</strong><p class="subtitle is-4">I am a passionate Software engineer who enjoys building fast and high quality web applications</p></div></div></div></div></section><section class="has-text-white about has-background-primary section" id="about-box"><div class="container"><div class="has-text-centered has-text-white is-2 subtitle"><b>Software Engineer since 2011</b></div><div class="columns is-centered"><div class="column is-three-fifths"><p class="has-text-centered">Experienced Software engineer with demonstrated history of working in the information technology and services industry. Skilled in javascript/Typescript, HTML5/CSS3, Java and other web technologies. Strong engineering professional with a Bachelor's degree focused in Information Technology from<strong class="has-text-white">Cebu, Philippines.</strong></p></div></div></div></section><main class="section has-background-white-ter skillset"><div class="container skillset-content"><div class="columns is-centered"><div class="column has-text-centered"><div class="columns box"><div class="column"><div class="role-icon" style="background-image:url(/assets/images/frontend.svg)" aria-hidden="true"></div><strong class="has-text-weight-bold is-5 role-label title">Frontend</strong><div class="role-content"><p>I mostly build Front-end applications using modern UI frameworks which help speed up development while maintaining high quality codes.</p><strong class="margin-10 has-text-primary has-text-weight-semibold">Languages I speak:</strong><p>Javascript/Typescript, HTML5/CSS3</p><strong class="margin-10 has-text-primary has-text-weight-semibold">Tools I use:</strong><ul><li>Angular/Vue/React</li><li>Ionic Framework/React Native</li><li>Vuetify/Bulma/Bootstrap</li><li>SCSS/Tailwind CSS/BEM convention</li><li>Firebase/Amplify</li><li>npm/yarn</li><li>indexDB</li><li>storybook</li><li>Redux/NGRX/Vuex/XState</li><li>gulp/webpack</li></ul></div></div><div class="column"><div class="role-icon" style="background-image:url(/assets/images/sweng.svg)" aria-hidden="true"></div><strong class="has-text-weight-bold is-5 role-label title">Software Engineering</strong><div class="role-content"><p>It is important for me to understand software engineering fundamentals when building fast and high quality applications.</p><strong class="margin-10 has-text-primary has-text-weight-semibold">Knowledges and Principles I follow:</strong><ul><li>Algorithm & Datastructure</li><li>Design Patterns</li><li>SOLID Principle</li><li>Clean code</li><li>REST API</li><li>Microservice Architecture</li><li>Distributed Systems</li><li>Web security</li><li>oAuth/openID</li><li>UI/UX Design</li><li>Web Accessability</li></ul></div></div><div class="column"><div class="role-icon" style="background-image:url(/assets/images/backend.svg)" aria-hidden="true"></div><strong class="has-text-weight-bold is-5 role-label title">Backend</strong><div class="role-content"><p>I mainly use Node-based framework when building web services however I also use PHP, Go and Java frameworks when building for specific requirements.</p><strong class="margin-10 has-text-primary has-text-weight-semibold">Languages I speak:</strong><p>Javascript, Java, PHP, Go</p><strong class="margin-10 has-text-primary has-text-weight-semibold">Tools I use:</strong><ul><li>Node/Express</li><li>Spring/Springboot</li><li>Laravel/lumen</li><li>AWS/GCP</li><li>WebSocket</li><li>Swagger/OpenAPI</li><li>Docker/Kubernetes</li><li>MySQL/Postgre/MongoDB</li></ul></div></div></div></div></div><div class="container companies-info-container"><strong class="has-text-centered is-2 subtitle">Companies or Products that I have worked before</strong><hr><div class="columns is-centered" style="margin-bottom:25px"><a class="column box company-box is-one-third lazyload margin-10" href="https://newlogic.io" aria-label="Newlogic Pte Ltd link button" role="link" rel="noreferrer" target="_blank" data-bg="/assets/images/companies/newlogic.png" style="background-color:#ffc233;background-size:40%"><div class="content" style="background-color:#ffc233;color:#000"><b>Newlogic Pte Ltd</b><br><br><p>Newlogic is a software consultancy company headquartered in Singapore with offices throughout Southeast Asia.</p><br>Currently working as a full-time<b>Software Developer</b></div></a><a class="column box company-box is-one-third lazyload margin-10" href="https://www.zenventory.com" aria-label="Zenventory link button" role="link" rel="noreferrer" target="_blank" data-bg="/assets/images/companies/zenventory.svg" style="background-color:#f36e44;background-size:35%"><div class="content" style="background-color:#f36e44;color:#fff"><b>Zenventory</b><br><br><p>Inventory Management Software for eCommerce Retailers, 3PLs, and Small Businesses.</p><br>Worked as an offshore<b>Full Stack Software Engineer</b></div></a><a class="column box company-box is-one-third lazyload margin-10" href="https://www.lexmark.com" aria-label="Lexmark International, Inc. link button" role="link" rel="noreferrer" target="_blank" data-bg="/assets/images/companies/lexmark.svg" style="background-color:#fff;background-size:45%"><div class="content" style="background-color:#fff;color:#000"><b>Lexmark International, Inc.</b><br><br><p>Provider of printing and imaging products, software, solutions and services that help customers save time and money.</p><br>Worked as a full-time<b>Software Engineer</b></div></a></div><div class="columns is-centered" style="margin-bottom:25px"><a class="column box company-box is-one-third lazyload margin-10" href="http://hakoot.ph" aria-label="Hakoot link button" role="link" rel="noreferrer" target="_blank" data-bg="/assets/images/companies/hakoot.svg" style="background-color:#66ae5a;background-size:45%"><div class="content" style="background-color:#66ae5a;color:#fff"><b>Hakoot</b><br><br><p>Is a FREE app for easy garbage segregation and collection.</p><br>Worked as a part-time<b>Software Engineer</b></div></a><a class="column box company-box is-one-third lazyload margin-10" href="https://seriousdevtech.com" aria-label="Serious Dev Technology link button" role="link" rel="noreferrer" target="_blank" data-bg="/assets/images/companies/seriousdev.png" style="background-color:#fff;background-size:55%"><div class="content" style="background-color:#fff;color:#000"><b>Serious Dev Technology</b><br><br><p>A startup company that provides cost effective ERP solutions to small and medium size companies.</p><br>Co-Founded and worked as a full-time<b>Lead Software Engineer</b></div></a><a class="column box company-box is-one-third lazyload margin-10" href="https://www.ncr.com" aria-label="NCR Corporation link button" role="link" rel="noreferrer" target="_blank" data-bg="/assets/images/companies/ncr.png" style="background-color:#54bc4c;background-size:45%"><div class="content" style="background-color:#54bc4c;color:#fff"><b>NCR Corporation</b><br><br><p>Is the world's leading enterprise technology provider of software, hardware and services for banks, retailers, restaurants, small business and telecom.</p><br>Worked as a full-time<b>Software Engineer</b></div></a></div></div></div></main><section class="section has-background-white learn-more"><a class="learn-more-button" href="/about#experience" aria-label="To learn about my experience" role="button">Click here to learn more about my work experience<span class="icon is-large"><i class="fa fa-external-link"></i></span></a></section><footer class="has-text-centered has-text-white footer has-background-black-ter"><div class="container"><p class="contact-list"><label class="has-text-white is-4 title" for="contact-links">I can be reach through my social media accounts or email</label></p><ul class="contact-links" id="contact-links"><li><a class="button contact github" href="https://github.com/jkguidaven" aria-label="My Github account" role="link" rel="noreferrer" target="_blank"><span class="icon is-large"><i class="fa fa-1x fa-github"></i></span></a></li><li><a class="button contact facebook" href="https://www.facebook.com/jameskenneth.guidaven" aria-label="My Facebook account" role="link" rel="noreferrer" target="_blank"><span class="icon is-large"><i class="fa fa-facebook"></i></span></a></li><li><a class="button contact linkedin" href="https://ph.linkedin.com/in/james-kenneth-guidaven-4b6699148" aria-label="My LinkedIn account" role="link" rel="noreferrer" target="_blank"><span class="icon is-large"><i class="fa fa-linkedin"></i></span></a></li><li><a class="button contact instagram" href="https://www.instagram.com/frazen001" aria-label="My instagram account" role="link" rel="noreferrer" target="_blank"><span class="icon is-large"><i class="fa fa-instagram"></i></span></a></li><li><a class="button contact gmail" href="mailto:[email protected]" aria-label="My gmail account" role="link" rel="noreferrer" target="_blank"><span class="icon is-large"><i class="fa fa-envelope"></i></span></a></li></ul><p></p><div class="columns"><div class="column is-8-desktop is-offset-2-desktop"><p><strong class="has-text-weight-semibold has-text-white-ter">Built by James Kenneth Guidaven</strong></p><p style="margin-top:1rem">Using<a class="has-text-white has-text-weight-bold" href="https://bulma.io">Bulma</a></p></div></div></div></footer><script src="https://www.gstatic.com/firebasejs/7.14.4/firebase-app.js"></script><script src="https://www.gstatic.com/firebasejs/7.14.4/firebase-analytics.js"></script><script src="https://www.gstatic.com/firebasejs/7.14.4/firebase-performance.js"></script></body><script>firebase.initializeApp({apiKey:"AIzaSyDZTo-qEgC_Dj7Yxa5vvyTD5u61mSA2zI0",authDomain:"jkguidaven-github-io.firebaseapp.com",databaseURL:"https://jkguidaven-github-io.firebaseio.com",projectId:"jkguidaven-github-io",storageBucket:"jkguidaven-github-io.appspot.com",messagingSenderId:"853423073908",appId:"1:853423073908:web:b67ff5e39039201b74ff21",measurementId:"G-8GBVEEWY94"}),firebase.analytics(),firebase.performance()</script></html>