Skip to content

Commit

Permalink
Fixing dark / light mode toggle switch formatting
Browse files Browse the repository at this point in the history
  • Loading branch information
@TheWongLife
TheWongLife committed May 27, 2024
1 parent 1bcd1e5 commit 2858904
Show file tree
Hide file tree
Showing 4 changed files with 34 additions and 26 deletions.
14 changes: 8 additions & 6 deletions about.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@
<div class="mx-4">
<a class="navbar-brand" href="#">
<img src="Nicholas_Wong_Favicon.png"
height="40">
height="35">
</a>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
Expand All @@ -39,11 +39,13 @@
<li class="nav-item">
<a class="nav-link" href="resume.html">Resume</a>
</li>
<p>Light 🌞</p>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="darkModeSwitch" checked>
</div>
<p>Dark 🌑</p>
<li>
<p>Light</p>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="darkModeSwitch" checked>
</div>
<p>Dark</p>
</li>
</ul>
</div>
</div>
Expand Down
18 changes: 10 additions & 8 deletions contact.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@
<div class="mx-4">
<a class="navbar-brand" href="#">
<img src="Nicholas_Wong_Favicon.png"
height="40">
height="35">
</a>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
Expand All @@ -39,11 +39,13 @@
<li class="nav-item">
<a class="nav-link" href="resume.html">Resume</a>
</li>
<p>Light 🌞</p>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="darkModeSwitch" checked>
</div>
<p>Dark 🌑</p>
<li>
<p>Light</p>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="darkModeSwitch" checked>
</div>
<p>Dark</p>
</li>
</ul>
</div>
</div>
Expand All @@ -55,7 +57,7 @@ <h1 class="text-center mt-5">How to contact me</h1>
<div class="row align-items-center">
<div class="col">
<p align="center"> <img src="Nicholas_Wong_Japan_House.PNG" style="width: 25%;" alt="thewonglife" /> </p>
<p class="text-center">You can contact me at [email protected]</p>
<p class="text-center">You can contact me at <strong>[email protected]</strong></p>
<p class="text-center">Or send me a message below</p>
</div>
</div>
Expand Down Expand Up @@ -89,7 +91,7 @@ <h1 class="text-center mt-5">How to contact me</h1>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<textarea type="text" placeholder="Message" class="form-control" name="Message" required></textarea>
<textarea type="text" placeholder="Message" name="Message" class="form-control" required></textarea>
</div>
<div class="col-md-6 ">
<div class="form-group">
Expand Down
14 changes: 8 additions & 6 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@
<div class="mx-4">
<a class="navbar-brand" href="#">
<img src="Nicholas_Wong_Favicon.png"
height="40">
height="35">
</a>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
Expand All @@ -39,11 +39,13 @@
<li class="nav-item">
<a class="nav-link" href="resume.html">Resume</a>
</li>
<p>Light 🌞</p>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="darkModeSwitch" checked>
</div>
<p>Dark 🌑</p>
<li>
<p>Light</p>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="darkModeSwitch" checked>
</div>
<p>Dark</p>
</li>
</ul>
</div>
</div>
Expand Down
14 changes: 8 additions & 6 deletions resume.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@
<div class="mx-4">
<a class="navbar-brand" href="#">
<img src="Nicholas_Wong_Favicon.png"
height="40">
height="35">
</a>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
Expand All @@ -39,11 +39,13 @@
<li class="nav-item">
<a class="nav-link" href="resume.html">Resume</a>
</li>
<p>Light 🌞</p>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="darkModeSwitch" checked>
</div>
<p>Dark 🌑</p>
<li>
<p>Light</p>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="darkModeSwitch" checked>
</div>
<p>Dark</p>
</li>
</ul>
</div>
</div>
Expand Down

0 comments on commit 2858904

Please sign in to comment.