Skip to content

Commit a2d27a7

Browse files
JenishMSJenishMS
committed
change instagram link
1 parent dcf698d commit a2d27a7

2 files changed

Lines changed: 79 additions & 57 deletions

File tree

‎src/components/Footer.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -47,7 +47,7 @@
4747
></path></svg
4848
></a
4949
>
50-
<a href="https://www.instagram.com/stupid__coder" target="__blank"
50+
<a href="https://www.instagram.com/techwithjeni" target="__blank"
5151
><svg
5252
role="img"
5353
class="w-6 h-6 fill-gray-500 max-md:w-4 max-md:h-4"

‎src/components/Landing.astro‎

Lines changed: 78 additions & 56 deletions
Original file line numberDiff line numberDiff line change
@@ -1,29 +1,51 @@
11
---
22
---
33

4-
<section class="md:min-h-screen max-md:my-[20%] grid grid-cols-2 justify-start items-center">
4+
<section
5+
class="md:min-h-screen max-md:my-[20%] grid grid-cols-2 justify-start items-center"
6+
>
57
<div class="">
6-
<h3 class="about-content font-medium max-md:text-xl max-sm:text-base text-3xl" data-aos="fade-right" data-aos-duration="1000">Hello & Welcome</h3>
7-
<h1 class="about-content max-md:text-3xl md:text-6xl max-sm:text-2xl font-bold mt-4" data-aos="fade-right" data-aos-duration="1000" data-aos-delay="200">
8+
<h3
9+
class="about-content font-medium max-md:text-xl max-sm:text-base text-3xl"
10+
data-aos="fade-right"
11+
data-aos-duration="1000"
12+
>
13+
Hello & Welcome
14+
</h3>
15+
<h1
16+
class="about-content max-md:text-3xl md:text-6xl max-sm:text-2xl font-bold mt-4"
17+
data-aos="fade-right"
18+
data-aos-duration="1000"
19+
data-aos-delay="200"
20+
>
821
I'm <span class="text-yellow-600">Jenish MS</span>
922
</h1>
1023
<h1
1124
class="max-md:hidden max-md:text-xl text-3xl font-semibold text-primary mt-4 typewriter"
1225
data-period="2000"
1326
data-type='[ "Developer", "Freelancer", "Open-Source Contributor", "Blogger"]'
14-
data-aos-duration="1000" data-aos-delay="300" data-aos="fade-right"
27+
data-aos-duration="1000"
28+
data-aos-delay="300"
29+
data-aos="fade-right"
1530
>
1631
<span class="wrap"></span>
1732
</h1>
1833
<h1
1934
class="md:hidden max-md:text-xl max-sm:text-base text-3xl font-semibold text-primary mt-4 typewriter"
2035
data-period="2000"
2136
data-type='[ "Developer", "Freelancer", "Contributer", "Blogger"]'
22-
data-aos-duration="1000" data-aos-delay="300" data-aos="fade-right"
37+
data-aos-duration="1000"
38+
data-aos-delay="300"
39+
data-aos="fade-right"
2340
>
2441
<span class="wrap"></span>
2542
</h1>
26-
<div class="flex gap-6 max-sm:gap-4 max-sm:mt-8 max-md:mt-12 mt-16" data-aos-duration="1000" data-aos-delay="400" data-aos="fade-right">
43+
<div
44+
class="flex gap-6 max-sm:gap-4 max-sm:mt-8 max-md:mt-12 mt-16"
45+
data-aos-duration="1000"
46+
data-aos-delay="400"
47+
data-aos="fade-right"
48+
>
2749
<a href="https://github.com/JenishMS" target="__blank"
2850
><svg
2951
role="img"
@@ -70,7 +92,7 @@
7092
></path></svg
7193
></a
7294
>
73-
<a href="https://www.instagram.com/stupid__coder" target="__blank"
95+
<a href="https://www.instagram.com/techwithjeni" target="__blank"
7496
><svg
7597
role="img"
7698
class="w-6 h-6 fill-gray-500 max-md:w-4 max-md:h-4"
@@ -100,62 +122,62 @@
100122
}
101123
</style>
102124
<script is:inline>
103-
var TxtType = function (el, toRotate, period) {
104-
this.toRotate = toRotate;
105-
this.el = el;
106-
this.loopNum = 0;
107-
this.period = parseInt(period, 10) || 2000;
108-
this.txt = "";
109-
this.tick();
110-
this.isDeleting = false;
111-
};
125+
var TxtType = function (el, toRotate, period) {
126+
this.toRotate = toRotate;
127+
this.el = el;
128+
this.loopNum = 0;
129+
this.period = parseInt(period, 10) || 2000;
130+
this.txt = "";
131+
this.tick();
132+
this.isDeleting = false;
133+
};
112134

113-
TxtType.prototype.tick = function () {
114-
var i = this.loopNum % this.toRotate.length;
115-
var fullTxt = this.toRotate[i];
135+
TxtType.prototype.tick = function () {
136+
var i = this.loopNum % this.toRotate.length;
137+
var fullTxt = this.toRotate[i];
116138

117-
if (this.isDeleting) {
118-
this.txt = fullTxt.substring(0, this.txt.length - 1);
119-
} else {
120-
this.txt = fullTxt.substring(0, this.txt.length + 1);
121-
}
139+
if (this.isDeleting) {
140+
this.txt = fullTxt.substring(0, this.txt.length - 1);
141+
} else {
142+
this.txt = fullTxt.substring(0, this.txt.length + 1);
143+
}
122144

123-
this.el.innerHTML = '<span class="wrap">' + this.txt + "</span>";
145+
this.el.innerHTML = '<span class="wrap">' + this.txt + "</span>";
124146

125-
var that = this;
126-
var delta = 200 - Math.random() * 100;
147+
var that = this;
148+
var delta = 200 - Math.random() * 100;
127149

128-
if (this.isDeleting) {
129-
delta /= 2;
130-
}
150+
if (this.isDeleting) {
151+
delta /= 2;
152+
}
131153

132-
if (!this.isDeleting && this.txt === fullTxt) {
133-
delta = this.period;
134-
this.isDeleting = true;
135-
} else if (this.isDeleting && this.txt === "") {
136-
this.isDeleting = false;
137-
this.loopNum++;
138-
delta = 500;
139-
}
154+
if (!this.isDeleting && this.txt === fullTxt) {
155+
delta = this.period;
156+
this.isDeleting = true;
157+
} else if (this.isDeleting && this.txt === "") {
158+
this.isDeleting = false;
159+
this.loopNum++;
160+
delta = 500;
161+
}
140162

141-
setTimeout(function () {
142-
that.tick();
143-
}, delta);
144-
};
163+
setTimeout(function () {
164+
that.tick();
165+
}, delta);
166+
};
145167

146-
window.onload = function () {
147-
var elements = document.getElementsByClassName("typewriter");
148-
for (var i = 0; i < elements.length; i++) {
149-
var toRotate = elements[i].getAttribute("data-type");
150-
var period = elements[i].getAttribute("data-period");
151-
if (toRotate) {
152-
new TxtType(elements[i], JSON.parse(toRotate), period);
168+
window.onload = function () {
169+
var elements = document.getElementsByClassName("typewriter");
170+
for (var i = 0; i < elements.length; i++) {
171+
var toRotate = elements[i].getAttribute("data-type");
172+
var period = elements[i].getAttribute("data-period");
173+
if (toRotate) {
174+
new TxtType(elements[i], JSON.parse(toRotate), period);
175+
}
153176
}
154-
}
155-
// INJECT CSS
156-
var css = document.createElement("style");
157-
css.type = "text/css";
158-
css.innerHTML = ".typewriter > .wrap { border-right: 0.08em solid #fff}";
159-
document.body.appendChild(css);
160-
};
177+
// INJECT CSS
178+
var css = document.createElement("style");
179+
css.type = "text/css";
180+
css.innerHTML = ".typewriter > .wrap { border-right: 0.08em solid #fff}";
181+
document.body.appendChild(css);
182+
};
161183
</script>

0 commit comments

Comments
 (0)