Skip to content

Commit b78a694

Browse files
TheKaushikGoswamiTheKaushikGoswami
committed
release notes 2.2
1 parent eec228b commit b78a694

File tree

3 files changed

+103
-11
lines changed

3 files changed

+103
-11
lines changed

‎index.css‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -83,6 +83,24 @@ body {
8383
font-size:70px;
8484
text-decoration:underline;
8585
}
86+
#projects {
87+
width: 10vw;
88+
height: 10vw;
89+
text-align: center;
90+
font-size: 25px;
91+
background: transparent;
92+
color: #fff;
93+
position: fixed;
94+
top: 0;
95+
right: 45vw;
96+
display: flex;
97+
flex-direction: column;
98+
justify-content: center;
99+
z-index: 4;
100+
transition: 0.4s ease-in-out;
101+
border-radius: 0px 0px 100px 100px;
102+
}
103+
86104
#about {
87105
width:10vw;
88106
height:10vw;
@@ -136,6 +154,10 @@ body {
136154
transition:0.4s ease-in-out;
137155
border-radius:100px 100px 0px 0px;
138156
}
157+
#projects:hover {
158+
background:rgba(255,50,50,0.9);
159+
cursor:pointer;
160+
}
139161
#about:hover {
140162
background:rgba(255,50,50,0.9);
141163
cursor:pointer;
@@ -321,6 +343,9 @@ body {
321343
}
322344

323345
@media (max-width: 800px){
346+
#projects {
347+
display:none;
348+
}
324349
#about {
325350
display:none;
326351
}

‎index.html‎

Lines changed: 63 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -22,23 +22,25 @@
2222
</div>
2323
<div id="particles-js"></div>
2424
<div id="box">
25-
<div class="box1 onlywide animated bounceOutLeft" style="animation-delay:1.7s;"></div>
26-
<div class="box2 onlywide animated bounceOutLeft" style="animation-delay:1.8s;"></div>
27-
<div class="box2 onlywide animated bounceOutLeft" style="animation-delay:1.9s;"></div>
28-
<div class="box2 animated bounceOutRight" style="animation-delay:1.9s;"></div>
29-
<div class="box2 onlywide animated bounceOutRight" style="animation-delay:1.8s;"></div>
30-
<div class="box2 onlywide animated bounceOutRight" style="animation-delay:1.7s;"></div>
25+
<div class="box1 onlywide animated bounceOutLeft" style="animation-delay: 1700ms;"></div>
26+
<div class="box2 onlywide animated bounceOutLeft" style="animation-delay: 1800ms;"></div>
27+
<div class="box2 onlywide animated bounceOutLeft" style="animation-delay: 1900ms;"></div>
28+
<div class="box2 animated bounceOutRight" style="animation-delay: 1900ms;"></div>
29+
<div class="box2 onlywide animated bounceOutRight" style="animation-delay: 1800ms;"></div>
30+
<div class="box2 onlywide animated bounceOutRight" style="animation-delay: 1700ms;"></div>
3131
</div>
32-
<a id="about" onclick="showabout()" class="animated fadeIn" style="animation-delay:2.2s;">about</a>
33-
<a id="work" onclick="showwork()" class="animated fadeIn" style="animation-delay:2.2s;">work</a>
34-
<a id="contact" onclick="showcontact()" class="animated fadeIn" style="animation-delay:2.2s;">contact</a>
35-
<div id="middle" class="animated slideInDown" style="animation-delay:2.0s;">
32+
<a id="about" onclick="showabout()" class="animated fadeIn" style="animation-delay: 1000ms;">about</a>
33+
<a id="work" onclick="showwork()" class="animated fadeIn" style="animation-delay: 1000ms;">work</a>
34+
<a id="contact" onclick="showcontact()" class="animated fadeIn" style="animation-delay: 1000ms;">contact</a>
35+
<a id="projects" onclick="showprojects()" class="animated fadeIn" style="animation-delay: 1000ms;">projects</a>
36+
<div id="middle" class="animated slideInDown" style="animation-delay: 2000ms;">
3637
<h1>kaushik.</h1>
3738
<h2>Developer / Graphic Designer / Human</h2>
3839
<div id="menu">
3940
<a onclick="showabout()">about</a>
4041
<a onclick="showwork()">work</a>
4142
<a onclick="showcontact()">contact</a>
43+
<a onclick="showprojects()">projects</a>
4244
</div>
4345
<table>
4446
<tr>
@@ -53,6 +55,55 @@ <h2>Developer / Graphic Designer / Human</h2>
5355
</tr>
5456
</table>
5557
</div>
58+
<div id="projects_container" class="container">
59+
<div onclick="closeprojects()"><i class="fas fa-angle-right"></i></div>
60+
<h1>projects.</h1>
61+
<section>
62+
<h2>my work</h2>
63+
<p>
64+
Here are some of the projects I've worked on recently. Feel free to explore:
65+
</p>
66+
<ul>
67+
<div class="project_card">
68+
<div class="project_info">
69+
<h3>Portfolio</h3>
70+
<p>The Open-Source code for the Personal Portfolio this website is coming from! A minimal and
71+
ambient portfolio template for Developers! ⚡</p>
72+
<button class="btn_one"><a
73+
href="https://github.com/TheKaushikGoswami/thekaushikgoswami.github.io"
74+
style="color: inherit; text-decoration: none"> View Project </a></button>
75+
</div>
76+
</div>
77+
<div class="project_card">
78+
<div class="project_info">
79+
<h3>Olympus</h3>
80+
<p>An Application commands-based multi-purpose discord bot that can do most of the things that
81+
you require for your discord server.</p>
82+
<button class="btn_one"><a href="https://github.com/TheKaushikGoswami/Olympus"
83+
style="color: inherit; text-decoration: none"> View Project </a></button>
84+
</div>
85+
</div>
86+
<div class="project_card">
87+
<div class="project_info">
88+
<h3>Modmail Bot</h3>
89+
<p>A simple and efficient discord modmail bot written in Python language, using library named
90+
discord.py without any databse integration.</p>
91+
<button class="btn_one"><a href="https://github.com/TheKaushikGoswami/lyq-hangout-modmail"
92+
style="color: inherit; text-decoration: none"> View Project </a></button>
93+
</div>
94+
</div>
95+
<div class="project_card">
96+
<div class="project_info">
97+
<h3>Notepad</h3>
98+
<p>A simple Notepad program built with Python and Tkinter. Part of my "100 Days, 100 Programs"
99+
challenge. 😅</p>
100+
<button class="btn_one"><a href="https://github.com/TheKaushikGoswami/Notepad"
101+
style="color: inherit; text-decoration: none"> View Project </a></button>
102+
</div>
103+
</div>
104+
</ul>
105+
</section>
106+
</div>
56107
<div id="work_container" class="container">
57108
<div onclick="closework()"><i class="fas fa-angle-right"></i></div>
58109
<h1>work.</h1>
@@ -71,7 +122,8 @@ <h2></h2>
71122
<div><i class="fas fa-circle"></i>&nbsp;Content Writing</div>
72123
<div><i class="fas fa-circle"></i>&nbsp;Graphic Designing</div>
73124
</div>
74-
<button class="btn_one"><a href="./assets/Resume.pdf" target="_blank" style="color: inherit; text-decoration: none">View
125+
<button class="btn_one"><a href="./assets/Resume.pdf" target="_blank"
126+
style="color: inherit; text-decoration: none">View
75127
Resume</a></button>
76128
</section>
77129
</div>

‎index.js‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,17 @@
1+
function showprojects(){
2+
$("#projects_container").css("display","inherit");
3+
$("#projects_container").addClass("animated slideInDown");
4+
setTimeout(function(){
5+
$("#projects_container").removeClass("animated slideInDown");
6+
},800);
7+
}
8+
function closeprojects(){
9+
$("#projects_container").addClass("animated slideOutUp");
10+
setTimeout(function(){
11+
$("#projects_container").removeClass("animated slideOutUp");
12+
$("#projects_container").css("display","none");
13+
},800);
14+
}
115
function showabout(){
216
$("#about_container").css("display","inherit");
317
$("#about_container").addClass("animated slideInLeft");
@@ -46,6 +60,7 @@ setTimeout(function(){
4660
$("#loading").removeClass("animated fadeOut");
4761
$("#loading").css("display","none");
4862
$("#box").css("display","none");
63+
$("#projects").removeClass("animated fadeIn");
4964
$("#about").removeClass("animated fadeIn");
5065
$("#contact").removeClass("animated fadeIn");
5166
$("#work").removeClass("animated fadeIn");

0 commit comments

Comments
 (0)