Skip to content

Commit bb7c9b4

Browse files
gyanshankar1708gyanshankar1708
authored
Merge pull request #499 from DiyaGhorpade/fix/navbar-ui
Fixed Navbar Links and changed text colour
2 parents f815e97 + 1292223 commit bb7c9b4

File tree

1 file changed

+59
-13
lines changed

1 file changed

+59
-13
lines changed

‎about.html‎

Lines changed: 59 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -330,7 +330,7 @@
330330
background: color-mix(in oklab, var(--bg-soft), transparent 70%);
331331
backdrop-filter: blur(8px);
332332
}
333-
.metric b { font-size: clamp(18px, 3.6vw, 26px); }
333+
.metric b { font-size: clamp(18px, 3.6vw, 26px); color: var(--text); }
334334
.metric p { margin: 6px 0 0; color: var(--muted); font-size: 13px; }
335335

336336
/* Decorative ring */
@@ -549,7 +549,7 @@
549549
.reveal{opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s cubic-bezier(.2,.9,.3,1)}
550550
.reveal.in{opacity:1;transform:none}
551551
:root{
552-
--brand:#16a34a; --brand-2:#22c55e; --bg:#0b0f14; --bg-soft:#0f1720; --text:#e6eef3; --muted:#9aa6b2; --card:rgba(255,255,255,0.03); --border:rgba(255,255,255,0.06); --glass:rgba(255,255,255,0.02); --shadow:0 14px 36px rgba(2,6,23,0.6); --radius:14px; --max-w:1100px;
552+
--brand:#16a34a; --brand-2:#22c55e; --bg:#0b0f14; --bg-soft:#0f1720; --text:#e6eef3; --muted:#ffffff; --card:rgba(255,255,255,0.03); --border:rgba(255,255,255,0.06); --glass:rgba(255,255,255,0.02); --shadow:0 14px 36px rgba(2,6,23,0.6); --radius:14px; --max-w:1100px;
553553
}
554554
.theme-light{ --bg:#f8fafc; --bg-soft:#ffffff; --text:#07101a; --muted:#475569; --card:rgba(0,0,0,0.04); --border: rgba(2,6,23,0.06); --glass: rgba(0,0,0,0.04); --shadow: 0 10px 24px rgba(2,6,23,0.06); }
555555
*{box-sizing:border-box}
@@ -646,7 +646,56 @@
646646
/* accessibility focus */
647647
.role-btn:focus, .contrib:focus{outline:2px solid color-mix(in oklab,var(--brand),transparent 60%)}
648648

649-
649+
/* Make snapshot box text white in dark mode */
650+
body:not(.theme-light) .metric b,
651+
body:not(.theme-light) .metric p,
652+
body:not(.theme-light) .facts .muted,
653+
body:not(.theme-light) .card h3,
654+
body:not(.theme-light) .card p.muted,
655+
body:not(.theme-light) .panel h3,
656+
body:not(.theme-light) .panel p.muted,
657+
body:not(.theme-light) .fact b,
658+
body:not(.theme-light) .fact .muted,
659+
body:not(.theme-light) .kicker,
660+
body:not(.theme-light) .muted,
661+
body:not(.theme-light) .sub,
662+
body:not(.theme-light) p.lead,
663+
body:not(.theme-light) h2,
664+
body:not(.theme-light) h3,
665+
body:not(.theme-light) h4 {
666+
color: #fff
667+
}
668+
body:not(.theme-light) #contactBtn {
669+
color: #fff !important;
670+
border-color: #fff !important;
671+
}
672+
/*Changing colout to white in dark mode for mission metrics box*/
673+
body:not(.theme-light) .panel .kicker,
674+
body:not(.theme-light) .panel h3,
675+
body:not(.theme-light) .panel p,
676+
body:not(.theme-light) .panel .muted,
677+
body:not(.theme-light) .panel .metric p,
678+
body:not(.theme-light) .panel .fact .muted,
679+
body:not(.theme-light) .radial .inner b,
680+
body:not(.theme-light) .radial .inner small {
681+
color: #fff !important;
682+
}
683+
body:not(.theme-light) .panel .radial small {
684+
color: #fff !important;
685+
}
686+
/*Changing colours of buttons*/
687+
body:not(.theme-light) #learnMore{
688+
color: #fff !important;
689+
border-color: #fff !important;
690+
}
691+
body:not(.theme-light) #meetBtn{
692+
color: #fff !important;
693+
border-color: #fff !important;
694+
}
695+
body:not(.theme-light) #contributeBtn{
696+
color: #fff !important;
697+
border-color: #fff !important;
698+
}
650699
</style>
651700
</head>
652701
<body>
@@ -664,20 +713,17 @@
664713
<div class="collapse navbar-collapse" id="navbarNav">
665714
<ul class="navbar-nav ms-auto">
666715
<li class="nav-item">
667-
<a class="nav-link active visited" aria-current="page" href="../index.html">Home</a>
668-
</li>
669-
<li class="nav-item">
670-
<a class="nav-link active" aria-current="page" href="#services">Services</a>
716+
<a class="nav-link active visited" aria-current="page" href="index.html">Home</a>
671717
</li>
672718
<li class="nav-item">
673-
<a class="nav-link active" aria-current="page" href="../blogListing.html">Blogs</a>
719+
<a class="nav-link active" aria-current="page" href="services.html">Services</a>
674720
</li>
675721
<li class="nav-item">
676-
<a class="nav-link active" aria-current="page" href="../about.html">About Us</a>
722+
<a class="nav-link active" aria-current="page" href="blogListing.html">Blogs</a>
677723
</li>
678724
<!-- Added new "Our Work" link to navigate to the new work section on same page -->
679725
<li class="nav-item">
680-
<a class="nav-link active" aria-current="page" href="#work">Our Work</a>
726+
<a class="nav-link active" aria-current="page" href="work.html">Our Work</a>
681727
</li>
682728
<li class="nav-item">
683729
<a class="nav-link active" aria-current="page" href="src/contact.html">Contact Us</a>
@@ -1265,7 +1311,7 @@ <h4 id="gc-card-title">Real projects • Mentorship • Portfolio-ready work</h4
12651311
// CTA demo handlers (replace with real routes)
12661312

12671313
document.getElementById('exploreServices')?.addEventListener('click', ()=>{
1268-
window.location.hash = '#services';
1314+
window.location.href = 'services.html';
12691315
});
12701316
document.getElementById('joinContrib')?.addEventListener('click', ()=>{
12711317
window.location.hash = '#contribute';
@@ -1327,9 +1373,9 @@ <h4 id="gc-card-title">Real projects • Mentorship • Portfolio-ready work</h4
13271373
})();
13281374

13291375
// CTA handlers (replace hashes with routes)
1330-
document.getElementById('exploreBtn')?.addEventListener('click', ()=> window.location.hash = '#services');
1376+
document.getElementById('exploreBtn')?.addEventListener('click', ()=> window.location.href = 'services.html');
13311377
document.getElementById('guideBtn')?.addEventListener('click', ()=> window.location.hash = '#contributing');
1332-
document.getElementById('contactBtn')?.addEventListener('click', ()=> window.location.hash = '#contact');
1378+
document.getElementById('contactBtn')?.addEventListener('click', ()=> window.location.href = 'src/contact.html');
13331379
document.getElementById('contributeBtn')?.addEventListener('click', ()=> window.location.hash = '#contribute');
13341380

13351381
// Theme init (keep parity with other sections)

0 commit comments

Comments
 (0)