Skip to content

Commit 0dc7f7f

Browse files
Pogoretskiy777Pogoretskiy777
committed
Altered animation fade ins
1 parent 9d28f56 commit 0dc7f7f

File tree

4 files changed

+118
-118
lines changed

4 files changed

+118
-118
lines changed

‎about.html

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -34,13 +34,13 @@ <h2>
3434
<div>
3535
<img
3636
class="profile animated fadeIn"
37-
style="animation-delay: 0.3s"
37+
style="animation-delay: 0s"
3838
src="images/Screenshot 2024-04-23 at 8.15.04 PM.png"
3939
/>
4040
</div>
4141
<div class="about">
42-
<h1 class="animated fadeIn" style="animation-delay: 0.3s">Personal</h1>
43-
<p class="about-me animated fadeIn" style="animation-delay: 0.35s">
42+
<h1 class="animated fadeIn" style="animation-delay: 0s">Personal</h1>
43+
<p class="about-me animated fadeIn" style="animation-delay: 0.1s">
4444
My name is Joseph Pogoretskiy. I was raised in the Shenandoah Valley and have lived here
4545
all my life. I grew up in a family of seven and I am currently a junior at James Madison
4646
University.<br /><br />
@@ -54,8 +54,8 @@ <h1 class="animated fadeIn" style="animation-delay: 0.3s">Personal</h1>
5454
<div class="wrapper-2">
5555
<div class="flex-container-2">
5656
<div class="about-academics">
57-
<h1 class="animated fadeIn" style="animation-delay: 0.4s">Background</h1>
58-
<p class="about-academic-info animated fadeIn" style="animation-delay: 0.45s">
57+
<h1 class="animated fadeIn" style="animation-delay: 0.15s">Background</h1>
58+
<p class="about-academic-info animated fadeIn" style="animation-delay: 0.2s">
5959
I first picked up programming by teaching myself HTML and CSS through Codecademy in
6060
middle school STEM class. This was my first ever peek under the hood of a computer
6161
application.<br /><br />
@@ -66,7 +66,7 @@ <h1 class="animated fadeIn" style="animation-delay: 0.4s">Background</h1>
6666
<div>
6767
<img
6868
class="profile animated fadeIn"
69-
style="animation-delay: 0.5s"
69+
style="animation-delay: 0.25s"
7070
title="A screenshot of an early rendition of my music webpage made when I was in middle school"
7171
src="images/Screenshot 2024-04-05 at 2.20.31 PM.png"
7272
/>
@@ -78,14 +78,14 @@ <h1 class="animated fadeIn" style="animation-delay: 0.4s">Background</h1>
7878
<div>
7979
<img
8080
class="profile animated fadeIn"
81-
style="animation-delay: 0.55s"
81+
style="animation-delay: 0.3s"
8282
title="A high school graduation picture of me, my brother, and my teacher"
8383
src="images/IMG_0912.jpg"
8484
/>
8585
</div>
8686
<div class="about">
87-
<h1 class="animated fadeIn" style="animation-delay: 0.6s">Academics</h1>
88-
<p class="about-me animated fadeIn" style="animation-delay: 0.65s">
87+
<h1 class="animated fadeIn" style="animation-delay: 0.35s">Academics</h1>
88+
<p class="about-me animated fadeIn" style="animation-delay: 0.4s">
8989
I continued to learn front-end languages throughout the latter half of middle school and
9090
high school. I graduated Fort Defiance High School with a class rank of 8 and a Valley
9191
Scholars Scholarship.<br /><br />I go to James Madison University to study Computer
@@ -107,8 +107,8 @@ <h1 class="animated fadeIn" style="animation-delay: 0.6s">Academics</h1>
107107
<div class="wrapper-2">
108108
<div class="flex-container-2">
109109
<div class="about-academics">
110-
<h1 class="animated fadeIn" style="animation-delay: 0.7s">Other</h1>
111-
<p class="about-academic-info animated fadeIn" style="animation-delay: 0.75s">
110+
<h1 class="animated fadeIn" style="animation-delay: 0.45s">Other</h1>
111+
<p class="about-academic-info animated fadeIn" style="animation-delay: 0.5s">
112112
Outside of academics, whenever I am not working, you will often find me reading books,
113113
watching YouTube, doing calisthenics, or socializing with friends.<br /><br />
114114
I have been a student leader at the
@@ -136,14 +136,14 @@ <h1 class="animated fadeIn" style="animation-delay: 0.7s">Other</h1>
136136
<div>
137137
<img
138138
class="profile animated fadeIn"
139-
style="animation-delay: 0.8s"
139+
style="animation-delay: 0.55s"
140140
title="Me petting a cow during my trip to Guatemala"
141141
src="images/Screenshot 2024-04-25 at 4.41.22 PM.png"
142142
/>
143143
</div>
144144
</div>
145145
</div>
146-
<div class="footer animated fadeIn" style="animation-delay: 0.85s">
146+
<div class="footer animated fadeIn" style="animation-delay: 0.6s"></div>
147147
<footer>Copyright © Joseph Pogoretskiy</footer>
148148
</div>
149149
</body>

‎contact.html

Lines changed: 16 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -35,13 +35,13 @@ <h2>
3535
</div>
3636
<div class="contact-form">
3737
<div class="contact-info">
38-
<h1 class="contact-header animated fadeIn" style="animation-delay: 0.4s">Contact Me</h1>
39-
<p class="contact-me animated fadeIn" style="animation-delay: 0.42s">
38+
<h1 class="contact-header animated fadeIn" style="animation-delay: 0.05s">Contact Me</h1>
39+
<p class="contact-me animated fadeIn" style="animation-delay: 0.07s">
4040
Let's get in touch! If you have any questions about my resume, portfolio, or just life in
4141
general, I would be more than happy to hear from you and respond.
4242
</p>
4343
<br />
44-
<p class="contact-me animated fadeIn" style="animation-delay: 0.45s">
44+
<p class="contact-me animated fadeIn" style="animation-delay: 0.1s">
4545
Here is my <u><a class="linked" href="Job Resume.pdf" target="_blank">resume</a></u>
4646
</p>
4747
</div>
@@ -51,78 +51,78 @@ <h1 class="contact-header animated fadeIn" style="animation-delay: 0.4s">Contact
5151
method="POST"
5252
class="form-wrapper"
5353
>
54-
<label for="name" class="contact-label animated fadeIn" style="animation-delay: 0.5s"
54+
<label for="name" class="contact-label animated fadeIn" style="animation-delay: 0.15s"
5555
>Name:</label
5656
>
5757
<input
5858
type="text"
5959
id="name"
6060
name="name"
6161
class="form-input animated fadeIn"
62-
style="animation-delay: 0.55s"
62+
style="animation-delay: 0.2s"
6363
required
6464
/>
6565

66-
<label for="email" class="contact-label animated fadeIn" style="animation-delay: 0.6s"
66+
<label for="email" class="contact-label animated fadeIn" style="animation-delay: 0.25s"
6767
>Email:</label
6868
>
6969
<input
7070
type="email"
7171
id="email"
7272
name="_replyto"
7373
class="form-input animated fadeIn"
74-
style="animation-delay: 0.65s"
74+
style="animation-delay: 0.3s"
7575
required
7676
/>
7777

78-
<label for="message" class="contact-label animated fadeIn" style="animation-delay: 0.7s"
78+
<label for="message" class="contact-label animated fadeIn" style="animation-delay: 0.35s"
7979
>Message:</label
8080
>
8181
<textarea
8282
id="message"
8383
name="message"
8484
class="form-input animated fadeIn"
85-
style="animation-delay: 0.75s"
85+
style="animation-delay: 0.4s"
8686
required
8787
></textarea>
8888

89-
<button type="submit" class="send-button animated fadeIn" style="animation-delay: 0.8s">
89+
<button type="submit" class="send-button animated fadeIn" style="animation-delay: 0.45s">
9090
Send
9191
</button>
9292
</form>
9393
</div>
9494
<div class="social-wrapper">
9595
<div>
96-
<h3 class="projects-title animated fadeIn" style="animation-delay: 0.85s">Socials</h3>
96+
<h3 class="projects-title animated fadeIn" style="animation-delay: 0.5s">Socials</h3>
9797
</div>
9898
<div class="icon-wrapper">
9999
<a
100100
href="https://www.linkedin.com/in/joseph-pogoretskiy-11379926b/"
101101
target="_blank"
102102
class="fa fa-linkedin animated fadeIn"
103-
style="animation-delay: 0.9s"
103+
style="animation-delay: 0.55s"
104104
></a>
105105
<a
106106
href="https://twitter.com/PogoretskyMusic"
107107
target="_blank"
108108
class="fa fa-twitter animated fadeIn"
109-
style="animation-delay: 0.95s"
109+
style="animation-delay: 0.6s"
110110
></a>
111111
<a
112112
href="https://www.instagram.com/lightning.joe?igsh=cWt2MDAybng4M25x&utm_source=qr"
113113
target="_blank"
114114
class="fa fa-instagram animated fadeIn"
115-
style="animation-delay: 1s"
115+
style="animation-delay: 0.65s"
116116
></a>
117117
<a
118118
href="https://open.spotify.com/artist/2JOtiWIDd95k2IjbT9GvEa?si=v9kilclgQCKdYYRPD4NEFA"
119119
target="_blank"
120120
class="fa fa-spotify animated fadeIn"
121-
style="animation-delay: 1.05s"
121+
style="animation-delay: 0.7s"
122122
></a>
123123
</div>
124124
</div>
125-
<div class="footer animated fadeIn" style="animation-delay: 1.1s">
125+
<div class="footer animated fadeIn" style="animation-delay: 0.75s">
126126
<footer>Copyright © Joseph Pogoretskiy</footer>
127127
</div>
128128
<script src="form-submit.js"></script>

0 commit comments

Comments
 (0)