-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.htm
87 lines (80 loc) · 4.35 KB
/
index.htm
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
<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Siddharth Mathur</title>
<meta charset="utf-8">
<meta name="description" content="Siddharth Mathur: software engineer, mobile app developer, Linux enthusiast, IoT Novice">
<meta name="keywords" content="Siddharth Mathur, programmer, sysadmin, developer, California, United States, UX, usability, typography, css, html, jQuery, PHP, user experience, user interface, BuySellAds, Contrastly, Linux, IoT, internet of things, smathur, smathur35, sidward35, sidward, Siddharth, Mathur, Bay Area, Silicon Valley, UIUC, Illinois, University of Illinois, UofI, U of I">
<meta name="author" content="Siddharth Mathur">
<meta name="robots" content="index, follow">
<meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width">
<meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1" media="(device-height: 568px)">
<meta name="image" property="og:image" content="https://raw.githubusercontent.com/sidward35/sidward35.github.io/master/preview.png">
<script src="https://unpkg.com/[email protected]/dist/tippy.all.min.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-102698277-1', 'auto');
ga('send', 'pageview');
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<link rel="apple-touch-icon" href="https://i.imgur.com/v96O9oW.png">
<link rel="Shortcut Icon" href="https://i.imgur.com/v96O9oW.png" type="image/png">
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
</head>
<body>
<main class="container">
<section class="content">
<h1 align="center" class="mobile-only">Siddharth Mathur</h1>
<a id="waddup2" href="https://www.smathur.xyz/sid_resume.pdf" title="Learn more about me!" class="waddupyo2">My resume</a>
<a class="waddupyo" id="waddup" style="margin-bottom:2%;" href="https://www.smathur.xyz/sid_resume.pdf" title="Learn more about me!">My resume</a>
<h1 align="center" class="desktop-only">Siddharth Mathur</h1>
<p id="desc" style="margin-top:2.5%;" align="center" class="desktop-only"></p>
<p id="desc2" style="margin-top:2.5%;" align="center" class="desktop-only"></p>
</section>
</main>
<footer align="center">
<a class="resume_button" href="https://github.com/sidward35" target=newtab title="Take a look at my GitHub!"><img src="icon/icon_github-sign.svg" height="50" width="50"></a>
<a class="resume_button" href="https://gitlab.com/sidward35" target=newtab title="Take a look at my GitLab!"><img src="icon/icon_gitlab-sign.svg" height="50" width="50"></a>
<a class="resume_button" href="https://www.linkedin.com/in/m-sid" target=newtab title="Connect with me on LinkedIn!"><img src="icon/icon_linkedin-sign.svg" height="50" width="50"></a>
<a class="resume_button" href="https://www.smathur.xyz/blog" target=newtab title="Check out my side projects!"><img src="icon/icon_angellist-sign.svg" height="50" width="50"></a>
<a class="resume_button" href="mailto:[email protected]" title="Send me an email."><img src="icon/icon_goodreads-sign.svg" height="50" width="50"></a>
</footer>
<script>
tippy('.resume_button', {
animation: 'fade',
placement: 'top',
theme: 'gradient',
interactive: true,
distance: 30
})
tippy('.waddupyo', {
animation: 'fade',
placement: 'top',
theme: 'gradient',
interactive: true
})
tippy('.waddupyo2', {
animation: 'fade',
placement: 'top',
theme: 'gradient',
interactive: true
})
var showText = function (target, message, index, interval) {
if (index < message.length) {
$(target).append(message[index++]);
setTimeout(function () { showText(target, message, index, interval); }, interval);
}
}
$(function () {
showText("#desc", "Software Engineer, Mobile App Developer,", 0, 40);
});
setTimeout(function() {
showText("#desc2", "Linux Enthusiast, IoT Novice", 0, 40);
}, 1975);
</script>
</body>
</html>