-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
169 lines (146 loc) · 8 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
165
166
167
168
169
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap" rel="stylesheet">
<meta charset="UTF-8">
<title>Portfolio</title>
<link rel="stylesheet" href="/styles.css">
</head>
<div class="background">
<div class="background__svg01">
<svg xmlns="http://www.w3.org/2000/svg" width="1000px" height="1000px" viewBox="0 0 1000 1000">
<radialGradient id="color-gradient" cx="418.5665" cy="225.9685" r="499.9326" fx="866.8251" fy="4.6162" gradientTransform="matrix(-0.6935 0.7207 -0.7207 -0.6935 953.1126 355.0528)" gradientUnits="userSpaceOnUse">
<stop offset="0" style="stop-color:#CEC4EF"/>
<stop offset="1" style="stop-color:#CEC4EF; stop-opacity:0"/>
</radialGradient>
<circle class="bg01" cx="500" cy="500" r="500"/>
</svg>
</div>
<div class="background__svg02">
<svg xmlns="http://www.w3.org/2000/svg" width="429.6px" height="429.6px" viewBox="0 0 429.6 429.6">
<radialGradient id="color-gradient-2" cx="2213.9312" cy="-11537.4219" r="214.85" fx="2393.6191" fy="-11419.6494" gradientUnits="userSpaceOnUse">
<stop offset="0" style="stop-color:#CEC4EF"/>
<stop offset="1" style="stop-color:#CEC4EF; stop-opacity:0"/>
</radialGradient>
<path class="bg02" d="M63,63C146.9-21,282.9-21,366.8,62.9s83.8,219.9-0.1,303.8s-219.9,83.9-303.8,0.1S-20.9,146.9,63,63z"/>
</svg>
</div>
</div>
<div class="profile_card">
<h1 class="rubik-h">Neel Verma</h2>
<img src="/profile.jpg" class="avatar-img" >
<p class="rubik-p">Primary Interests:</p>
<h2 class="rubik-h">CP, DSA, mathematics and front-end</h2>
<p class="rubik-p">Based in:</p>
<h2 class="rubik-h">Pune, India</h2>
<div class="icons">
<a href="https://www.linkedin.com/in/neel-verma-141844318/">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M 19.0392 19.0433 H 16.0775 V 14.4025 C 16.0775 13.2958 16.055 11.8717 14.5342 11.8717 C 12.99 11.8717 12.7542 13.0758 12.7542 14.3208 V 19.0433 H 9.7925 V 9.5 H 12.6375 V 10.8008 H 12.6758 C 13.0733 10.0508 14.04 9.25917 15.4842 9.25917 C 18.485 9.25917 19.04 11.2342 19.04 13.805 V 19.0433 H 19.0392 Z M 6.4475 8.19417 C 5.49417 8.19417 4.72833 7.4225 4.72833 6.47333 C 4.72833 5.525 5.495 4.75417 6.4475 4.75417 C 7.3975 4.75417 8.1675 5.525 8.1675 6.47333 C 8.1675 7.4225 7.39667 8.19417 6.4475 8.19417 Z M 7.9325 19.0433 H 4.9625 V 9.5 H 7.9325 V 19.0433 Z M 20.5208 2 H 3.47583 C 2.66 2 2 2.645 2 3.44083 V 20.5592 C 2 21.3558 2.66 22 3.47583 22 H 20.5183 C 21.3333 22 22 21.3558 22 20.5592 V 3.44083 C 22 2.645 21.3333 2 20.5183 2 H 20.5208 Z" fill= "currentColor">
</path>
</svg>
</a>
</div>
<div class="icons">
<a href="https://github.com/neel30115">
<?xml version="1.0"?><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px">
<path d="M10.9,2.1c-4.6,0.5-8.3,4.2-8.8,8.7c-0.5,4.7,2.2,8.9,6.3,10.5C8.7,21.4,9,21.2,9,20.8v-1.6c0,0-0.4,0.1-0.9,0.1 c-1.4,0-2-1.2-2.1-1.9c-0.1-0.4-0.3-0.7-0.6-1C5.1,16.3,5,16.3,5,16.2C5,16,5.3,16,5.4,16c0.6,0,1.1,0.7,1.3,1c0.5,0.8,1.1,1,1.4,1 c0.4,0,0.7-0.1,0.9-0.2c0.1-0.7,0.4-1.4,1-1.8c-2.3-0.5-4-1.8-4-4c0-1.1,0.5-2.2,1.2-3C7.1,8.8,7,8.3,7,7.6C7,7.2,7,6.6,7.3,6 c0,0,1.4,0,2.8,1.3C10.6,7.1,11.3,7,12,7s1.4,0.1,2,0.3C15.3,6,16.8,6,16.8,6C17,6.6,17,7.2,17,7.6c0,0.8-0.1,1.2-0.2,1.4 c0.7,0.8,1.2,1.8,1.2,3c0,2.2-1.7,3.5-4,4c0.6,0.5,1,1.4,1,2.3v2.6c0,0.3,0.3,0.6,0.7,0.5c3.7-1.5,6.3-5.1,6.3-9.3 C22,6.1,16.9,1.4,10.9,2.1z" fill="currentColor"/></svg>
</div>
<div class="icons">
<a href="https://www.hackerrank.com/profile/neelarm_code">
<svg width="24" height="24" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3946_13559)">
<path d="M9.14163 4.41797H6.62831C6.54349 4.41797 6.47433 4.48713 6.47433 4.57195V8.56637H3.76659V4.57326C3.76659 4.48844 3.69743 4.41927 3.6126 4.41927H1.09929C1.01447 4.41927 0.945312 4.48844 0.945312 4.57326V15.3847C0.945312 15.4695 1.01447 15.5386 1.09929 15.5386H3.6126C3.69743 15.5386 3.76659 15.4695 3.76659 15.3847V11.3902H6.4743 3V15.3847C6.47433 15.4695 6.54349 15.5386 6.62831 15.5386H9.14163C9.22645 15.5386 9.29561 15.4695 9.29561 15.3847V4.57326C9.29561 4.48713 9.22645 4.41797 9.14163 4.41797Z" fill="currentColor"></path>
<path d="M18.8461 15.5386H10.8024C10.7176 15.5386 10.6484 15.4695 10.6484 15.3847V4.57195C10.6484 4.48713 10.7176 4.41797 10.8024 4.41797H18.8461C18.9309 4.41797 19 4.4 8713 19 4.57195V15.3834C19 15.4695 18.9309 15.5386 18.8461 15.5386Z" fill="currentColor"></path>
</g>
<defs>
<clipPath id="clip0_3946_13559">
<rect width="18.0546" height="11.1207" fill="white" transform="translate (0.945312 4.41797)"></rect> </clipPath>
</defs>
</svg>
</a>
</div>
<div class="icons">
<a href="https://codeforces.com/profile/neel.arm3o115?csrf_token=5898fd13471140d01507bde87ea39fc7">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="2.86133" y="8.43945" width="4.73035" height="9.46094" rx="1" fill="currentColor"></rect>
<rect x="9.05859" y="4.58984" width="4.73035" height="13.311" rx="1" fill="currentColor"></rect>
<rect x="15.2559" y="9.75977" width="4.73035" height="8.14062" rx="1" fill="currentColor"></rect>
</svg>
</a>
</div>
<div class="profile_bot">
<p class="rubik-p" style="margin: 0%; font-weight: 400;">print("hello world!")</p>
</div>
</div>
<div class="nav_bar">
<div class="nav_button">
<p class="rubik-p" >Home</p>
</div>
<div class="nav_button">
<p class="rubik-p">Portfolio</p>
</div>
<div class="nav_button">
<p class="rubik-p">About Me</p>
</div>
<div class="nav_button">
<p class="rubik-p">Contact</p>
</div>
</div>
<div class="main">
<div style="margin-bottom: 200px;">
<h1 class="rubik-hmain">I'm neel</h1>
<h2 class="rubik-hmain">
A Computer Science student with a passion for coding and creativity.<br>
Skilled in python, DSA, and sketching,<br>
I enjoy solving problems and exploring tech innovations.
</h2>
</div>
<h1 class="rubik-hmain">Projects</h1>
<div>
<div>
<h2 class="rubik-hmain2">Simple Python Calculator</h2>
<div class="code-container" id="codeBlock">
<code>
input_string = input("Enter calculation: ")
if "*" in input_string:
parts = input_string.split("*")
a = parts[0]
b = parts[1]
print(int(a) * int(b))
elif "/" in input_string:
parts = input_string.split("/")
a = parts[0]
b = parts[1]
print(int(a) / int(b))
elif "+" in input_string:
parts = input_string.split("+")
a = parts[0]
b = parts[1]
print(int(a) + int(b))
elif "-" in input_string:
parts = input_string.split("-")
a = parts[0]
b = parts[1]
print(int(a) - int(b))
</code>
</div>
</div>
</div>
<script>
function copyCode() {
const codeBlock = document.getElementById('codeBlock');
const range = document.createRange();
range.selectNode(codeBlock);
window.getSelection().removeAllRanges();
window.getSelection().addRange(range);
document.execCommand('copy');
window.getSelection().removeAllRanges();
alert('Code copied to clipboard!');
}
</script>
</div>
</body>
</html>