-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
117 lines (106 loc) · 5.9 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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Pragatheeswaran S - Portfolio</title>
<meta name="description" content="Personal portfolio of Pragatheeswaran S">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="/assets/images/favicon.ico">
<meta name="portfolio/config/environment" content="%7B%22modulePrefix%22%3A%22portfolio%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22%2F%22%2C%22locationType%22%3A%22auto%22%2C%22EmberENV%22%3A%7B%22FEATURES%22%3A%7B%7D%2C%22EXTEND_PROTOTYPES%22%3A%7B%22Date%22%3Afalse%7D%2C%22_APPLICATION_TEMPLATE_WRAPPER%22%3Afalse%2C%22_DEFAULT_ASYNC_OBSERVERS%22%3Atrue%2C%22_JQUERY_INTEGRATION%22%3Afalse%2C%22_TEMPLATE_ONLY_GLIMMER_COMPONENTS%22%3Atrue%7D%2C%22APP%22%3A%7B%22name%22%3A%22portfolio%22%2C%22version%22%3A%220.0.0%2B5c7158fd%22%7D%2C%22exportApplicationGlobal%22%3Afalse%7D" />
<!-- EMBER_CLI_FASTBOOT_TITLE -->
<link rel="preload" href="/assets/fonts/roboto/Roboto-Regular.woff2"
as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/assets/fonts/roboto/Roboto-Medium.woff2"
as="font" type="font/woff2" crossorigin>
<link integrity="" rel="stylesheet" href="/assets/vendor-d41d8cd98f00b204e9800998ecf8427e.css">
<link integrity="" rel="stylesheet" href="/assets/portfolio-259242ff030c413a5fba15f22716d229.css">
</head>
<body class="font-body">
<script type="x/boundary" id="fastboot-body-start"></script><div class="flex items-center bg-white border-b border-gray-200 fixed top-0 inset-x-0 py-2 md:py-0 md:h-16">
<nav class="flex flex-wrap items-center w-full max-w-screen-xl mx-auto px-6">
<div class="w-10 h-10 md:w-12 md:h-12 border rounded border-gray-400 flex items-center bg-gray-200">
<a href="/" id="ember3" class="active ember-view text-xl md:text-2xl m-auto font-semibold border-b-2 border-pink-600">PS</a>
</div>
<div class="block ml-auto md:hidden">
<button class="flex items-center px-3 py-2 border rounded border-gray-400">
<svg class="fill-current h-3 w-3" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"/></svg>
</button>
</div>
<div class="w-full ml-auto hidden md:flex md:items-center md:w-auto md:block ">
<div class="text-sm md:flex-grow">
<a href="/" id="ember4" class="active ember-view inline-block text-gray-900 mt-4 md:mt-0 md:ml-16">Home</a>
</div>
<div class="text-sm md:flex-grow">
<a href="/resume" id="ember5" class="ember-view inline-block text-gray-900 mt-4 md:mt-0 md:ml-16">Resume</a>
</div>
<div class="text-sm md:flex-grow">
<a href="/contact" id="ember6" class="ember-view inline-block text-gray-900 mt-4 md:mt-0 md:ml-16">Contact</a>
</div>
</div>
</nav>
</div>
<div class="container flex flex-col mx-auto mt-16">
<div class="flex items-center flex-col md:flex-row md:my-10">
<div class="text-gray-900 px-5 py-10 md:py-0">
<p class="text-3xl md:text-4xl">
Hello, I'm
</p>
<p class="font-semibold text-3xl md:text-5xl">
Pragatheeswaran Sorna Rajan
</p>
<div class="my-2 text-pink-600 text-xl md:text-2xl">
<p>
Senior Front End Developer @
<a class="underline" href="https://www.clark.de/" target="_blank" rel="noopener noreferrer">
CLARK
</a>
</p>
</div>
<div class="my-2 text-pink-600 text-l md:text-xl">
Frankfurt, Germany
</div>
<a href="/assets/pdf/resume.pdf" download="Pragatheeswaran-Resume" class="inline-block mt-5 border border-pink-600 rounded p-2 text-pink-600 hover:bg-pink-600 hover:text-white hover:border-white">
Download Resume
</a>
</div>
<div class="w-full border border-gray-400">
<picture>
<source srcset="assets/images/cover-f09ac845ffb7a47da2fcbaf8befa4157.webp" type="image/webp">
<img src="assets/images/cover-612e1a8eabc67cf10753a6f33c03f325.jpg" alt="cover">
</picture>
</div>
</div>
<div class="flex items-center flex-col-reverse md:flex-row my-10">
<div class="border border-gray-400 items-center mt-10 md:mt-0">
<picture>
<source srcset="assets/images/home-profile-8617d09c78ce72920d5f7aca11fa5053.webp" type="image/webp">
<img src="assets/images/home-profile-d4701ddee8d64a7e963d0721147c1997.jpg" alt="cover">
</picture>
</div>
<div class="w-full px-5 md:pl-24">
<p class="text-gray-700">
I work as a full time frontend engineer where I love to solve complex problems in enterprise software. I have a total work
experience of around
5.7
years working with frontend of which
4.7
years in Ember JS which had made
me excel in the framework. I also have experience working in Backbone JS and a little bit of Python and Ruby on Rails in
the backend side.
</p>
<p class="text-gray-700 mt-2">
I had a wonderful time working at a startup for a year during which i learnt many aspects of building and running a
company by working closely with the founders.
</p>
<p class="text-gray-700 mt-2">
I also have sound knowledge in performance and security aspects of the web applications. I have largely improved the performance of our Helpdesk
software and also implemented some standard web security practices.
</p>
</div>
</div>
</div><script type="x/boundary" id="fastboot-body-end"></script>
<script src="/assets/vendor-a4f8bfc857f5afd41fdad4949ce9cce3.js" integrity="sha256-dCd92VxfoDU6F4VTTWwYS5F83hMUqTuNIHxioZhgL5E= sha512-MDMQpXPyl/xwjRqIEhNMPii6xyL1tLUnqz+dvpk2R5siSD+9iyfBzxFuCbi/9e8z2DQgQ8BJKcwyvJYauPnAhw==" ></script>
<script src="/assets/portfolio-82853c053021f14439a659b9b062bdfd.js" integrity="sha256-AOIjQk9Dl/LzfbvJ9T1cYFnGfrba7lt/iiKrOqO227c= sha512-XfNYCQ4rusBAkR1s1v9gPIwJub7zUTwmOBkhOSHZ8hVrqeBs4q9EXWIjwRGqVfWKcmJ3EwwMlOtTQ/mFUoGnzw==" ></script>
</body>
</html>