updated nav bar

mrgear111 · Jan 11, 2025 · dc7a61b · dc7a61b
1 parent c5a972a
commit dc7a61b
Show file tree

Hide file tree

Showing 17 changed files with 303 additions and 71 deletions.
diff --git a/1st_image_url.txt b/1st_image_url.txt
@@ -1 +1 @@
-https://yt3.googleusercontent.com/VRwXKVbEg7HVYyV-iK6VnrCDRjQASHlasY2fNiGTtMom5LY0mJMddZp4ZOQrp90gCehYRN09nQ
+https://yt3.googleusercontent.com/ChIv0Zlb1L1e9kqrXOvKR7OJGmofRPMGvAERXP5LmzdoFkqlBbKyy-wLHoDSovy6JOGGp-Is
diff --git a/1st_views.txt b/1st_views.txt
@@ -1 +1 @@
-103K
+97K
diff --git a/2nd_image_url.txt b/2nd_image_url.txt
@@ -1 +1 @@
-https://yt3.googleusercontent.com/mK_WeyiKUly03lO2POJSyMfXTU3baYuBUKsToKGbmvBXX6x1y_SH_DPStpLobPIYMHllRL2FSB0
+https://yt3.googleusercontent.com/4VJA8NcueJgKJG5OYwCgcMFXzD6A7qU6Nk86LKT6Zqvz4s3EYwSia4ncPoxDxTQO377KpKciSJ8
diff --git a/2nd_views.txt b/2nd_views.txt
@@ -1 +1 @@
-64K
+90K
diff --git a/3rd_image_url.txt b/3rd_image_url.txt
@@ -1 +1 @@
-https://yt3.googleusercontent.com/447XAt80-ow7poHghoEV2f_0xf-QypVPzTqEFlwVsvijrS56-dpTU3ICge4OP48V8nfk6x5j
+https://yt3.googleusercontent.com/zPcJCW97DybOjg6cmCN1MkiS8ryRbI1AUoeVj0dcUet-Vfp1y_f5jIEqgeGcV2k6BaN2OncBjgw
diff --git a/3rd_views.txt b/3rd_views.txt
@@ -1 +1 @@
-35K
+79K
diff --git a/4th_image_url.txt b/4th_image_url.txt
@@ -1 +1 @@
-https://yt3.googleusercontent.com/pyJrgRJt_77DZ1O_ek96CcfX8BPiEXdoGt8wqPeKfBpk-E8zVplqjj16mHK9EFbIi3wGCO2D3g
+https://yt3.googleusercontent.com/moYUpns5eJKq4RZZ0NLFukEox1mIkmUr0L370Qv_hpX1acs90VzOKHsRCCvCbGERhomXmt5-jg
diff --git a/4th_views.txt b/4th_views.txt
@@ -1 +1 @@
-34K
+51K
diff --git a/about.html b/about.html
@@ -5,25 +5,47 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Gaming News Hub - About</title>
     <link rel="stylesheet" href="style.css">
+    <!-- Add Font Awesome CDN -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
 </head>
 <body>
     <div class="container">
         <nav class="sidebar">
             <div class="logo">
+                <i class="fas fa-gamepad"></i>
                 <h2>Playzone Area</h2>
             </div>
+
             <ul class="connect">
-                <li><a href="index.html">Home</a></li>
-                <li><a href="trending.html">Trending News</a></li>
-                <li><a href="esports.html">Esports News</a></li>
-                <li><a href="community.html">Community</a></li>
-                <li><a href="guides.html">Guides & Tips</a></li>
-                <li><a href="about.html" class="active">About</a></li>
+                <li><a href="index.html">
+                    <i class="fas fa-home"></i>
+                    <span>Home</span>
+                </a></li>
+                <li><a href="trending.html">
+                    <i class="fas fa-fire"></i>
+                    <span>Trending News</span>
+                </a></li>
+                <li><a href="esports.html">
+                    <i class="fas fa-trophy"></i>
+                    <span>Esports News</span>
+                </a></li>
+                <li><a href="community.html">
+                    <i class="fas fa-users"></i>
+                    <span>Community</span>
+                </a></li>
+                <li><a href="guides.html">
+                    <i class="fas fa-book"></i>
+                    <span>Guides & Tips</span>
+                </a></li>
+                <li><a href="about.html" class="active">
+                    <i class="fas fa-info-circle"></i>
+                    <span>About</span>
+                </a></li>
             </ul>
         </nav>
         <main class="content">
             <div class="about-hero" >
-                <h1>Playzone Area</h1>
+                <h1>About Playzone Area</h1>
                 <p class="mission-statement">Bringing the gaming world closer together through comprehensive news coverage, community engagement, and expert insights.</p>
             </div>
 

diff --git a/c.py b/c.py
@@ -0,0 +1,2 @@
+for i in range(1,10):
+    print(i)
diff --git a/community.html b/community.html
@@ -10,15 +10,34 @@
     <div class="container">
         <nav class="sidebar">
             <div class="logo">
+                <i class="fas fa-gamepad"></i>
                 <h2>Playzone Area</h2>
             </div>
             <ul class="connect">
-                <li><a href="index.html">Home</a></li>
-                <li><a href="trending.html">Trending News</a></li>
-                <li><a href="esports.html">Esports News</a></li>
-                <li><a href="community.html" class="active">Community</a></li>
-                <li><a href="guides.html">Guides & Tips</a></li>
-                <li><a href="about.html">About</a></li>
+                <li><a href="index.html">
+                    <i class="fas fa-home"></i>
+                    <span>Home</span>
+                </a></li>
+                <li><a href="trending.html">
+                    <i class="fas fa-fire"></i>
+                    <span>Trending News</span>
+                </a></li>
+                <li><a href="esports.html">
+                    <i class="fas fa-trophy"></i>
+                    <span>Esports News</span>
+                </a></li>
+                <li><a href="community.html" class="active">
+                    <i class="fas fa-users"></i>
+                    <span>Community</span>
+                </a></li>
+                <li><a href="guides.html">
+                    <i class="fas fa-book"></i>
+                    <span>Guides & Tips</span>
+                </a></li>
+                <li><a href="about.html">
+                    <i class="fas fa-info-circle"></i>
+                    <span>About</span>
+                </a></li>
             </ul>
         </nav>
         <main class="content">
@@ -143,7 +162,7 @@ <h2 class="section-title">Community Highlights</h2>
                         <div class="social-header">
 
 
-                            <h3>Twitter (X) Feed</h3>
+                            <h3>Twitter Feed</h3>
 
                         </div>
                         <div class="tweets-container">

diff --git a/esports.html b/esports.html
@@ -5,20 +5,42 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Gaming News Hub - Esports</title>
     <link rel="stylesheet" href="style.css">
+    <!-- Add Font Awesome CDN -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
 </head>
 <body>
     <div class="container">
         <nav class="sidebar">
             <div class="logo">
+                <i class="fas fa-gamepad"></i>
                 <h2>Playzone Area</h2>
             </div>
+
             <ul class="connect">
-                <li><a href="index.html">Home</a></li>
-                <li><a href="trending.html">Trending News</a></li>
-                <li><a href="esports.html" class="active">Esports News</a></li>
-                <li><a href="community.html">Community</a></li>
-                <li><a href="guides.html">Guides & Tips</a></li>
-                <li><a href="about.html">About</a></li>
+                <li><a href="index.html">
+                    <i class="fas fa-home"></i>
+                    <span>Home</span>
+                </a></li>
+                <li><a href="trending.html">
+                    <i class="fas fa-fire"></i>
+                    <span>Trending News</span>
+                </a></li>
+                <li><a href="esports.html" class="active">
+                    <i class="fas fa-trophy"></i>
+                    <span>Esports News</span>
+                </a></li>
+                <li><a href="community.html">
+                    <i class="fas fa-users"></i>
+                    <span>Community</span>
+                </a></li>
+                <li><a href="guides.html">
+                    <i class="fas fa-book"></i>
+                    <span>Guides & Tips</span>
+                </a></li>
+                <li><a href="about.html">
+                    <i class="fas fa-info-circle"></i>
+                    <span>About</span>
+                </a></li>
             </ul>
         </nav>
 
@@ -35,7 +57,7 @@ <h2 class="section-title">What's Happening in Esports</h2>
 
                                     <h3>CS:GO Major</h3>
                                     <p>Perfect World Shanghai Major 2025</p>
-                                    <button class="watch-now">Expecting soon</button>
+                                    <button class="watch-now">Yet to start</button>
                                 </div>
                             </div>
                         </div>

diff --git a/guides.html b/guides.html
@@ -5,20 +5,42 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Gaming News Hub - Guides & Tips</title>
     <link rel="stylesheet" href="style.css">
+    <!-- Add Font Awesome CDN -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
 </head>
 <body>
     <div class="container">
         <nav class="sidebar">
             <div class="logo">
+                <i class="fas fa-gamepad"></i>
                 <h2>Playzone Area</h2>
             </div>
+
             <ul class="connect">
-                <li><a href="index.html">Home</a></li>
-                <li><a href="trending.html">Trending News</a></li>
-                <li><a href="esports.html">Esports News</a></li>
-                <li><a href="community.html">Community</a></li>
-                <li><a href="guides.html" class="active">Guides & Tips</a></li>
-                <li><a href="about.html">About</a></li>
+                <li><a href="index.html">
+                    <i class="fas fa-home"></i>
+                    <span>Home</span>
+                </a></li>
+                <li><a href="trending.html">
+                    <i class="fas fa-fire"></i>
+                    <span>Trending News</span>
+                </a></li>
+                <li><a href="esports.html">
+                    <i class="fas fa-trophy"></i>
+                    <span>Esports News</span>
+                </a></li>
+                <li><a href="community.html">
+                    <i class="fas fa-users"></i>
+                    <span>Community</span>
+                </a></li>
+                <li><a href="guides.html" class="active">
+                    <i class="fas fa-book"></i>
+                    <span>Guides & Tips</span>
+                </a></li>
+                <li><a href="about.html">
+                    <i class="fas fa-info-circle"></i>
+                    <span>About</span>
+                </a></li>
             </ul>
         </nav>
         <main class="content">

diff --git a/index.html b/index.html
@@ -5,6 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Gaming News Hub - Home</title>
     <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
 </head>
 <body>
     <div class="viban">
@@ -32,20 +33,36 @@ <h1>Astro Bot</h1>
     <div class="container">
         <nav class="sidebar">
             <div class="logo">
-                <h2>Playzone Area </h2>
+                <i class="fas fa-gamepad"></i>
+                <h2>Playzone Area</h2>
             </div>
 
             <ul class="connect">
-                <li><a href="index.html">Home</a></li>
-                <li><a href="trending.html">Trending News</a></li>
-                <li><a href="esports.html">Esports News</a></li>
-                <li><a href="community.html">Community</a></li>
-                <li><a href="guides.html">Guides & Tips</a></li>
-                <li><a href="about.html">About</a></li>
+                <li><a href="index.html" class="active">
+                    <i class="fas fa-home"></i>
+                    <span>Home</span>
+                </a></li>
+                <li><a href="trending.html">
+                    <i class="fas fa-fire"></i>
+                    <span>Trending News</span>
+                </a></li>
+                <li><a href="esports.html">
+                    <i class="fas fa-trophy"></i>
+                    <span>Esports News</span>
+                </a></li>
+                <li><a href="community.html">
+                    <i class="fas fa-users"></i>
+                    <span>Community</span>
+                </a></li>
+                <li><a href="guides.html">
+                    <i class="fas fa-book"></i>
+                    <span>Guides & Tips</span>
+                </a></li>
+                <li><a href="about.html">
+                    <i class="fas fa-info-circle"></i>
+                    <span>About</span>
+                </a></li>
             </ul>
-
-
-
         </nav>
         <main class="content"> 
             <h1>Top Trending Games of Year-2024</h1>
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		https://yt3.googleusercontent.com/VRwXKVbEg7HVYyV-iK6VnrCDRjQASHlasY2fNiGTtMom5LY0mJMddZp4ZOQrp90gCehYRN09nQ
		https://yt3.googleusercontent.com/ChIv0Zlb1L1e9kqrXOvKR7OJGmofRPMGvAERXP5LmzdoFkqlBbKyy-wLHoDSovy6JOGGp-Is
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		https://yt3.googleusercontent.com/mK_WeyiKUly03lO2POJSyMfXTU3baYuBUKsToKGbmvBXX6x1y_SH_DPStpLobPIYMHllRL2FSB0
		https://yt3.googleusercontent.com/4VJA8NcueJgKJG5OYwCgcMFXzD6A7qU6Nk86LKT6Zqvz4s3EYwSia4ncPoxDxTQO377KpKciSJ8
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		https://yt3.googleusercontent.com/447XAt80-ow7poHghoEV2f_0xf-QypVPzTqEFlwVsvijrS56-dpTU3ICge4OP48V8nfk6x5j
		https://yt3.googleusercontent.com/zPcJCW97DybOjg6cmCN1MkiS8ryRbI1AUoeVj0dcUet-Vfp1y_f5jIEqgeGcV2k6BaN2OncBjgw
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		https://yt3.googleusercontent.com/pyJrgRJt_77DZ1O_ek96CcfX8BPiEXdoGt8wqPeKfBpk-E8zVplqjj16mHK9EFbIi3wGCO2D3g
		https://yt3.googleusercontent.com/moYUpns5eJKq4RZZ0NLFukEox1mIkmUr0L370Qv_hpX1acs90VzOKHsRCCvCbGERhomXmt5-jg