-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
125 lines (124 loc) · 12.6 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<link rel="icon" href="/imgs/LogoNew.svg" media="(prefers-color-scheme: dark)">
<link rel="icon" href="/imgs/logoLight.svg" media="(prefers-color-scheme: light)">
<link rel="stylesheet" href="main.css">
<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=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<title>Resume</title>
</head>
<body class="cursor-[url(/cursors/arrow.cur),_default] text-[1.8vh] md:text-[2.5vh] font-Roboto text-black bg-[#ececec] flex flex-row mx-[2vw] my-[4vh] gap-[2vw] dark:bg-[#141414] dark:text-white">
<div class="hidden md:block fixed gap-[1vw] w-[20vw] h-[92vh] py-[3vh] px-[1vw] rounded-[3vw] bg-gradient-to-br from-[#d4d4d4] to-[#fdfdfd] shadow-nm z-20 backdrop-blur dark:bg-dk dark:shadow-nmd">
<picture><source srcset="/imgs/LogoNew.svg" media="(prefers-color-scheme: dark)"><img class="m-auto w-[16vw] h-[16vw] rounded-[100%] transition duration-250 hover:scale-125" src ="/imgs/logoLight.svg" alt = "Profile picture"></picture>
<p class="text-center text-[3vh] transition duration-250 hover:scale-110 my-[2vh]"><b>Redisitic</b></p>
<div>
<p><b>Quick Links:</b></p>
<div class="flex flex-row gap-[1vw]">
<a rel="noopener" class="transition duration-250 hover:scale-110 cursor-[url(/cursors/link.cur),_pointer]" href = "https://github.com/redisitic" target="_blank"><picture><source srcset="/imgs/github-mark-white.svg" media="(prefers-color-scheme: dark)"><img alt="image" src = "/imgs/github-mark.svg" class = "w-[5vw] h-[5vw]"></picture></a>
<a rel="noopener" class="transition duration-250 hover:scale-110 cursor-[url(/cursors/link.cur),_pointer]" href = "https://instagram.com/redisitic" target="_blank"><img alt="image" src = "/imgs/Instagram_logo.svg" class = "w-[5vw] h-[5vw]"></a>
</div>
</div>
<footer class="absolute bottom-[2vh] text-[1.5vh] text-center px-[2vh] p-auto">
© <span class="year"></span> Rhythm Juneja | Created as a Test Site
</footer>
</div>
<div class="md:ml-[23vw] z-20">
<h1 class="text-center font-bold text-[6vh] transition duration-250 hover:scale-105">RESUME</h1>
<div class="text-center transition duration-250 hover:scale-105"><span>RHYTHM JUNEJA</span></div>
<div class="text-center transition duration-250 hover:scale-105"><span>VIKHROLI WEST,MUMBAI <span>|</span> +91 9625645274 <span>|</span> [email protected]</span></div>
<hr class="my-[2vh] mx-[5vw] border-[0.3vh] rounded-3xl border-neutral-600">
<div class="py-[3vh] rounded-[3vw] px-[2vw] transition duration-250 hover:scale-105 hover:z-100 bg-gradient-to-br from-[#d4d4d4] to-[#fdfdfd] shadow-nmb dark:bg-dk dark:shadow-nmdb">
<p class="font-semibold text-[3.5vh]">ABOUT</p>
<p>I completed my secondary education at The Millennium School, Noida, where I gained
foundational knowledge in Python and C++. Furthering my Python skills, I engaged in practical
projects utilizing single board computers like Raspberry Pi, particularly focusing on home
automation. During the lockdown, I delved into 3D modeling and animation using Blender.
Additionally, I undertook courses in C# and Unity to expand my skill set. Currently, I am
pursuing a degree in Computer Engineering at KJSCE and actively contribute as a Creative
Team Member at CSI.
</p>
</div>
<hr class="my-[2vh] mx-[5vw] border-[0.3vh] rounded-3xl border-neutral-600">
<div class="py-[3vh] rounded-[3vw] px-[2vw] transition duration-250 hover:scale-105 bg-gradient-to-br from-[#d4d4d4] to-[#fdfdfd] shadow-nmb dark:bg-dk dark:shadow-nmdb">
<p class="font-semibold text-[3.5vh]">TECHNICAL SKILLS</p>
<p>
<ul>
<li class="hover:list-disc">Experienced in 3D modelling, simulation and rendering software like Blender, AutoCAD and SolidWorks</li>
<li class="hover:list-disc">Experienced in Python, C, C# and Java with knowledge of C++. With projects including Ray Tracer and Library Management System with GUI.</li>
<li class="hover:list-disc">Experience with single board computers in projects for home automation.</li>
<li class="hover:list-disc">Competence in Data Structures and OOP methodology</li>
<li class="hover:list-disc">Experience in Website designing with Figma. </li>
<li class="hover:list-disc">Experienced with scripting and visual design in real-time game software like Unity, Godot, and Unreal Engine.</li>
</ul>
</p>
</div>
<hr class="my-[2vh] mx-[5vw] border-[0.3vh] rounded-3xl border-neutral-600">
<div class="py-[3vh] rounded-[3vw] px-[2vw] transition duration-250 hover:scale-105 bg-gradient-to-br from-[#d4d4d4] to-[#fdfdfd] shadow-nmb dark:bg-dk dark:shadow-nmdb">
<p class="font-semibold text-[3.5vh]">NON-TECHNICAL SKILLS</p>
<p>
<ul>
<li class="hover:list-disc">Experience in 6 MUNs with awards in 3 (High Commendation in 1, 2 Special Mention and 1 Verbal Mention.)</li>
<li class="hover:list-disc">Participant in Preliminary Discovery of an Asteroid in the main belt under IASC Asteroid hunt programme.</li>
</ul>
</p>
</div>
<hr class="my-[2vh] mx-[5vw] border-[0.3vh] rounded-3xl border-neutral-600">
<div class="py-[3vh] rounded-[3vw] px-[2vw] transition duration-250 hover:scale-105 bg-gradient-to-br from-[#d4d4d4] to-[#fdfdfd] shadow-nmb dark:bg-dk dark:shadow-nmdb">
<p class="font-semibold text-[3.5vh]">SHOWCASE</p>
<ul>
<li class="text-[2.8vh] font-semibold">My Github and My Instagram</li>
<li class="flex flex-row gap-[1.25vw]">
<a rel="noopener" class="cursor-[url(/cursors/link.cur),_pointer]" href = "https://github.com/redisitic" target="_blank"><picture><source srcset="/imgs/github-mark-white.svg" media="(prefers-color-scheme: dark)"><img alt="image" src = "/imgs/github-mark.svg" width="64px" height="64px"></picture></a>
<a rel="noopener" class="cursor-[url(/cursors/link.cur),_pointer]" href = "https://instagram.com/redisitic" target="_blank"><img alt="image" src = "/imgs/Instagram_logo.svg" width="64px" height="64px"></a>
</li>
<li class="text-[2.8vh] font-semibold">Some of My Projects</li>
<ul>
<li class="underline hover:list-disc"><a href="https://github.com/redisitic/LibraryManagementSystem">Library Management System with GUI in Java</a></li>
<li class="underline hover:list-disc"><a href="https://github.com/redisitic/Python-RayTracer-MiniProject">Ray Tracer built in Python</a></li>
<li class="underline hover:list-disc"><a href="https://github.com/redisitic/personal-website">This Website</a></li>
</ul>
</ul>
</div>
<hr class="my-[2vh] mx-[5vw] border-[0.3vh] rounded-3xl border-neutral-600">
<div class="py-[3vh] rounded-[3vw] px-[2vw] transition duration-250 bg-gradient-to-br from-[#d4d4d4] to-[#fdfdfd] shadow-nmb dark:bg-dk dark:shadow-nmdb">
<p class="font-semibold text-[3.5vh] mb-4">3D Artwork:</p>
<div class=" flex flex-col gap-3 md:grid md:grid-cols-6 md:gap-2">
<img alt="image" src="/imgs/Room/0001.jpg" class = "col-start-1 col-end-5 row-start-1 row-end-5 h-auto rounded-md lg:rounded-lg shadow-nma dark:shadow-nmdb transition duration-500 hover:scale-105 z-30 hover:z-40">
<img alt="image" src="/imgs/Room/0002.jpg" class = "col-start-5 col-end-7 row-start-1 row-end-3 h-auto rounded-md lg:rounded-lg shadow-nma dark:shadow-nmdb transition duration-500 hover:scale-105 z-30 hover:z-40">
<img alt="image" src="/imgs/Room/0003.jpg" class = "col-start-5 col-end-7 row-start-3 row-end-5 h-auto rounded-md lg:rounded-lg shadow-nma dark:shadow-nmdb transition duration-500 hover:scale-105 z-30 hover:z-40">
<img alt="image" src="/imgs/Room/0004.jpg" class = "col-start-1 col-end-3 row-start-5 row-end-7 h-auto rounded-md lg:rounded-lg shadow-nma dark:shadow-nmdb transition duration-500 hover:scale-105 z-30 hover:z-40">
<img alt="image" src="/imgs/Room/0005.jpg" class = "col-start-3 col-end-5 row-start-5 row-end-7 h-auto rounded-md lg:rounded-lg shadow-nma dark:shadow-nmdb transition duration-500 hover:scale-105 z-30 hover:z-40">
<img alt="image" src="/imgs/Room/0006.jpg" class = "col-start-5 col-end-7 row-start-5 row-end-7 h-auto rounded-md lg:rounded-lg shadow-nma dark:shadow-nmdb transition duration-500 hover:scale-105 z-30 hover:z-40">
<img alt="image" src="/imgs/source2.jpg" class = "col-start-1 col-end-4 row-start-7 row-end-10 h-auto rounded-md lg:rounded-lg shadow-nma dark:shadow-nmdb transition duration-500 hover:scale-105 z-30 hover:z-40">
<img alt="image" src="/imgs/2815.jpg" class = "col-start-4 col-end-7 row-start-7 row-end-10 h-auto rounded-md lg:rounded-lg shadow-nma dark:shadow-nmdb transition duration-500 hover:scale-105 z-30 hover:z-40">
<img alt="image" src="/imgs/houseovercast.jpg" class = "col-start-1 col-end-3 row-start-10 row-end-12 h-auto lg:rounded-lg rounded-md shadow-nma dark:shadow-nmdb transition duration-500 hover:scale-105 z-30 hover:z-40">
<img alt="image" src="/imgs/earth_vhs.jpg" class = "col-start-1 col-end-2 row-start-12 row-end-13 h-auto lg:rounded-lg rounded-md shadow-nma dark:shadow-nmdb transition duration-500 hover:scale-105 z-30 hover:z-40">
<img alt="image" src="/imgs/Moon.jpg" class = "col-start-2 col-end-3 row-start-12 row-end-13 h-auto rounded-md lg:rounded-lg shadow-nma dark:shadow-nmdb transition duration-500 hover:scale-105 z-30 hover:z-40">
<img alt="image" src="/imgs/House_Night.jpg" class = "col-start-3 col-end-7 row-start-10 row-end-13 h-auto rounded-md lg:rounded-lg shadow-nma dark:shadow-nmdb transition duration-500 hover:scale-105 z-30 hover:z-40">
<video width="auto" height="auto" controls class = "col-span-3 row-span-2 h-auto rounded-md shadow-nma lg:rounded-lg dark:shadow-nmdb transition duration-500 hover:scale-105 z-30 hover:z-40"><source src="/imgs/sound.mp4" type="video/mp4"></video>
<img alt="image" src="/imgs/1969.jpg" class = "col-start-4 col-end-7 row-start-13 row-end-14 h-auto rounded-md shadow-nma lg:rounded-lg dark:shadow-nmdb transition duration-500 hover:scale-105 z-30 hover:z-40">
<img alt="image" src="/imgs/Donut.jpg" class = "col-start-4 col-end-7 row-start-14 row-end-15 h-auto rounded-md shadow-nma lg:rounded-lg dark:shadow-nmdb transition duration-500 hover:scale-105 z-30 hover:z-40">
<img alt="image" src="/imgs/donut2.jpg" class = "col-start-1 col-end-4 row-start-15 row-end-16 h-auto rounded-md lg:rounded-lg shadow-nma dark:shadow-nmdb transition duration-500 hover:scale-105 z-30 hover:z-40">
<video width="auto" height="auto" controls class = "col-span-2 row-span-2 h-auto rounded-md shadow-nma lg:rounded-lg dark:shadow-nmdb transition duration-500 hover:scale-105 z-30 hover:z-40"><source src="/imgs/Pendulum.mkv" type="video/mp4"></video>
</div>
</div>
<hr class="my-[2vh] mx-[5vw] border-[0.3vh] rounded-3xl border-neutral-600">
<div class="py-[3vh] rounded-[3vw] px-[2vw] transition duration-250 hover:scale-105 bg-gradient-to-br from-[#d4d4d4] to-[#fdfdfd] shadow-nmb dark:bg-dk dark:shadow-nmdb">
<a href="https://time.is/India" id="time_is_link" rel="nofollow" style="font-size:36px">Time in India:</a>
<span id="India_z424" style="font-size:36px"></span>
<script src="//widget.time.is/t.js"></script>
<script>
time_is_widget.init({India_z424:{}});
</script>
</div>
<footer class="md:hidden mt-[2vh] p-auto text-[1.5vh] text-center px-[2vh]">
© <span class="year"></span> Rhythm Juneja | A Test Project | Pre-Alpha
</footer>
</div>
<script type="module" src="./main.js"></script>
<script type="module" src="./analytics.js"></script>
</body>
</html>