Skip to content

Commit 3047705

Browse files
mdazfar2mdazfar2
authored
Merge pull request #278 from pandeyji711/Update_web
Makeover of homepage !!
2 parents 9896983 + 3729a60 commit 3047705

6 files changed

Lines changed: 252 additions & 23 deletions

File tree

‎Official_Website/app.js‎

Lines changed: 17 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -92,7 +92,8 @@ document.addEventListener("DOMContentLoaded", async function () {
9292

9393
const filteredData = data.filter((file) => {
9494
const isWebsite = file.name.toLowerCase() === "official_website";
95-
return !file.name.includes(".") && !isWebsite;
95+
const isupdate = file.name.toLowerCase() === "Update_website";
96+
return !file.name.includes(".") && !isWebsite && !isupdate;
9697
});
9798

9899
const foldersWithDates = await Promise.all(
@@ -167,25 +168,24 @@ document.addEventListener("DOMContentLoaded", async function () {
167168

168169
fetchRepository("https://api.github.com/repos/mdazfar2/HelpOps-Hub/contents");
169170

170-
const accordionButtons = document.querySelectorAll('.btn.abeezee-regular');
171+
const accordionButtons = document.querySelectorAll(".btn.abeezee-regular");
171172

172-
accordionButtons.forEach(button => {
173-
button.addEventListener('click', function () {
174-
const targetId = this.getAttribute('aria-controls');
175-
const targetCollapse = document.getElementById(targetId);
173+
accordionButtons.forEach((button) => {
174+
button.addEventListener("click", function () {
175+
const targetId = this.getAttribute("aria-controls");
176+
const targetCollapse = document.getElementById(targetId);
176177

177-
if (targetCollapse.classList.contains('show')) {
178-
targetCollapse.classList.remove('show');
179-
this.querySelector('i').classList.remove('fa-chevron-up');
180-
this.querySelector('i').classList.add('fa-chevron-down');
181-
} else {
182-
targetCollapse.classList.add('show');
183-
this.querySelector('i').classList.remove('fa-chevron-down');
184-
this.querySelector('i').classList.add('fa-chevron-up');
185-
}
186-
});
178+
if (targetCollapse.classList.contains("show")) {
179+
targetCollapse.classList.remove("show");
180+
this.querySelector("i").classList.remove("fa-chevron-up");
181+
this.querySelector("i").classList.add("fa-chevron-down");
182+
} else {
183+
targetCollapse.classList.add("show");
184+
this.querySelector("i").classList.remove("fa-chevron-down");
185+
this.querySelector("i").classList.add("fa-chevron-up");
186+
}
187+
});
187188
});
188-
189189
});
190190

191191
//Scroll to top js

‎Official_Website/contributor-index.html‎

Lines changed: 12 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -19,9 +19,11 @@
1919
</head>
2020
<body>
2121
<header class="header">
22-
<div class="logo">
23-
<img src="logo.png" alt="HelpOps-Hub Logo" />
24-
</div>
22+
<a href="index.html">
23+
<div class="logo">
24+
<img src="logo.png" alt="Logo">
25+
</div>
26+
</a>
2527
<div>
2628
<h1>HelpOps-Hub</h1>
2729
<p>Ensuring You Never Get Stuck In DevOps Again!</p>
@@ -67,9 +69,6 @@ <h1>HelpOps-Hub</h1>
6769

6870
<nav class="nav" id="navbar">
6971
<ul class="nav__list" id="navlinkitems">
70-
<li class="nav__item">
71-
<a href="contributor-index.html" class="fa-solid fa-people-group"></a>
72-
</li>
7372
<li class="nav__item">
7473
<a
7574
href="https://github.com/mdazfar2/HelpOps-Hub"
@@ -99,6 +98,13 @@ <h1>HelpOps-Hub</h1>
9998
onclick="toggleTheme()"
10099
></a>
101100
</li>
101+
<li>
102+
<a href="contributor-index.html">
103+
<button class="team-button">
104+
<svg viewBox="0 0 20 20" width="25" height="25" fill="none" class="text-primary dark:text-white"><path d="M9.95757 12.1164C12.8169 12.1164 15.2584 12.5697 15.2584 14.3837C15.2584 16.1969 12.8326 16.6667 9.95757 16.6667C7.09825 16.6667 4.65678 16.2134 4.65678 14.4002C4.65678 12.5862 7.08258 12.1164 9.95757 12.1164ZM14.5293 11.0241C15.6224 11.0038 16.7976 11.1539 17.2319 11.2605C18.1519 11.4414 18.7571 11.8106 19.0078 12.3472C19.2197 12.7878 19.2197 13.2989 19.0078 13.7387C18.6242 14.571 17.3878 14.8382 16.9073 14.9072C16.8081 14.9222 16.7282 14.8359 16.7387 14.7361C16.9842 12.4298 15.0314 11.3363 14.5263 11.0849C14.5046 11.0736 14.5002 11.0564 14.5024 11.0459C14.5039 11.0384 14.5129 11.0264 14.5293 11.0241ZM5.47137 11.0244C5.48779 11.0267 5.496 11.0387 5.49749 11.0454C5.49973 11.0567 5.49525 11.0732 5.47436 11.0852C4.96846 11.3366 3.01573 12.4301 3.26122 14.7357C3.27167 14.8362 3.19257 14.9218 3.09333 14.9075C2.6128 14.8385 1.3764 14.5713 0.992868 13.739C0.780209 13.2984 0.780209 12.7881 0.992868 12.3475C1.24358 11.8109 1.84798 11.4417 2.768 11.2601C3.20302 11.1542 4.37749 11.0041 5.47137 11.0244ZM9.95757 3.33337C11.9043 3.33337 13.4653 4.90193 13.4653 6.86075C13.4653 8.81882 11.9043 10.3889 9.95757 10.3889C8.01081 10.3889 6.44982 8.81882 6.44982 6.86075C6.44982 4.90193 8.01081 3.33337 9.95757 3.33337ZM14.7195 3.92162C16.5999 3.92162 18.0766 5.70107 17.5736 7.68315C17.2341 9.01755 16.0052 9.9039 14.636 9.86788C14.4987 9.86412 14.3636 9.85137 14.233 9.82885C14.1383 9.81234 14.0905 9.70502 14.1442 9.62546C14.6666 8.85244 14.9643 7.92257 14.9643 6.92439C14.9643 5.88269 14.639 4.91154 14.0741 4.11525C14.0562 4.09048 14.0428 4.05221 14.0607 4.02369C14.0756 4.00042 14.1032 3.98842 14.1293 3.98241C14.3196 3.94339 14.5151 3.92162 14.7195 3.92162ZM5.27998 3.92155C5.48443 3.92155 5.67993 3.94331 5.87095 3.98234C5.89632 3.98834 5.92467 4.0011 5.93959 4.02361C5.95676 4.05213 5.94407 4.09041 5.92616 4.11518C5.36131 4.91146 5.03598 5.88262 5.03598 6.92432C5.03598 7.92249 5.33371 8.85237 5.85602 9.62539C5.90975 9.70494 5.86199 9.81226 5.76723 9.82878C5.6359 9.85204 5.50159 9.86405 5.3643 9.8678C3.99508 9.90383 2.76614 9.01748 2.42663 7.68308C1.92297 5.70099 3.39964 3.92155 5.27998 3.92155Z" fill="currentColor"></path></svg> Our Team
105+
</button>
106+
</a>
107+
</li>
102108
<li>
103109
<button class="about-button">
104110
<a href="./about.html"> About Us </a>

‎Update_website/New_web/index.html‎

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>HelpOps-Hub</title>
7+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" />
8+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" integrity="sha512-Fo3rlrZj/k7ujTnH/PRVV+ejsK+y4J0F5QKdKqz2xk5+6RzSyZjNzkRcbEXfz6/Rk+6RD7Vh+x2DlJ2CgWNLcA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
9+
<link rel="stylesheet" href="styles.css">
10+
11+
</head>
12+
<body>
13+
<header>
14+
<nav>
15+
<a href="index.html">
16+
<div class="logo">
17+
<img src="logo.png" alt="Logo">
18+
</div>
19+
</a>
20+
<ul class="nav-links">
21+
<li><a href="#">Home</a></li>
22+
<li><a href="#">About</a></li>
23+
<li><a href="#">Team</a></li>
24+
<li><a href="#">Contact</a></li>
25+
</ul>
26+
<div class="nav-actions">
27+
<button class="sponsor-btn">Sponsor <i id="heart" class="fas fa-heart"></i></button>
28+
</div>
29+
</nav>
30+
</header>
31+
<main>
32+
<div class="main-content">
33+
<button class="star-button">
34+
<i class="star-icon"><i class="fas fa-star"></i></i> <!-- This is a star character -->
35+
Star Us
36+
</button>
37+
<h1>HelpOps-Hub</h1>
38+
<p>Ensuring You Never Get Stuck In DevOps Again!</p>
39+
<button class="get-started-btn">Get started</button>
40+
</div>
41+
</main>
42+
<script src="scripts.js"></script>
43+
</body>
44+
</html>

‎Update_website/New_web/logo.png‎

226 KB
Loading

‎Update_website/New_web/script.js‎

Whitespace-only changes.

‎Update_website/New_web/styles.css‎

Lines changed: 179 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,179 @@
1+
body {
2+
margin: 0;
3+
font-family: 'Arial', sans-serif;
4+
background: linear-gradient(180deg, #FDD86C 8.1%, #FF7D1F 100%);
5+
6+
display: flex;
7+
flex-direction: column;
8+
align-items: center;
9+
justify-content: center;
10+
height: 100vh;
11+
}
12+
13+
header {
14+
width: 100%;
15+
position: absolute;
16+
top: 0;
17+
background-color: transparent;
18+
padding: 10px 0;
19+
}
20+
21+
nav {
22+
display: flex;
23+
justify-content: space-between;
24+
align-items: center;
25+
width: 90%;
26+
margin: 0 auto;
27+
}
28+
29+
.logo img {
30+
height: 100px;
31+
width: 100px;
32+
position: relative;
33+
}
34+
35+
.nav-links {
36+
list-style: none;
37+
display: flex;
38+
gap: 50px;
39+
margin: 25px;
40+
padding: 10px 20px;
41+
background-color: #FDD86C;
42+
border-radius: 25px;
43+
44+
box-shadow: 0 4px 6px #FF7D1F;
45+
}
46+
47+
.nav-links li a {
48+
text-decoration: none;
49+
color: #000;
50+
padding: 10px 15px;
51+
font-size: x-large;
52+
53+
}
54+
.nav-actions {
55+
display: flex;
56+
align-items: center;
57+
gap: 10px;
58+
}
59+
60+
.search-btn, .sponsor-btn {
61+
background: none;
62+
border: none;
63+
cursor: pointer;
64+
font-size: 18px;
65+
66+
}
67+
68+
.search-btn {
69+
background-color: transparent;
70+
border-radius: 5px;
71+
padding: 5px 10px;
72+
}
73+
74+
.sponsor-btn {
75+
background-color: whitesmoke;
76+
border: none;
77+
border-radius: 25px; /* Rounded corners */
78+
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Drop shadow effect */
79+
color: #000000; /* Black text color */
80+
font-size: 24px;
81+
cursor: pointer;
82+
display: flex;
83+
align-items: center;
84+
justify-content: center;
85+
gap: 7px; /* Space between icon and text */
86+
transition: transform 0.1s ease; /* Smooth click effect */
87+
width: 150px;
88+
padding: 7px 7px ;
89+
font-family:cursive;
90+
margin-right: 7px;
91+
92+
}
93+
.sponsor-btn:active{
94+
transform:translateY(1px) ;
95+
}
96+
#heart{
97+
color: red;
98+
}
99+
100+
.main-content {
101+
text-align: center;
102+
margin-top: 80px;
103+
display: flex;
104+
align-items: center;
105+
justify-content: center;
106+
flex-direction: column;
107+
}
108+
109+
.get-started-btn {
110+
background-color: #fff;
111+
border-radius: 25px;
112+
padding: 10px 20px;
113+
cursor: pointer;
114+
font-size: 16px;
115+
116+
117+
}
118+
119+
.star-button {
120+
background-color: whitesmoke;
121+
border: none;
122+
border-radius: 25px; /* Rounded corners */
123+
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Drop shadow effect */
124+
color: #000000; /* Black text color */
125+
font-size: 24px;
126+
cursor: pointer;
127+
display: flex;
128+
align-items: center;
129+
justify-content: center;
130+
gap: 7px; /* Space between icon and text */
131+
transition: transform 0.1s ease; /* Smooth click effect */
132+
width: 150px;
133+
padding: 7px 7px ;
134+
font-family:cursive;
135+
}
136+
137+
.star-button:active {
138+
transform: translateY(1px); /* Slight move down on click */
139+
}
140+
141+
.star-icon {
142+
color: #FFD700; /* Yellow star color */
143+
font-size: 20px; /* Slightly larger than text */
144+
}
145+
146+
.get-started-btn {
147+
/* background-color: #FFFFFF; White background */
148+
border: none;
149+
border-radius: 25px; /* Rounded corners */
150+
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Drop shadow effect */
151+
color: #000000; /* Black text color */
152+
font-size: 16px;
153+
cursor: pointer;
154+
display: flex;
155+
align-items: center;
156+
justify-content: center;
157+
gap: 7px; /* Space between icon and text */
158+
transition: transform 0.1s ease; /* Smooth click effect */
159+
width: 180px;
160+
background-color: whitesmoke;
161+
font-family:cursive;
162+
}
163+
.get-started-btn:active {
164+
transform: translateY(1px); /* Slight move down on click */
165+
}
166+
167+
h1 {
168+
font-size: 96px;
169+
color: #000;
170+
margin: 0;
171+
font-family: 'Arial Black', sans-serif;
172+
}
173+
174+
p {
175+
font-size: 24px;
176+
color: white;
177+
margin: 20px;
178+
font-family:cursive;
179+
}

0 commit comments

Comments
 (0)