Skip to content

Commit 929ed06

Browse files
MuhammadPenMuhammadPen
committed
website complete
1 parent 4943a9c commit 929ed06

2 files changed

Lines changed: 110 additions & 29 deletions

File tree

‎src/pages/components/Information.astro‎

Lines changed: 107 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -2,40 +2,119 @@
22
33
---
44

5-
<div id="container" class="flex flex-col max-w-5xl justify-self-center">
6-
<div
7-
id="hi-container"
8-
class="w-fit m-5 p-5 bg-amber-700/10 border-blur rounded-xl"
5+
<div id="container" class="flex flex-wrap w-fit m-5 p-5">
6+
{
7+
Array(25)
8+
.fill(1)
9+
.map(() => (
10+
<>
11+
<span
12+
class={`text-9xl font-extrabold font-sans hover:font-extralight transition-all duration-300`}
13+
>
14+
Hi.
15+
</span>
16+
</>
17+
))
18+
}
19+
<a
20+
href="mailto:muhammadpen@gmail.com"
21+
class="text-9xl font-extralight underline hover:font-extrabold transition-all duration-300"
22+
>Muhammad</a
923
>
10-
{
11-
[1, 2, 3, 4, 5].map((font, index) => (
24+
{
25+
Array(25)
26+
.fill(1)
27+
.map(() => (
1228
<>
1329
<span
14-
class={`text-7xl font-extrabold font-sans hover:font-extralight hover:text-8xl transition-all duration-300`}
30+
class={`text-9xl font-extrabold font-sans hover:font-extralight transition-all duration-300`}
1531
>
1632
Hi.
1733
</span>
1834
</>
1935
))
20-
}
21-
</div>
22-
23-
<p>
24-
I am <span class="text-2xl font-extrabold font-mono"
25-
>fullstack software engineer</span
26-
>
27-
</p>
28-
29-
<p>I work mostly with Typescript.</p>
30-
<p>
31-
I like building cloud infrastructure with tools like pulumi. I've built on
32-
AWS, GCP and Azure
33-
</p>
34-
</div>
35-
36-
<style>
37-
.border-blur {
38-
box-shadow: 0 0 100px 20px #ad540d;
39-
border: none;
4036
}
41-
</style>
37+
<span class="text-9xl font-extralight">Fullstack.</span>
38+
<span class="text-9xl font-extralight">software.</span>
39+
<span class="text-9xl font-extralight">engineer.</span>
40+
{
41+
Array(25)
42+
.fill(1)
43+
.map(() => (
44+
<>
45+
<span
46+
class={`text-9xl font-extrabold font-sans hover:font-extralight transition-all duration-300`}
47+
>
48+
Hi.
49+
</span>
50+
</>
51+
))
52+
}
53+
<span class="text-9xl font-extralight">Javascript.</span>
54+
{
55+
Array(25)
56+
.fill(1)
57+
.map(() => (
58+
<>
59+
<span
60+
class={`text-9xl font-extrabold font-sans hover:font-extralight transition-all duration-300`}
61+
>
62+
Hi.
63+
</span>
64+
</>
65+
))
66+
}
67+
<span class="text-9xl font-extralight">Cloud.</span>
68+
<span class="text-9xl font-extralight">Infrastructure.</span>
69+
{
70+
Array(25)
71+
.fill(1)
72+
.map(() => (
73+
<>
74+
<span
75+
class={`text-9xl font-extrabold font-sans hover:font-extralight transition-all duration-300`}
76+
>
77+
Bye.
78+
</span>
79+
</>
80+
))
81+
}
82+
<a
83+
target="_blank"
84+
href="https://github.com/MuhammadPen"
85+
class="text-9xl font-extralight underline hover:font-extrabold transition-all duration-300"
86+
>Github.</a
87+
>
88+
{
89+
Array(25)
90+
.fill(1)
91+
.map(() => (
92+
<>
93+
<span
94+
class={`text-9xl font-extrabold font-sans hover:font-extralight transition-all duration-300`}
95+
>
96+
Bye.
97+
</span>
98+
</>
99+
))
100+
}
101+
<a
102+
target="_blank"
103+
href="https://www.linkedin.com/in/muhammad-fayyaz-35a598125/"
104+
class="text-9xl font-extralight underline hover:font-extrabold transition-all duration-300"
105+
>Linkedin.</a
106+
>
107+
{
108+
Array(25)
109+
.fill(1)
110+
.map(() => (
111+
<>
112+
<span
113+
class={`text-9xl font-extrabold font-sans hover:font-extralight transition-all duration-300`}
114+
>
115+
Bye.
116+
</span>
117+
</>
118+
))
119+
}
120+
</div>

‎src/styles/global.css‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,8 @@
11
@import "tailwindcss";
22

33
body {
4-
background-color: #ffefe2;
4+
background-color: #F5EBE0;
5+
/* background-color: #F5EBE0; */
6+
/* color: #A35205; */
57
color: #000;
68
}

0 commit comments

Comments
 (0)