-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
100 lines (94 loc) · 6.18 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Yashvardhan Gupta | 21-year-old Developer, Programmer, Designer, Guitarist; A motivated, innovative colleague and leader with a strong will to learn, develop, and acquire new skills.">
<meta name="theme-color" content="#8D24DF"/>
<link rel="icon" href="/assets/images/Home-Purple.svg" type="image/svg+xml">
<link rel="stylesheet" media="screen and (min-width: 768px)" href="/css/style.css">
<link rel="stylesheet" media="screen and (max-width: 768px)" href='css/phone.css' />
<script>document.addEventListener("DOMContentLoaded", function() {
var homeSocialLinks = document.querySelectorAll("#home_social a");
homeSocialLinks.forEach(function(link) {
link.setAttribute("target", "_blank");
});
});
</script>
<script src="/js/mode.js"></script>
<title>Home</title>
</head>
<body style="background-image: url(/assets/images/BG-Home-min.webp); background-size: cover;">
<div class="home-page">
<!-- navbar -->
<div class = "navbar">
<ul>
<li id="active"><a href="index.html" title="Home | Press Key 1"><img src="/assets/images/Home-Purple.svg" id="home" alt="Yashvardhan Gupta | Home Logo"></a></li>
<li><a href="/html/project.html" title="Projects | Press Key 2"><img src="/assets/images/Projects.svg" id = "projects" alt="Yashvardhan Gupta | Project Logo"></a></li>
<li><a href="/html/blog.html" title="Blog | Press Key 3"><img src="/assets/images/Blog.svg" id = "blog" alt="Yashvardhan Gupta | Blog Logo"></a></li>
<li><a href="/html/contact.html" title="Connect | Press Key 4"><img src="/assets/images/Connect.svg" id = "connect" alt="Yashvardhan Gupta | Contact Logo"></a></li>
</ul>
</div>
<!-- home left -->
<div class = "home_left">
<img src = "/assets/images/DP.webp" id = "DP" alt="Yashvardhan Gupta | Self Image" style="border-radius: 100%;">
<div class="home_tagline" id="home_tagline">
<img id = "tagline_logo" src="/assets/images/Logo-BH.jpeg" alt="Baker Hughes Logo">
<p>DT Intern'24 @ <a href="/html/blog.html#baker_hughes" style="text-decoration: none;">Baker Hughes</a></p>
</div>
<div class="home_tagline" id="home_tagline">
<img id = "tagline_logo" src="/assets/images/Icon-CCPS.svg" alt="VIT Logo" style="scale: 1.1;">
<p>B.Tech - CSE @ <a href="/html/blog.html#vit" style="text-decoration: none;">VIT Chennai</a></p>
</div>
<div class = "home_social" id = "home_social">
<ul>
<li><a href="https://www.linkedin.com/in/yashvardhang11/" title="LinkedIn"><img src="/assets/images/LinkedIn.png" alt="Yashvardhan Gupta | LinkedIn Logo" id="LinkedIn"></a></li>
<li><a href="https://github.com/YashvardhanG" title="GitHub"><img src="/assets/images/GitHub.png" alt="Yashvardhan Gupta | GitHub Logo" id="GitHub"></a></li>
<li><a href="https://dribbble.com/yashvardhang" title="Dribbble"><img src="/assets/images/Dribbble.png" alt="Yashvardhan Gupta | Dribbble Logo" id="Dribbble"></a></li>
<li><a href = "/resume.html" title="CV | Resume"><img src="/assets/images/CV.svg" alt="Yashvardhan Gupta | Resume Logo" id="resume"></a></li>
</ul>
</div>
</div>
<!-- home right -->
<div class="home_right">
<div class="toggle" id="top_right">
<input type="checkbox" id="toggle" class="toggle--checkbox" onclick="change()"/>
<label for="toggle" class="toggle--label" title="Toggle | Press Key t">
<span class="toggle--label-background"></span>
</label>
</div>
<h2>Hey There!👋</h2>
<h1>I'm<strong id="name"> Yashvardhan Gupta</strong><sup id="pronouns"> (He/Him)</sup></h1>
<p>I’m a <span id="age"></span>-year-old Developer, Programmer, Designer, Guitarist; A motivated, innovative colleague and leader with a strong will to learn, develop, and acquire new skills.
<br><br>
Currently involved in numerous projects including, Artificial Intelligence and Machine Learning, Application and Web Development, Internet of Things (IoT), Hardware Projects, Graphic Designing and much more. I'd love it if you could head on to the <a href="/html/project.html">projects page</a>, take a look at the various projects I've been working on and, share your reviews with me!
<br><br>
I'm experienced in various programming languages - Python, C, C++, Java, JavaScript, HTML, CSS, MATLAB, R, Dart, LaTex, SQL and more. I’m passionate about computer sciences and always eager to collaborate on new projects, so free to <a href="/html/contact.html">connect</a> with me.
</p>
<script>
var dob = new Date("07/11/2002");
var month_diff = Date.now() - dob.getTime();
var age_dt = new Date(month_diff);
var year = age_dt.getUTCFullYear();
var age = Math.abs(year - 1970);
document.getElementById("age").innerHTML = age;
</script>
</div>
</div>
<!-- helpbox -->
<div class="helpbox" id="helpbox">
<div class="helpbox_content" id="helpbox_content">
<h1>Keyboard Combos <b id="heading_bold">/</b></h1>
<p>Navigate the Menu-NavBar<br><b>1</b><b>2</b><b>3</b><b>4</b><br><br>Toggle Light/Dark Mode<br><b>t</b><br><br>Go Back/Next (Projects & Blog)<br><b>⬅</b><b>➡</b><br><br>Scroll Up/Down (Projects & Blog)<br><b>⬆</b><b>⬇</b></p>
</div>
</div>
<!-- popup -->
<div class="popup" id="popup">
<div class="popup_content" id="popup_content">
<h1>👀 Pssst</h1>
<p>Press the <b>/</b> Forward slash key</p>
</div>
</div>
</body>
</html>