Skip to content

Commit 228a636

Browse files
Mahanoor123Mahanoor123
committed
deployment after interaction
1 parent 90f58e8 commit 228a636

32 files changed

+551
-281
lines changed

‎firebase.json‎

Lines changed: 1 addition & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,10 @@
11
{
22
"hosting": {
3-
"public": "public",
3+
"public": ".",
44
"ignore": [
55
"firebase.json",
66
"**/.*",
77
"**/node_modules/**"
8-
],
9-
"rewrites": [
10-
{
11-
"source": "**",
12-
"destination": "/index.html"
13-
}
148
]
159
}
1610
}

‎index.html‎

Lines changed: 42 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -14,9 +14,16 @@
1414
<!---------------------- Navbar ---------------------->
1515
<nav class="navbar">
1616
<div class="social_icons">
17-
<i class="fa-brands fa-facebook-f"></i>
18-
<i class="fa-brands fa-instagram"></i>
19-
<i class="fa-brands fa-pinterest-p"></i>
17+
<a href="https://facebook.com//people/MK-creatives/61572301925296/" target="_blank"
18+
rel="noopener noreferrer">
19+
<i class="fa-brands fa-facebook-f"></i>
20+
</a>
21+
<a href="https://instagram.com/mk_creative1019/" target="_blank" rel="noopener noreferrer">
22+
<i class="fa-brands fa-instagram"></i>
23+
</a>
24+
<a href="https://www.linkedin.com/in/mahanoor-khan/" target="_blank" rel="noopener noreferrer">
25+
<i class="fa-brands fa-linkedin"></i>
26+
</a>
2027
</div>
2128
<div class="logo">
2229
<img src="./public/Assets/images/logos&illustration/worlog-logo.png">
@@ -36,7 +43,6 @@
3643
</nav>
3744
<!-- Mobile Menu Icon -->
3845
<div class="mobile_nav">
39-
<div class="mobile_logo"><img src="./public/images/ABC_logo.png"></div>
4046
<div class="menu-toggle"> ☰ </div>
4147
</div>
4248
<nav class="navbar2">
@@ -59,9 +65,10 @@
5965
</div>
6066
<div class="hero_content">
6167
<img src="./public/Assets/images/backgrounds/mike.png">
62-
<h1 class="fade-slide">WORLOG</h1>
68+
<h1 class="typewriter-text">WORLOG</h1>
6369
<p class="fade-slide delay-1">We are the world of thinkers share our voices with insights.</p>
64-
<button class="explore_btn btn fade-slide delay-2">Explore Blogs <i class="fa-solid fa-arrow-right"></i></button>
70+
<button class="explore_btn btn fade-slide delay-2">Explore Blogs <i
71+
class="fa-solid fa-arrow-right"></i></button>
6572
<button class="write_blog btn"><i class="fa-solid fa-pencil"></i>Write blog</button>
6673
</div>
6774
<button class="left_carousel"><i class="fa-regular fa-less-than"></i></button>
@@ -112,7 +119,13 @@ <h2>About Us</h2>
112119
<div class="about_blog">
113120
<div class="about_left">
114121
<h3>World's top Blogs here</h3>
115-
<p>At WorLog, blogs aren’t just words on a screen — they’re thoughts that breathe, ideas that connect, and stories that spark minds. Every post here is crafted with intention — whether it’s a personal reflection, a bold opinion, a creative spark, or a lesson worth sharing. Our platform is built for thinkers, feelers, and creators who believe their voice deserves a space that not only showcases their words but amplifies their essence. Dive in, explore perspectives, engage in meaningful conversations, and if you’ve got something to say — your blog might just be someone’s turning point.</p>
122+
<p>At WorLog, blogs aren’t just words on a screen — they’re thoughts that breathe, ideas that
123+
connect, and stories that spark minds. Every post here is crafted with intention — whether it’s
124+
a personal reflection, a bold opinion, a creative spark, or a lesson worth sharing. Our platform
125+
is built for thinkers, feelers, and creators who believe their voice deserves a space that not
126+
only showcases their words but amplifies their essence. Dive in, explore perspectives, engage in
127+
meaningful conversations, and if you’ve got something to say — your blog might just be someone’s
128+
turning point.</p>
116129
</div>
117130
<div class="about-centre">
118131
<img src="./public/Assets/images/backgrounds/aboutt.png">
@@ -139,7 +152,9 @@ <h3>Get our latest posts</h3>
139152
<!---------------------- Badges Section ---------------------->
140153
<section class="badges">
141154
<h2>Get Premium badges</h2>
142-
<p class="badges_info">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nam magnam et aperiam unde odio eveniet ipsam modi accusamus ullam tenetur.</p>
155+
<p class="badges_info">Our Badges section highlights achievements, milestones, and recognitions earned by
156+
users. Each badge represents growth, expertise, and active participation—celebrating your journey and
157+
inspiring others to level up.</p>
143158
<div class="badge_display">
144159
<img src="./public/Assets/images/logos&illustration/worlog-badges.png">
145160
</div>
@@ -149,24 +164,33 @@ <h2>Get Premium badges</h2>
149164
<footer>
150165
<div class="sub_footer">
151166
<p> - This blog developed by -</p>
152-
<img src="/public/Assets/images/logos&illustration/my_logo.png">
167+
<img src="./public/Assets/images/logos&illustration/my_logo.png">
153168
<h3>Mahanoor khan</h3>
154169
<div class="creater_socials">
155-
<i class="fa-brands fa-facebook-f"></i>
156-
<i class="fa-brands fa-instagram"></i>
157-
<i class="fa-brands fa-linkedin"></i>
158-
<i class="fa-brands fa-github"></i>
170+
<a href="https://facebook.com//people/MK-creatives/61572301925296/" target="_blank"
171+
rel="noopener noreferrer">
172+
<i class="fa-brands fa-facebook-f"></i>
173+
</a>
174+
<a href="https://instagram.com/mk_creative1019/" target="_blank" rel="noopener noreferrer">
175+
<i class="fa-brands fa-instagram"></i>
176+
</a>
177+
<a href="https://www.linkedin.com/in/mahanoor-khan/" target="_blank" rel="noopener noreferrer">
178+
<i class="fa-brands fa-linkedin"></i>
179+
</a>
180+
<a href="https://github.com/Mahanoor123" target="_blank" rel="noopener noreferrer">
181+
<i class="fa-brands fa-github"></i>
182+
</a>
159183
</div>
160184
</div>
161185
<div class="sub_footer2">
162186
<blockquote>
163187
“Words have the power to shape minds, shift perspectives, and spark revolutions — one blog at a time.”
164-
</blockquote>
165-
<div class="footer_link">
166-
<a href="#">Home</a>
167-
<a href="#">All Blogs</a>
188+
</blockquote>
189+
<div class="footer_link">
190+
<a href="./index.html">Home</a>
191+
<a href="./public/Assets/html/blogs.html">All Blogs</a>
168192
<a href="#">Write a blog</a>
169-
</div>
193+
</div>
170194
</div>
171195
</footer>
172196

‎public/Assets/css/blogs.css‎

Lines changed: 12 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -126,7 +126,15 @@ h2 {
126126
.social_icons {
127127
display: flex;
128128
align-items: center;
129-
gap: 0.5rem;
129+
}
130+
.social_icons a {
131+
text-decoration: none;
132+
color: var(--white-color);
133+
margin: 0 0.2rem;
134+
transition: transform 0.3s ease, color 0.3s ease;
135+
}
136+
.social_icons a:hover {
137+
transform: scale(1.2);
130138
}
131139
.social_icons i {
132140
font-size: 1rem;
@@ -474,6 +482,9 @@ footer h3 {
474482
height: 6rem;
475483
border-radius: 50%;
476484
}
485+
.creater_socials a{
486+
text-decoration: none;
487+
}
477488
.creater_socials i{
478489
color: var(--primary-accent-color);
479490
margin-right: 0.2rem;

‎public/Assets/css/forms.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -266,7 +266,7 @@ body {
266266
cursor: pointer;
267267

268268
&:hover {
269-
color: var(--black-tint3);
269+
color: var(--primary-accent-color);
270270
}
271271
}
272272
.login_form .signup_link {

‎public/Assets/css/full-add-blog.css‎

Lines changed: 12 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -201,7 +201,15 @@ h4 {
201201
.social_icons {
202202
display: flex;
203203
align-items: center;
204-
gap: 0.5rem;
204+
}
205+
.social_icons a {
206+
text-decoration: none;
207+
color: var(--white-color);
208+
margin: 0 0.2rem;
209+
transition: transform 0.3s ease, color 0.3s ease;
210+
}
211+
.social_icons a:hover {
212+
transform: scale(1.2);
205213
}
206214
.social_icons i {
207215
font-size: 1rem;
@@ -783,6 +791,9 @@ footer h3 {
783791
height: 6rem;
784792
border-radius: 50%;
785793
}
794+
.creater_socials a{
795+
text-decoration: none;
796+
}
786797
.creater_socials i{
787798
color: var(--primary-accent-color);
788799
margin-right: 0.2rem;

‎public/Assets/css/profile.css‎

Lines changed: 12 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -194,7 +194,15 @@ h4 {
194194
.social_icons {
195195
display: flex;
196196
align-items: center;
197-
gap: 0.5rem;
197+
}
198+
.social_icons a {
199+
text-decoration: none;
200+
color: var(--white-color);
201+
margin: 0 0.2rem;
202+
transition: transform 0.3s ease, color 0.3s ease;
203+
}
204+
.social_icons a:hover {
205+
transform: scale(1.2);
198206
}
199207
.social_icons i {
200208
font-size: 1rem;
@@ -500,6 +508,9 @@ footer h3 {
500508
height: 6rem;
501509
border-radius: 50%;
502510
}
511+
.creater_socials a{
512+
text-decoration: none;
513+
}
503514
.creater_socials i {
504515
color: var(--primary-accent-color);
505516
margin-right: 0.2rem;

‎public/Assets/css/style.css‎

Lines changed: 41 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -193,7 +193,15 @@ h2 {
193193
.social_icons {
194194
display: flex;
195195
align-items: center;
196-
gap: 0.5rem;
196+
}
197+
.social_icons a {
198+
text-decoration: none;
199+
color: var(--white-color);
200+
margin: 0 0.2rem;
201+
transition: transform 0.3s ease, color 0.3s ease;
202+
}
203+
.social_icons a:hover {
204+
transform: scale(1.2);
197205
}
198206
.social_icons i {
199207
font-size: 1rem;
@@ -350,13 +358,35 @@ main {
350358
transform: translate(-50%, -50%);
351359
width: 28vw;
352360
}
361+
/* .hero_content h1 { */
362+
/* position: absolute; */
363+
/* top: 50%; */
364+
/* left: 50%; */
365+
/* transform: translate(-50%, -50%); */
366+
/* color: var(--white-color); */
367+
/* font-size: 12rem; */
368+
/* } */
353369
.hero_content h1 {
354370
position: absolute;
355371
top: 50%;
356372
left: 50%;
357373
transform: translate(-50%, -50%);
358374
color: var(--white-color);
359375
font-size: 12rem;
376+
white-space: nowrap;
377+
overflow: hidden;
378+
width: 0;
379+
}
380+
.hero_content h1.animate {
381+
animation: typing 2.5s steps(7, end) forwards;
382+
}
383+
@keyframes typing {
384+
from {
385+
width: 0;
386+
}
387+
to {
388+
width: 55rem;
389+
}
360390
}
361391
.hero_content p {
362392
position: absolute;
@@ -386,22 +416,13 @@ main {
386416
.write_blog i {
387417
margin-right: 0.7rem;
388418
}
389-
/* .fade-slide { */
390-
/* opacity: 0; */
391-
/* transform: translateY(20px); */
392-
/* animation: fadeSlideIn 0.8s forwards; */
393-
/* } */
394-
/* */
395-
/* .delay-1 { animation-delay: 0.2s; } */
396-
/* .delay-2 { animation-delay: 0.4s; } */
397-
/* */
398-
/* @keyframes fadeSlideIn { */
399-
/* to { */
400-
/* opacity: 1; */
401-
/* transform: translateY(0); */
402-
/* } */
403-
/* } */
404-
419+
.current_img {
420+
transition: opacity 0.5s ease-in-out;
421+
opacity: 1;
422+
}
423+
.fade-out {
424+
opacity: 0;
425+
}
405426

406427
/*************** All Blogs Categories *****************/
407428

@@ -750,6 +771,9 @@ footer h3 {
750771
height: 6rem;
751772
border-radius: 50%;
752773
}
774+
.creater_socials a{
775+
text-decoration: none;
776+
}
753777
.creater_socials i{
754778
color: var(--primary-accent-color);
755779
margin-right: 0.2rem;

‎public/Assets/html/about.html‎

Lines changed: 24 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -11,9 +11,16 @@
1111
<!---------------------- Navbar ---------------------->
1212
<nav class="navbar">
1313
<div class="social_icons">
14-
<i class="fa-brands fa-facebook-f"></i>
15-
<i class="fa-brands fa-instagram"></i>
16-
<i class="fa-brands fa-pinterest-p"></i>
14+
<a href="https://facebook.com//people/MK-creatives/61572301925296/" target="_blank"
15+
rel="noopener noreferrer">
16+
<i class="fa-brands fa-facebook-f"></i>
17+
</a>
18+
<a href="https://instagram.com/mk_creative1019/" target="_blank" rel="noopener noreferrer">
19+
<i class="fa-brands fa-instagram"></i>
20+
</a>
21+
<a href="https://www.linkedin.com/in/mahanoor-khan/" target="_blank" rel="noopener noreferrer">
22+
<i class="fa-brands fa-linkedin"></i>
23+
</a>
1724
</div>
1825
<div class="logo">
1926
<img src="../images/logos&illustration/worlog-logo.png">
@@ -85,13 +92,22 @@ <h3>Get our latest posts</h3>
8592
<footer>
8693
<div class="sub_footer">
8794
<p> - This blog developed by -</p>
88-
<img src="/public/Assets/images/logos&illustration/my_logo.png">
95+
<img src="../images/logos&illustration/my_logo.png">
8996
<h3>Mahanoor khan</h3>
9097
<div class="creater_socials">
91-
<i class="fa-brands fa-facebook-f"></i>
92-
<i class="fa-brands fa-instagram"></i>
93-
<i class="fa-brands fa-linkedin"></i>
94-
<i class="fa-brands fa-github"></i>
98+
<a href="https://facebook.com//people/MK-creatives/61572301925296/" target="_blank"
99+
rel="noopener noreferrer">
100+
<i class="fa-brands fa-facebook-f"></i>
101+
</a>
102+
<a href="https://instagram.com/mk_creative1019/" target="_blank" rel="noopener noreferrer">
103+
<i class="fa-brands fa-instagram"></i>
104+
</a>
105+
<a href="https://www.linkedin.com/in/mahanoor-khan/" target="_blank" rel="noopener noreferrer">
106+
<i class="fa-brands fa-linkedin"></i>
107+
</a>
108+
<a href="https://github.com/Mahanoor123" target="_blank" rel="noopener noreferrer">
109+
<i class="fa-brands fa-github"></i>
110+
</a>
95111
</div>
96112
</div>
97113
<div class="sub_footer2">

0 commit comments

Comments
 (0)