-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
164 lines (155 loc) · 7.23 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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Markazi+Text|Open+Sans" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt"
crossorigin="anonymous">
<link rel="stylesheet" href="css/main.css">
<script async src="https://www.googletagmanager.com/gtag/js?id=G-8CMWLPDF0C"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-8CMWLPDF0C');
</script>
<meta property="og:title" content="Mat Varughese Portfolio" />
<meta property="og:image" content="/images/nameincode.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/assets/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/assets/safari-pinned-tab.svg" color="#004784">
<meta name="msapplication-TileColor" content="#ffc40d">
<meta name="theme-color" content="#ffffff">
<title>Mat Varughese</title>
</head>
<body class="blue-border">
<div class="main-block">
<div class="header">
<h1 class="hide-when-small">Mathew Varughese</h1>
<h1 class="show-when-small">Mat Varughese</h1>
</div>
<div class="info">
<div class="quick-about-me">
<p>👋 Hi, I'm Mat! I'm a software engineer at <b>Stripe</b> and a proud <b>Pitt</b> alum.
<p>You can find my (very outdated) resume
<a href="/resume.pdf">here</a>. Feel free to hit me up.</p>
<p>Check out my app, <a href="https://messagememories.app">Message Memories</a>.</p>
</div>
<div class="links">
<!--
<div class="link-icon">
<a href="portfolio.html">
<i class="fas fa-file-code"></i>
<span>Projects</span>
</a>
</div> -->
<div class="link-icon">
<a href="https://twitter.com/varhawk5">
<i class="fab fa-twitter"></i>
<span>Twitter</span>
</a>
</div>
<div class="link-icon">
<a href="https://www.linkedin.com/in/matvarughese/">
<i class="fab fa-linkedin"></i>
<span>LinkedIn</span>
</a>
</div>
<div class="link-icon">
<a href="/resume.pdf">
<i class="far fa-file"></i>
<span>Resume</span>
</a>
</div>
<div class="link-icon">
<a href="https://github.com/varughese">
<i class="fab fa-github"></i>
<span>GitHub</span>
</a>
</div>
<div class="link-icon">
<a href="about.html">
<i class="fas fa-address-card"></i>
<span>About</span>
</a>
</div>
</div>
<div>
<div id="quote-line"></div>
<div id="quote" quote-index="-1" onclick="changeQuote()"></div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin="anonymous"></script>
<script type="text/javascript">
var quotes = [
// Reddit
"\"I cannot remember the books I've read any more that than the meals I have eaten; even so, they have made me\"",
// Reddit
'"Too much of anything becomes its opposite"',
// Friend of mine said this
'"Luck is what happens when preparation meets opportunity"',
// Reddit
'"Success isn\'t about being the best. It\'s about always getting better."',
// 3b1b video
'"Glimpses of ingeniousness are not inexplicable miracles, but rather the residue of experience"',
// Donald Knuth, Mentioned in my Theory of Computation class
'"The psychological profiling of a programmer is the ability to shift levels of abstraction, from low level to high level. To see something in the small and to see something in the large."',
// Read while in my CS 1550 (Operating Systems) class
'"All problems in computer science can be solved by another level of indirection, except for the problem of too many layers of indirection"',
// Answer to all CS questions according to my data structures prof
'"It depends"',
// 8th Grade history class
'"I didn\'t have time to write a short letter, so I wrote a long one instead"',
// Reddit
'"If you want to go fast, go alone. If you want to go far, go together."',
// Someone mentioned this while I was at Stripe
'"Don\'t follow who you admire, follow what they admire"',
// This is quoted a lot at Stripe
'"When art critics get together they talk about Form and Structure and Meaning. When artists get together they talk about where you can buy cheap turpentine."',
// Reddit
'"Most people fail in life not because they aim too high and miss, but because they aim too low and hit."',
// From Alan Kay. Read it in Designing Data Intensive Applications.
'"The Internet was done so well that most people think of it as a natural resource like the Pacific Ocean, rather than something that was man-made. When was the last time a technology with a scale like that was so error-free?"',
// Kevin Kelly, saw it on Twitter
'"Being enthusiastic is worth 25 IQ points"',
// My roomate Bibek showed it to me
'"Perhaps the best term to describe living at the edge of our ability, thriving and flourishing, being challenged but not overwhelmed, is simply “whelmed"',
// @eeke from retool
'"If you want people to do high quality work, you gotta remind them of that everywhere"',
// George Santayana, Excerpt From: Tim Urban. What's Our Problem?.
'“Those who cannot remember the past are condemned to repeat it.”',
// Micheal J Fox, saw on a middle school board in Arizona
'"Gratitude makes optimism sustainable"',
// @ajgray Stripe coworker, I would add context but there are constraints
'"Artistry comes from the constraints of the medium"',
// I think Alistair said this, but its just a proverb
'"Hunger is the best sauce"'
];
function changeQuote() {
var randomIndex = Math.floor(Math.random() * quotes.length);
var $quote = document.getElementById('quote');
var $currentIndex = Number($quote.attributes["quote-index"].value);
while ($currentIndex == randomIndex)
randomIndex = Math.floor(Math.random() * quotes.length);
$quote.innerHTML = quotes[randomIndex];
$quote.setAttribute("quote-index", randomIndex);
}
changeQuote();
</script>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin="anonymous"></script> -->
</body>
</html>