Skip to content

Commit 6a32ebf

Browse files
mdazfar2mdazfar2
authored
Merge pull request #220 from Varsani2520/web-theme
Dark mode available on every pages
2 parents fe11381 + 9eec338 commit 6a32ebf

9 files changed

Lines changed: 246 additions & 406 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/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;
@@ -374,13 +363,7 @@ width: 40px;
374363
margin-left: 20px;
375364
font-size: XX-large;
376365
}
377-
#social-links a {
378-
display: flex;
379-
align-items: center;
380-
color: black;
381-
margin: 5px 0;
382-
text-decoration: none;
383-
}
366+
384367

385368

386369
#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: 10 additions & 74 deletions
Original file line numberDiff line numberDiff line change
@@ -16,69 +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 .card-header i.collapsed {
32-
transform: rotate(0deg);
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-
}
75-
.about-button1 a{
76-
text-decoration: none;
77-
}
78-
.nav_item {
79-
text-decoration: none;
80-
}
81-
</style>
19+
<script src="darkmode.js"></script>
20+
8221
</head>
8322
<body>
8423
<header class="header">
@@ -135,10 +74,9 @@ <h1>FAQ's</h1>
13574
<div class="container mt-5">
13675

13776
<div class="accordion" id="accordionExample">
138-
13977
<div class="card">
14078
<div class="card-header" id="headingOne">
141-
<h5 class="mb-0">
79+
<h5 class="mb-0 collapse-heading">
14280
<button class="btn abeezee-regular" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
14381
1. What is HelpOps-Hub? <i class="fas fa-chevron-down float-right"></i>
14482
</button>
@@ -153,7 +91,7 @@ <h5 class="mb-0">
15391
</div>
15492
<div class="card">
15593
<div class="card-header" id="headingTwo">
156-
<h5 class="mb-0">
94+
<h5 class="mb-0 collapse-heading">
15795
<button class="btn abeezee-regular" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
15896
2. How can I use HelpOps-Hub? <i class="fas fa-chevron-down float-right"></i>
15997
</button>
@@ -168,7 +106,7 @@ <h5 class="mb-0">
168106
</div>
169107
<div class="card">
170108
<div class="card-header" id="headingThree">
171-
<h5 class="mb-0">
109+
<h5 class="mb-0 collapse-heading">
172110
<button class="btn abeezee-regular" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
173111
3. Is there a cost associated with using HelpOps-Hub?
174112
<i class="fas fa-chevron-down float-right"></i>
@@ -183,7 +121,7 @@ <h5 class="mb-0">
183121
</div>
184122
<div class="card">
185123
<div class="card-header" id="headingFour">
186-
<h5 class="mb-0">
124+
<h5 class="mb-0 collapse-heading">
187125
<button class="btn abeezee-regular" type="button" data-toggle="collapse" data-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
188126
4. How can I contribute to HelpOps-Hub?
189127
<i class="fas fa-chevron-down float-right"></i>
@@ -197,7 +135,7 @@ <h5 class="mb-0">
197135
</div>
198136
<div class="card">
199137
<div class="card-header" id="headingFive">
200-
<h5 class="mb-0">
138+
<h5 class="mb-0 collapse-heading">
201139
<button class="btn abeezee-regular" type="button" data-toggle="collapse" data-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
202140
5. Who can benefit from HelpOps-Hub?
203141
<i class="fas fa-chevron-down float-right"></i>
@@ -216,17 +154,15 @@ <h5 class="mb-0">
216154
</div>
217155
</div>
218156
</div>
219-
220-
221157
<button class="about-button1">
222158
<a href="./about.html"> About Us </a>
223159
</button>
224160
<div id="scrollToTopBtn" class="scrollToTopBtn_FAQ" onclick="scrollToTop() "><img src="scrollToTop.png"></div>
161+
<script src="app.js"></script>
225162
<!-- jQuery and Bootstrap Bundle (includes Popper) -->
226-
<script src="app.js"></script>
227163
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
228164
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js"></script>
229-
<!-- <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script> -->
165+
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
230166

231167
</body>
232-
</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)