-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
54 lines (47 loc) · 16.1 KB
/
index.html
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
47
48
49
50
51
52
53
54
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>Jatin Tiwari - UI Engineer</title>
<link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta title="title"
content="jatintiwari, jatin, tiwari, full stack developer, angularjs, freelancer, javscript, nodejs, backbonejs, beer, flipkart, furlenco, atlassian" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="manifest" href="/site.webmanifest" />
<link rel="icon" type="image/png" href="/favicon.png" />
<meta property="og:site_name" content="Engineer - Jatin Tiwari">
<meta property="og:title" content="Engineer - Jatin Tiwari" />
<meta property="og:description" content="With 10+ years of experience in front-end development, I have had the privilege to work with
small to very large-scale e-commerce companies. Expert
in Web and App development with advanced knowledge in Javascript." />
<meta property="og:image" itemprop="image" content="https://www.jatintiwari.com/dist/images/jt.JPG">
<script>
const isDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
const initMode = isDarkMode ? 'dark' : 'light';
document.documentElement.classList.add(initMode);
</script>
<style>
.dark body{background-color:#34435e;color:#f9f4f5}.dark #jatintiwari #app .border-dark{border-color:#f9f4f5}.dark #jatintiwari #app a{color:#ffb100}.dark #jatintiwari #app a.cta:hover{color:#0a74bb}.dark #jatintiwari #app .moon{visibility:hidden}.dark #jatintiwari #app .mark{background-image:linear-gradient(to right, rgba(102,255,0,0.1), rgba(102,255,0,0.7) 4%, rgba(102,255,0,0.3))}.light #jatintiwari #app .bg-blue{background-color:#f9f4f5}.light #jatintiwari #app .border-dark{border-color:#34435e}.light #jatintiwari #app .sun{visibility:hidden}html,body{position:relative;margin:0}body{font-family:'Open Sans', sans-serif;color:#34435e;letter-spacing:0.05em;background-color:#f9f4f5;position:relative;font-weight:300;transition:0.1s linear background-color}input,button,select,textarea{font-family:inherit;font-size:inherit;-webkit-padding:0.4em 0;padding:0.4em;margin:0 0 0.5em 0;box-sizing:border-box;border:1px solid #ccc;border-radius:2px}#jatintiwari{display:flex;justify-content:center;align-items:center;height:100%}#jatintiwari #app{width:35vw;position:relative}#jatintiwari a{text-decoration:none;color:#0a74bb}#jatintiwari a.cta{transition:0.1s linear color;text-decoration:none;display:inline-block;margin:0 5px;text-align:center}#jatintiwari a.cta:hover{color:#ffb100}#jatintiwari p{margin-bottom:0}#jatintiwari .text-center{text-align:center}#jatintiwari .text-bold{font-weight:bold}#jatintiwari .text-small{font-size:12px}#jatintiwari .text-italic{font-style:italic}#jatintiwari .highlight{font-weight:400;color:#fe654f}#jatintiwari .mark{margin:0 -0.4em;padding:0.1em 0.4em;border-radius:0.8em 0.3em;background:transparent;background-image:linear-gradient(to right, rgba(255,225,0,0.1), rgba(255,225,0,0.7) 4%, rgba(255,225,0,0.3));-webkit-box-decoration-break:clone;box-decoration-break:clone}#jatintiwari .company-logo-container{display:inline-block;vertical-align:middle}#jatintiwari .company-logo-container .logo{width:30px}#jatintiwari .section .container{padding:1em;vertical-align:top;align-self:baseline}#jatintiwari .honey-yellow{color:#ffb100}#jatintiwari .tomato{color:#fe654f}#jatintiwari .white{color:#f9f4f5}#jatintiwari .bg-blue{background-color:#34435e;transition:0.1s linear background-color}@media (min-width: 768px) and (max-width: 1024px){#jatintiwari #app{width:80vw}}@media (max-width: 767px){#jatintiwari{padding:1em;display:block;height:auto}#jatintiwari #app{width:100%;padding:0;box-shadow:none;background:inherit}#jatintiwari #app .contacts-container{font-size:12px;background:#f9f4f5;padding-bottom:0}#jatintiwari #app .hidden-mobile{display:none}}@media (min-width: 320px) and (max-width: 480px){#jatintiwari #app{width:100%}#jatintiwari #app .introduction{font-size:16px;text-align:left}}main.svelte-blhg4c{padding:1em;margin:0 auto}@media (min-width: 640px){main.svelte-blhg4c{max-width:none}}.sticky-bottom.svelte-1fcn81m{position:sticky;bottom:0px;border-top:1px solid}.contacts.svelte-1fcn81m{display:flex;justify-content:space-between}@media (max-width: 767px){.contacts.svelte-1fcn81m{font-size:0.8em}}.theme-container.svelte-1derer7.svelte-1derer7{position:absolute;right:5%}.theme-container.svelte-1derer7 .theme-button.svelte-1derer7{font-size:32px;cursor:pointer;user-select:none;transition:0.1s linear visibility;position:absolute}@media (max-width: 767px){.theme-container.svelte-1derer7.svelte-1derer7{visibility:hidden}}.introduction.svelte-1o3onme.svelte-1o3onme{font-size:18px}.introduction.svelte-1o3onme .about-me.svelte-1o3onme{display:flex;align-items:center}.introduction.svelte-1o3onme .about-me .hello-hand.svelte-1o3onme{padding-right:0.2em;font-size:4em}.introduction.svelte-1o3onme .hello-text.svelte-1o3onme{font-size:24px}@media (max-width: 767px){.introduction.svelte-1o3onme .about-me .hello-hand.svelte-1o3onme{padding-right:0.2em;font-size:2em}}
</style>
</head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-148896904-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-148896904-1');
</script>
<body>
<div id="jatintiwari"></div>
<script>var app=function(){"use strict";function t(){}function e(t){return t()}function n(){return Object.create(null)}function o(t){t.forEach(e)}function a(t){return"function"==typeof t}function s(t,e){return t!=t?e==e:t!==e||t&&"object"==typeof t||"function"==typeof t}function r(t,e){t.appendChild(e)}function i(t,e,n){t.insertBefore(e,n||null)}function c(t){t.parentNode.removeChild(t)}function l(t){return document.createElement(t)}function u(t){return document.createTextNode(t)}function d(){return u(" ")}function p(t,e,n,o){return t.addEventListener(e,n,o),()=>t.removeEventListener(e,n,o)}function h(t,e,n){null==n?t.removeAttribute(e):t.getAttribute(e)!==n&&t.setAttribute(e,n)}let m;function f(t){m=t}function g(t){(function(){if(!m)throw new Error("Function called outside component initialization");return m})().$$.on_mount.push(t)}const $=[],w=[],b=[],v=[],y=Promise.resolve();let k=!1;function x(t){b.push(t)}const I=new Set;let _=0;function E(){const t=m;do{for(;_<$.length;){const t=$[_];_++,f(t),S(t.$$)}for(f(null),$.length=0,_=0;w.length;)w.pop()();for(let t=0;t<b.length;t+=1){const e=b[t];I.has(e)||(I.add(e),e())}b.length=0}while($.length);for(;v.length;)v.pop()();k=!1,I.clear(),f(t)}function S(t){if(null!==t.fragment){t.update(),o(t.before_update);const e=t.dirty;t.dirty=[-1],t.fragment&&t.fragment.p(t.ctx,e),t.after_update.forEach(x)}}const M=new Set;let N;function C(t,e){t&&t.i&&(M.delete(t),t.i(e))}function j(t,e,n,o){if(t&&t.o){if(M.has(t))return;M.add(t),N.c.push((()=>{M.delete(t),o&&(n&&t.d(1),o())})),t.o(e)}else o&&o()}function F(t){t&&t.c()}function J(t,n,s,r){const{fragment:i,on_mount:c,on_destroy:l,after_update:u}=t.$$;i&&i.m(n,s),r||x((()=>{const n=c.map(e).filter(a);l?l.push(...n):o(n),t.$$.on_mount=[]})),u.forEach(x)}function T(t,e){const n=t.$$;null!==n.fragment&&(o(n.on_destroy),n.fragment&&n.fragment.d(e),n.on_destroy=n.fragment=null,n.ctx=[])}function A(t,e){-1===t.$$.dirty[0]&&($.push(t),k||(k=!0,y.then(E)),t.$$.dirty.fill(0)),t.$$.dirty[e/31|0]|=1<<e%31}function L(e,a,s,r,i,l,u,d=[-1]){const p=m;f(e);const h=e.$$={fragment:null,ctx:null,props:l,update:t,not_equal:i,bound:n(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(a.context||(p?p.$$.context:[])),callbacks:n(),dirty:d,skip_bound:!1,root:a.target||p.$$.root};u&&u(h.root);let g=!1;if(h.ctx=s?s(e,a.props||{},((t,n,...o)=>{const a=o.length?o[0]:n;return h.ctx&&i(h.ctx[t],h.ctx[t]=a)&&(!h.skip_bound&&h.bound[t]&&h.bound[t](a),g&&A(e,t)),n})):[],h.update(),g=!0,o(h.before_update),h.fragment=!!r&&r(h.ctx),a.target){if(a.hydrate){const t=function(t){return Array.from(t.childNodes)}(a.target);h.fragment&&h.fragment.l(t),t.forEach(c)}else h.fragment&&h.fragment.c();a.intro&&C(e.$$.fragment),J(e,a.target,a.anchor,a.customElement),E()}f(p)}class D{$destroy(){T(this,1),this.$destroy=t}$on(t,e){const n=this.$$.callbacks[t]||(this.$$.callbacks[t]=[]);return n.push(e),()=>{const t=n.indexOf(e);-1!==t&&n.splice(t,1)}}$set(t){var e;this.$$set&&(e=t,0!==Object.keys(e).length)&&(this.$$.skip_bound=!0,this.$$set(t),this.$$.skip_bound=!1)}}function q(e){let n,o,a,s,p,m,f,g,$,w,b,v,y,k,x,I,_,E,S,M;return{c(){n=l("div"),o=l("div"),a=l("div"),s=l("span"),s.textContent="👋",p=d(),m=l("span"),f=l("span"),g=l("span"),g.textContent=`Hello! I am ${H}`,$=d(),w=l("br"),b=d(),v=l("span"),y=l("span"),y.textContent=`${P}`,k=u(",\n "),x=l("a"),I=u(O),_=u(","),E=d(),S=u(B),M=u("."),h(s,"class","hello-hand svelte-1o3onme"),h(g,"class","hello-text svelte-1o3onme"),h(x,"class","cta"),h(x,"target","_blank"),h(x,"href",R),h(a,"class","about-me svelte-1o3onme"),h(o,"class","introduction svelte-1o3onme"),h(n,"class","section")},m(t,e){i(t,n,e),r(n,o),r(o,a),r(a,s),r(a,p),r(a,m),r(m,f),r(f,g),r(m,$),r(m,w),r(m,b),r(m,v),r(v,y),r(v,k),r(v,x),r(x,I),r(v,_),r(m,E),r(m,S),r(m,M)},p:t,i:t,o:t,d(t){t&&c(n)}}}const H="Jatin Tiwari",P="Sr Staff Software Engineer",O="ServiceNow",R="https://www.google.com/search?q=servicenow";let B="India";class Y extends D{constructor(t){super(),L(this,t,null,q,s,{})}}function W(e){let n;return{c(){n=l("section"),n.innerHTML='<section class="container"><p class="mark">I have an insatiable curiosity and a passion for learning.</p> \n <p>Currently, I am tinkering with ESP32 and have successfully automated several peripherals in my home. My love\n for dogs is endless, and I take pleasure in training them whenever I can. Cooking is another hobby of mine,\n which I have mastered through YouTube videos.</p> \n <p>I am also avidly looking out for building projects on <span class="highlight">Raspberry Pi</span>.</p> \n <p>For my daily cardio routine, I enjoy listening podcasts on a variety of topics. During weekends, I take a\n break from work and play video games to unwind and relax. My interests are varied, and I am always seeking\n out new opportunities to expand my knowledge and skills.</p> \n <p class="text-center">I will be happy to connect for new opportunities or consultation✌🏽</p></section>',h(n,"class","section passion-container")},m(t,e){i(t,n,e)},p:t,i:t,o:t,d(t){t&&c(n)}}}class z extends D{constructor(t){super(),L(this,t,null,W,s,{})}}function K(e){let n,o,a,s,u,p,m,f,g;return{c(){n=l("section"),o=l("section"),a=l("p"),a.textContent=`With over ${e[0]} years of experience in front-end development, I have had the privilege to work with\n small to very large-scale e-commerce companies for approximately ${e[0]-1} years. My expertise lies\n in Web and App development with advanced knowledge in Javascript.`,s=d(),u=l("p"),u.innerHTML='During my tenure at<a class="cta" href="https://en.wikipedia.org/wiki/Furlenco" target="_blank">Furlenco</a>, I started working with <span class="highlight">React JS</span>, which quickly became my favorite\n framework. I have prior experience with <span class="highlight">Angular JS</span> and\n <span class="highlight">Backbone JS</span>\n as well.',p=d(),m=l("p"),m.innerHTML='In addition to my proficiency in Javascript, I am enthusiastic about <span class="highlight">Puppeteer JS</span>\n and can quickly build a scalable API in <span class="highlight">NodeJS</span>. During my time at\n <a class="cta" href="https://en.wikipedia.org/wiki/Flipkart" target="_blank">Flipkart</a>, I created a\n Visual Regression tool that automated the process of taking screenshots of all the app workflows and\n comparing them to baseline checkpoint images. This tool eliminated manual testing and improved the\n efficiency of the testing process.',f=d(),g=l("p"),g.innerHTML='I ❤️ building apps from scratch and scaling them to serve millions of customers. I believe\n that technology should be used on a need basis and that it takes time to build high-quality apps. I have\n helped several friends kickstart their startup dreams by building native apps using <span class="highlight">Flutter</span>\n and <span class="highlight">React Native</span>.',h(o,"class","container"),h(n,"class","section")},m(t,e){i(t,n,e),r(n,o),r(o,a),r(o,s),r(o,u),r(o,p),r(o,m),r(o,f),r(o,g)},p:t,i:t,o:t,d(t){t&&c(n)}}}function V(t){const e=new Date,n=new Date("July 21, 2014");return[e.getFullYear()-n.getFullYear()-(e.getMonth()>n.getMonth()?0:1)]}class G extends D{constructor(t){super(),L(this,t,V,K,s,{})}}function Q(t,e,n){const o=t.slice();return o[3]=e[n],o}function U(t){let e,n,o=t[2],a=[];for(let e=0;e<o.length;e+=1)a[e]=X(Q(t,o,e));return{c(){e=l("div"),n=l("div");for(let t=0;t<a.length;t+=1)a[t].c();h(n,"class","container contacts bg-blue svelte-1fcn81m"),h(e,"class","section sticky-bottom border-dark svelte-1fcn81m")},m(t,o){i(t,e,o),r(e,n);for(let t=0;t<a.length;t+=1)a[t].m(n,null)},p(t,e){if(6&e){let s;for(o=t[2],s=0;s<o.length;s+=1){const r=Q(t,o,s);a[s]?a[s].p(r,e):(a[s]=X(r),a[s].c(),a[s].m(n,null))}for(;s<a.length;s+=1)a[s].d(1);a.length=o.length}},d(t){t&&c(e),function(t,e){for(let n=0;n<t.length;n+=1)t[n]&&t[n].d(e)}(a,t)}}}function X(e){let n,o,a,s,p,m=e[3]+"";return{c(){n=l("span"),o=l("a"),a=u(m),p=d(),h(o,"class","cta"),h(o,"target","_blank"),h(o,"href",s=e[1][e[3]])},m(t,e){i(t,n,e),r(n,o),r(o,a),r(n,p)},p:t,d(t){t&&c(n)}}}function Z(e){let n,o=e[0]&&U(e);return{c(){o&&o.c(),n=u("")},m(t,e){o&&o.m(t,e),i(t,n,e)},p(t,[e]){t[0]?o?o.p(t,e):(o=U(t),o.c(),o.m(n.parentNode,n)):o&&(o.d(1),o=null)},i:t,o:t,d(t){o&&o.d(t),t&&c(n)}}}function tt(t,e,n){let o;const a={LINKEDIN:"https://www.linkedin.com/in/jatin-tiwari-3783aa50/",EMAIL:"mailto:[email protected]"},s=Object.keys(a);return setTimeout((()=>{n(0,o=!0)}),100),n(0,o=!1),[o,a,s]}class et extends D{constructor(t){super(),L(this,t,tt,Z,s,{})}}function nt(e){let n,a,s,u,m,f;return{c(){n=l("div"),a=l("span"),a.textContent="☀️",s=d(),u=l("span"),u.textContent="🌚",h(a,"class","theme-button sun svelte-1derer7"),h(u,"class","theme-button moon svelte-1derer7"),h(n,"class","theme-container svelte-1derer7")},m(t,o){i(t,n,o),r(n,a),r(n,s),r(n,u),m||(f=[p(a,"click",e[0]),p(u,"click",e[0])],m=!0)},p:t,i:t,o:t,d(t){t&&c(n),m=!1,o(f)}}}const ot="dark",at="light";function st(t){let e;g((()=>{let t=localStorage.getItem("mode");t||(t=e?ot:at),console.log({mode:t}),document.documentElement.className=t,localStorage.setItem("mode",t)}));return e=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches,[()=>{const t=localStorage.getItem("mode")===ot?at:ot;e=t===ot,document.documentElement.className=t,localStorage.setItem("mode",t)}]}class rt extends D{constructor(t){super(),L(this,t,st,nt,s,{})}}function it(e){let n,o,a,s,u,p,m,f,g,$,w;return o=new rt({}),s=new Y({}),p=new G({}),f=new z({}),$=new et({}),{c(){n=l("main"),F(o.$$.fragment),a=d(),F(s.$$.fragment),u=d(),F(p.$$.fragment),m=d(),F(f.$$.fragment),g=d(),F($.$$.fragment),h(n,"id","app"),h(n,"class","svelte-blhg4c")},m(t,e){i(t,n,e),J(o,n,null),r(n,a),J(s,n,null),r(n,u),J(p,n,null),r(n,m),J(f,n,null),r(n,g),J($,n,null),w=!0},p:t,i(t){w||(C(o.$$.fragment,t),C(s.$$.fragment,t),C(p.$$.fragment,t),C(f.$$.fragment,t),C($.$$.fragment,t),w=!0)},o(t){j(o.$$.fragment,t),j(s.$$.fragment,t),j(p.$$.fragment,t),j(f.$$.fragment,t),j($.$$.fragment,t),w=!1},d(t){t&&c(n),T(o),T(s),T(p),T(f),T($)}}}const ct=document.getElementById("jatintiwari");return new class extends D{constructor(t){super(),L(this,t,null,it,s,{})}}({target:ct,props:{}})}();
//# sourceMappingURL=bundle.js.map
</script>
</body>
</html>