Skip to content

Commit f578e67

Browse files
shreyash3087shreyash3087
authored
Merge branch 'mdazfar2:main' into fix/team-card-alignment
2 parents c7e6a4d + 6a32ebf commit f578e67

10 files changed

Lines changed: 231 additions & 316 deletions

File tree

‎Official_Website/about.html‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,7 @@
1212
<link rel="stylesheet" href="aboutstyle.css">
1313
<link rel="stylesheet" href="style.css">
1414
<link rel="stylesheet" href="navstyle.css">
15+
<script src="darkmode.js"></script>
1516

1617
<link rel="preconnect" href="https://fonts.googleapis.com">
1718
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
@@ -47,7 +48,7 @@ <h1>About Us</h1>
4748
</li>
4849

4950
<li class="nav__item">
50-
<a href="javascript:void(0);" class="fas fa-adjust" onclick="toggleTheme()"></a>
51+
<a href="javascript:void(0);" class="fas fa-adjust" onclick="toggleTheme()"></a>
5152
</li>
5253
<li>
5354
<button class="about-button">

‎Official_Website/aboutstyle.css‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -138,9 +138,7 @@ p,li{
138138
padding-top: 20px;
139139
padding-bottom: 20px;
140140
}
141-
.btn{
142-
color: #02566b;
143-
}
141+
144142
.btn:focus{
145143
box-shadow: none;
146144
}

‎Official_Website/app.js‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -166,7 +166,28 @@ document.addEventListener("DOMContentLoaded", async function () {
166166
}
167167

168168
fetchRepository("https://api.github.com/repos/mdazfar2/HelpOps-Hub/contents");
169+
170+
const accordionButtons = document.querySelectorAll('.btn.abeezee-regular');
171+
172+
accordionButtons.forEach(button => {
173+
button.addEventListener('click', function () {
174+
const targetId = this.getAttribute('aria-controls');
175+
const targetCollapse = document.getElementById(targetId);
176+
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+
});
187+
});
188+
169189
});
190+
170191
//Scroll to top js
171192
const scrollToTopBtn = document.getElementById("scrollToTopBtn");
172193
function scrollToTop() {

‎Official_Website/contributor-index.html‎

Lines changed: 4 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,8 @@
1414
<link rel="stylesheet" href="newCards.css" />
1515
<link rel="stylesheet" href="style.css" />
1616
<link rel="stylesheet" href="navstyle.css" />
17-
<link rel="stylesheet" href="banner.css" />
17+
<script src="darkmode.js"></script>
18+
1819
</head>
1920
<body>
2021
<header class="header">
@@ -89,7 +90,7 @@ <h1>HelpOps-Hub</h1>
8990
</li>
9091

9192
<li class="nav__item">
92-
<a href="javascript:void(0);" class="fas fa-adjust" onclick="toggleTheme()"></a>
93+
<a href="javascript:void(0);" class="fas fa-adjust" onclick="toggleTheme()"></a>
9394
</li>
9495
<li>
9596
<button class="about-button">
@@ -506,17 +507,7 @@ <h2>Anurag Pandey</h2>
506507
</div>
507508

508509
</div>
509-
<div class="join-team">
510-
<span class="trophy">🏆</span>
511-
<div class="text-content">
512-
<h2>Join our awesome team!</h2>
513-
<p>Be a contributor and improve HelpOps-Hub and help fellow developers.</p>
514-
</div>
515-
<a href="https://github.com/mdazfar2/HelpOps-Hub">
516-
<button class="join-button">Join us now ➜</button>
517-
</a>
518-
</div>
519-
<button id="load-more" style="display: none;">See More</button>
510+
<button id="load-more" style="display: none;">Load More</button>
520511
<script src="contributor.js"></script>
521512
<script src="dark_mode.js"></script>
522513
</body>

‎Official_Website/contributor-style.css‎

Lines changed: 1 addition & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -248,7 +248,6 @@ width: 40px;
248248
display: flex;
249249
justify-content: space-between;
250250
align-items: center;
251-
background-color: whitesmoke;
252251
border-radius: 20px;
253252
/* border: solid; */
254253
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
@@ -323,17 +322,7 @@ width: 40px;
323322
margin-top: 5px;
324323
}
325324

326-
.info-div h2 {
327-
margin: 10px 0 5px;
328-
font-size: 2em;
329-
color: black;
330-
}
331325

332-
.info-div p {
333-
margin: 5px 0;
334-
font-size: 1em;
335-
color: black;
336-
}
337326

338327
#team-grid1 {
339328
display: grid;
@@ -376,13 +365,7 @@ width: 40px;
376365
margin-left: 20px;
377366
font-size: XX-large;
378367
}
379-
#social-links a {
380-
display: flex;
381-
align-items: center;
382-
color: black;
383-
margin: 5px 0;
384-
text-decoration: none;
385-
}
368+
386369

387370

388371
#social-links a i {

‎Official_Website/dark_mode.css‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -7,9 +7,7 @@ header.dark-mode {
77
background-color: #1e1e1e;
88
color: #e0e0e0;
99
}
10-
.dark-mode .nav{
11-
background-color: #1e1e1e !important;
12-
}
10+
1311
.icons a.dark-mode {
1412
color: #e0e0e0;
1513
}

‎Official_Website/faq.html‎

Lines changed: 8 additions & 71 deletions
Original file line numberDiff line numberDiff line change
@@ -16,71 +16,8 @@
1616
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
1717
<link href="https://fonts.googleapis.com/css2?family=ABeeZee:ital@0;1&display=swap" rel="stylesheet">
1818
<link rel="stylesheet" href="navstyle.css">
19-
<style>
20-
/* Custom CSS for Accordion */
21-
.accordion .card-header {
22-
cursor: pointer;
23-
}
24-
.accordion .card-header .btn {
25-
text-align: left;
26-
width: 100%;
27-
}
28-
.accordion .card-header i {
29-
transition: transform 0.2s;
30-
}
31-
.accordion .collapse.show .card-header i {
32-
transform: rotate(180deg);
33-
}
34-
.accordion .collapse {
35-
height: auto;
36-
overflow: hidden;
37-
transition: height 0.3s ease-in-out;
38-
}
39-
40-
.accordion .collapse.show {
41-
height: auto;
42-
}
43-
.accordion .card-body {
44-
height: auto;
45-
animation: fadeIn 0.3s ease-in-out;
46-
}
47-
@keyframes fadeIn {
48-
from { opacity: 0; }
49-
to { opacity: 1; }
50-
}
51-
body{
52-
overflow-y: scroll;
53-
}
54-
.about-button1 {
55-
display: flex;
56-
align-items: center;
57-
color: black;
58-
position: fixed;
59-
bottom: 50px;
60-
right: 50px;
61-
color: #00ccff;
62-
background-color: #00ccff;
63-
box-shadow: 5px 5px 20px #00ccff;
64-
border: none;
65-
padding: 5px 5px;
66-
border-radius: 8px; /* Rounded corners */
67-
font-size: 16px; /* Text size */
68-
cursor: pointer;
69-
text-decoration: none;
70-
transition: 0.5s;
71-
}
72-
.about-button1:hover {
73-
transform: scale(1.2);
74-
/* background-color: white; */
75-
}
76-
.about-button1 a{
77-
text-decoration: none;
78-
}
79-
.nav_item {
80-
text-decoration: none;
81-
}
82-
83-
</style>
19+
<script src="darkmode.js"></script>
20+
8421
</head>
8522
<body>
8623
<header class="header">
@@ -139,7 +76,7 @@ <h1>FAQ's</h1>
13976
<div class="accordion" id="accordionExample">
14077
<div class="card">
14178
<div class="card-header" id="headingOne">
142-
<h5 class="mb-0">
79+
<h5 class="mb-0 collapse-heading">
14380
<button class="btn abeezee-regular" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
14481
1. What is HelpOps-Hub? <i class="fas fa-chevron-down float-right"></i>
14582
</button>
@@ -154,7 +91,7 @@ <h5 class="mb-0">
15491
</div>
15592
<div class="card">
15693
<div class="card-header" id="headingTwo">
157-
<h5 class="mb-0">
94+
<h5 class="mb-0 collapse-heading">
15895
<button class="btn abeezee-regular" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
15996
2. How can I use HelpOps-Hub? <i class="fas fa-chevron-down float-right"></i>
16097
</button>
@@ -169,7 +106,7 @@ <h5 class="mb-0">
169106
</div>
170107
<div class="card">
171108
<div class="card-header" id="headingThree">
172-
<h5 class="mb-0">
109+
<h5 class="mb-0 collapse-heading">
173110
<button class="btn abeezee-regular" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
174111
3. Is there a cost associated with using HelpOps-Hub?
175112
<i class="fas fa-chevron-down float-right"></i>
@@ -184,7 +121,7 @@ <h5 class="mb-0">
184121
</div>
185122
<div class="card">
186123
<div class="card-header" id="headingFour">
187-
<h5 class="mb-0">
124+
<h5 class="mb-0 collapse-heading">
188125
<button class="btn abeezee-regular" type="button" data-toggle="collapse" data-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
189126
4. How can I contribute to HelpOps-Hub?
190127
<i class="fas fa-chevron-down float-right"></i>
@@ -198,7 +135,7 @@ <h5 class="mb-0">
198135
</div>
199136
<div class="card">
200137
<div class="card-header" id="headingFive">
201-
<h5 class="mb-0">
138+
<h5 class="mb-0 collapse-heading">
202139
<button class="btn abeezee-regular" type="button" data-toggle="collapse" data-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
203140
5. Who can benefit from HelpOps-Hub?
204141
<i class="fas fa-chevron-down float-right"></i>
@@ -228,4 +165,4 @@ <h5 class="mb-0">
228165
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
229166

230167
</body>
231-
</html>
168+
</html>

‎Official_Website/navstyle.css‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -78,9 +78,7 @@
7878
transform: scale(1, 1);
7979
text-decoration: none;
8080
}
81-
nav{
82-
background-color: #00ccff;
83-
}
81+
8482
.logo1 {
8583
padding: 3vh 5vw;
8684
text-align: center;

‎Official_Website/newCards.css‎

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -62,7 +62,6 @@ transform: scale(1.05);
6262
.info-div7 p {
6363
margin: 5px 0;
6464
font-size: 0.9em;
65-
color: black;
6665
}
6766

6867
.data7 {
@@ -83,7 +82,6 @@ transform: scale(1.05);
8382
font-size: 24px;
8483
margin-bottom: 5px;
8584
font-weight: bold;
86-
color: #333;
8785
}
8886

8987
.contributions-label7 {

0 commit comments

Comments
 (0)