Skip to content

Commit

Permalink
Merge pull request #114 from khamkarsuraj/dark
Browse files Browse the repository at this point in the history 
Dark mode: Icon size consistency
  • Loading branch information
@arncv
arncv authored Nov 23, 2023
2 parents 7a4ddc4 + edb4e74 commit b791a63
Show file tree
Hide file tree
Showing 2 changed files with 12 additions and 36 deletions.
9 changes: 5 additions & 4 deletions public/css/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11904,10 +11904,11 @@ footer a:hover, footer a:active, footer a:focus {
.dark-mode-btn {
display: flex;
justify-self: center;
align-self: center;
width: 30px;
height: 30px;
border-radius: 15px;
align-self: left;
width: 1.7em;
height: 1.7em;
border-radius: 50%;
object-fit: contain;
cursor: pointer;
}

Expand Down
39 changes: 7 additions & 32 deletions public/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,15 +27,15 @@
rel="stylesheet" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />

</head>

<body id="page-top">
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-light fixed-top shadow-sm bg-white fs-black" id="mainNav">
<div class="container ">
<a class="navbar-brand fw-bold" href="#page-top"><img src="assets/img/removebg.png" alt="logo"
style="width: 70px;">intima</a>
<a class="navbar-brand fw-bold" href="#page-top"> <img src="assets/img/removebg.png" alt="logo" style="width: 70px;">
intima
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive"
aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
Menu
Expand All @@ -52,29 +52,22 @@
<a class="nav-link me-lg-3 " href="#Resources" role="button" aria-expanded="false">
Resources
</a>

</li>
<li class="nav-item">
<a class="nav-link me-lg-3 " href="pages/forum.html" role="button" aria-expanded="false">
Forum
</a>

</li>

<li class="nav-item">
<a class="nav-link me-lg-3 " href="pages/parents.html" role="button" aria-expanded="false">
For Parents
</a>

</li>


<li class="nav-item dark-mode-btn">
<img src="assets/img/day mode.png" alt="day and night">
<img src="assets/img/day mode.png" alt="day and night" style="width: 1.7em;">
</li>
</ul>
<button class="btn btn-primary rounded-pill px-3 mb-2 mb-lg-0" onclick="scrollToSection('#Bot')">

<span class="d-flex align-items-center">
<i class="bi-chat-text-fill me-2"></i>
<span class="small">Go To Bot</span>
Expand All @@ -88,7 +81,6 @@
</div>
</div>
</div>

</div>
</nav>
<!-- Mashead header-->
Expand All @@ -98,32 +90,22 @@
<div class="col-lg-6">
<!-- Mashead text and app badges-->
<div class="mb-5 mb-lg-0 text-center text-lg-start">

<h1 id="tagline" class="display-1 lh-1 mb-3">Revolutionizing Sex Education in India.</h1>
<p id="tagline2" class="lead fw-normal text-muted mb-5">Redefining the way we approach sexual education</p>

<div class="d-flex flex-column flex-lg-row align-items-center ">
<button class="btn btn-primary rounded-pill px-3 mb-2 mb-lg-0"
onclick="scrollToSection('#Bot')">


<span class="d-flex align-items-center">
<i class="bi-chat-text-fill me-2"></i>
<span id="get-Started" class="small">Get Started</span>
</span>

</button>
<button class="btn btn-primary rounded-pill px-3 mb-2 mb-lg-0 mx-3"
onclick="window.location.href='pages/quiz.html';">

<span class="d-flex align-items-center">
<img src="./assets/img/paperlogo.png" alt="" width="25px" height="25px"
class="me-2">

<span class="small"><a href="pages/quiz.html" class="test">Check Your
Knowledge</a></span>
<img src="./assets/img/paperlogo.png" alt="" width="25px" height="25px" class="me-2">
<span class="small"><a href="pages/quiz.html" class="test">Check Your Knowledge</a></span>
</span>

</button>
</div>
</div>
Expand All @@ -134,16 +116,12 @@ <h1 id="tagline" class="display-1 lh-1 mb-3">Revolutionizing Sex Education in In
<svg class="circle" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
</svg>
<!-- Adding image-->

<img src="assets/img/backgr.svg" class="home-img" alt="couple" style="width: 750px;">



</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- Quote/testimonial aside-->
<aside class="text-center bg-gradient-primary-to-secondary quote">
Expand Down Expand Up @@ -225,11 +203,8 @@ <h3 id="our-future-heading" class="font-alt">Our Future</h3>
</div>
</div>
</div>

</section>



<!-- Basic features section-->
<section id="Bot">
<div class="container px-3">
Expand Down

1 comment on commit b791a63

@vercel
Copy link

@vercel vercel bot commented on b791a63 Nov 23, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

intima – ./

intima.vercel.app
intima.tv
www.intima.tv
intima-git-main-arncv.vercel.app
intima-arncv.vercel.app

Please sign in to comment.