Color mode icon hower effect removed

KaganCanSit · Jul 25, 2024 · e8ffac3 · e8ffac3
1 parent 5da67b9
commit e8ffac3
Show file tree

Hide file tree

Showing 18 changed files with 33 additions and 38 deletions.
diff --git a/404.html b/404.html
@@ -44,7 +44,7 @@
  </li>
  </ul>
  <ul class="navbar-nav">
- <a class="nav-link"><span data-hover="⚙️" class="color-mode color-mode-icon"></span></a>
+ <a class="nav-link"><span class="color-mode color-mode-icon"></span></a>
  </ul>
  </div>
  </div>

diff --git a/css/tooplate-style.css b/css/tooplate-style.css
@@ -26,14 +26,6 @@ body {
  letter-spacing: 0.2px;
 }
 
-ul {
- margin: 0;
- padding: 0;
-}
-ul li {
- list-style: none;
-}
-
 a {
  font-weight: normal;
  text-decoration: none !important;
@@ -203,22 +195,12 @@ b, strong {
  display: inline-block;
  transition: transform 0.3s;
 }
-.nav-link span:before {
- position: absolute;
- top: 100%;
- content: attr(data-hover);
- transform: translate3d(0, 0, 0);
-}
 
 .navbar-light .navbar-nav .nav-link:focus,
 .navbar-light .navbar-nav .nav-link:hover {
  color: var(--themeColor);
  font-weight: bold;
 }
-.navbar-light .navbar-nav .nav-link:focus span,
-.navbar-light .navbar-nav .nav-link:hover span {
- transform: translateY(-100%);
-}
 
 .navbar-light .navbar-toggler-icon {
  background: none;
@@ -260,23 +242,36 @@ b, strong {
 .color-mode {
  font-weight: bold;
  cursor: pointer;
- display: inline-block;
+ display: inline-flex;
+ align-items: center;
+ gap: 5px;
 }
+
 .color-mode-icon {
- font-size: 22px;
  cursor: pointer;
+ font-size: 115%;
+ width: 20px;
+ height: 20px;
+ align-items: center;
+ justify-content: center;
 }
 
 .color-mode-icon:after {
  font-family: 'Font Awesome 6 Free';
  content: '\f186';
- font-style: normal;
+ font-size: 115%;
+ width: 20px;
+ height: 20px;
 }
 
 .color-mode-icon.active:after {
  content: '\f185';
+ font-size: 115%;
+ width: 20px;
+ height: 20px;
 }
 
+
 .dark-mode {
  background: var(--background-dark);
 }

diff --git a/index.html b/index.html
@@ -43,7 +43,7 @@
  <li class="nav-item"><a href="pages/hayat_anlam_katanlar_manifestosu.html" class="nav-link">🪁</a></li>
  </ul>
  <ul class="navbar-nav">
- <a class="nav-link"><span data-hover="⚙️" class="color-mode color-mode-icon"></span></a>
+ <a class="nav-link"><span class="color-mode color-mode-icon"></span></a>
  </ul>
  </div>
  </div>

diff --git a/pages/about_me.html b/pages/about_me.html
@@ -43,7 +43,7 @@
  <li class="nav-item"><a href="hayat_anlam_katanlar_manifestosu.html" class="nav-link">🪁</a></li>
  </ul>
  <ul class="navbar-nav">
- <a class="nav-link"><span data-hover="⚙️" class="color-mode color-mode-icon"></span></a>
+ <a class="nav-link"><span class="color-mode color-mode-icon"></span></a>
  </ul>
  </div>
  </div>

diff --git a/pages/blogs/00.youtube_kanal_onerileri.html b/pages/blogs/00.youtube_kanal_onerileri.html
@@ -45,7 +45,7 @@
  <li class="nav-item"><a href="../hayat_anlam_katanlar_manifestosu.html" class="nav-link">🪁</a></li>
  </ul>
  <ul class="navbar-nav">
- <a class="nav-link"><span data-hover="⚙️" class="color-mode color-mode-icon"></span></a>
+ <a class="nav-link"><span class="color-mode color-mode-icon"></span></a>
  </ul>
  </div>
  </div>

diff --git a/pages/blogs/01.idealler_ve_inanclar.html b/pages/blogs/01.idealler_ve_inanclar.html
@@ -45,7 +45,7 @@
  <li class="nav-item"><a href="../hayat_anlam_katanlar_manifestosu.html" class="nav-link">🪁</a></li>
  </ul>
  <ul class="navbar-nav">
- <a class="nav-link"><span data-hover="⚙️" class="color-mode color-mode-icon"></span></a>
+ <a class="nav-link"><span class="color-mode color-mode-icon"></span></a>
  </ul>
  </div>
  </div>

diff --git a/pages/blogs/02.notion_ile_markdown_dosyasi_olusturmak.html b/pages/blogs/02.notion_ile_markdown_dosyasi_olusturmak.html
@@ -45,7 +45,7 @@
  <li class="nav-item"><a href="../hayat_anlam_katanlar_manifestosu.html" class="nav-link">🪁</a></li>
  </ul>
  <ul class="navbar-nav">
- <a class="nav-link"><span data-hover="⚙️" class="color-mode color-mode-icon"></span></a>
+ <a class="nav-link"><span class="color-mode color-mode-icon"></span></a>
  </ul>
  </div>
  </div>

diff --git a/pages/blogs/03.acik_kaynaga_katkida_bulunmaya_dair_ilk_adimlar.html b/pages/blogs/03.acik_kaynaga_katkida_bulunmaya_dair_ilk_adimlar.html
@@ -45,7 +45,7 @@
  <li class="nav-item"><a href="../hayat_anlam_katanlar_manifestosu.html" class="nav-link">🪁</a></li>
  </ul>
  <ul class="navbar-nav">
- <a class="nav-link"><span data-hover="⚙️" class="color-mode color-mode-icon"></span></a>
+ <a class="nav-link"><span class="color-mode color-mode-icon"></span></a>
  </ul>
  </div>
  </div>

diff --git a/pages/blogs/04.github_profili_icin_readme_dosyasi_olusturma_ve_ozellestirme.html b/pages/blogs/04.github_profili_icin_readme_dosyasi_olusturma_ve_ozellestirme.html
@@ -45,7 +45,7 @@
  <li class="nav-item"><a href="../hayat_anlam_katanlar_manifestosu.html" class="nav-link">🪁</a></li>
  </ul>
  <ul class="navbar-nav">
- <a class="nav-link"><span data-hover="⚙️" class="color-mode color-mode-icon"></span></a>
+ <a class="nav-link"><span class="color-mode color-mode-icon"></span></a>
  </ul>
  </div>
  </div>

diff --git a/pages/blogs/05.linux_kavrami_ve_temel_linux_terminal_komutlari.html b/pages/blogs/05.linux_kavrami_ve_temel_linux_terminal_komutlari.html
@@ -45,7 +45,7 @@
  <li class="nav-item"><a href="../hayat_anlam_katanlar_manifestosu.html" class="nav-link">🪁</a></li>
  </ul>
  <ul class="navbar-nav">
- <a class="nav-link"><span data-hover="⚙️" class="color-mode color-mode-icon"></span></a>
+ <a class="nav-link"><span class="color-mode color-mode-icon"></span></a>
  </ul>
  </div>
  </div>

diff --git a/pages/blogs/06.git_gitflow_github_ve_bazi_git_kavramlari.html b/pages/blogs/06.git_gitflow_github_ve_bazi_git_kavramlari.html
@@ -45,7 +45,7 @@
  <li class="nav-item"><a href="../hayat_anlam_katanlar_manifestosu.html" class="nav-link">🪁</a></li>
  </ul>
  <ul class="navbar-nav">
- <a class="nav-link"><span data-hover="⚙️" class="color-mode color-mode-icon"></span></a>
+ <a class="nav-link"><span class="color-mode color-mode-icon"></span></a>
  </ul>
  </div>
  </div>

diff --git a/pages/blogs/07.cpp_ile_gelistirme_yapilirken_neden_new_kullanimi_en_aza_indirgenmeli.html b/pages/blogs/07.cpp_ile_gelistirme_yapilirken_neden_new_kullanimi_en_aza_indirgenmeli.html
@@ -45,7 +45,7 @@
  <li class="nav-item"><a href="../hayat_anlam_katanlar_manifestosu.html" class="nav-link">🪁</a></li>
  </ul>
  <ul class="navbar-nav">
- <a class="nav-link"><span data-hover="⚙️" class="color-mode color-mode-icon"></span></a>
+ <a class="nav-link"><span class="color-mode color-mode-icon"></span></a>
  </ul>
  </div>
  </div>

diff --git a/pages/blogs/08.yazilimcinin_otomasyoncusu_bash_betikleri_hakkinda_tuyolar.html b/pages/blogs/08.yazilimcinin_otomasyoncusu_bash_betikleri_hakkinda_tuyolar.html
@@ -45,7 +45,7 @@
  <li class="nav-item"><a href="../hayat_anlam_katanlar_manifestosu.html" class="nav-link">🪁</a></li>
  </ul>
  <ul class="navbar-nav">
- <a class="nav-link"><span data-hover="⚙️" class="color-mode color-mode-icon"></span></a>
+ <a class="nav-link"><span class="color-mode color-mode-icon"></span></a>
  </ul>
  </div>
  </div>

diff --git a/pages/blogs/09.dahi_yazilimci_efsanesi&&yetersizlik_hissi.html b/pages/blogs/09.dahi_yazilimci_efsanesi&&yetersizlik_hissi.html
@@ -45,7 +45,7 @@
  <li class="nav-item"><a href="../hayat_anlam_katanlar_manifestosu.html" class="nav-link">🪁</a></li>
  </ul>
  <ul class="navbar-nav">
- <a class="nav-link"><span data-hover="⚙️" class="color-mode color-mode-icon"></span></a>
+ <a class="nav-link"><span class="color-mode color-mode-icon"></span></a>
  </ul>
  </div>
  </div>

diff --git a/pages/design.html b/pages/design.html
@@ -43,7 +43,7 @@
  <li class="nav-item"><a href="hayat_anlam_katanlar_manifestosu.html" class="nav-link">🪁</a></li>
  </ul>
  <ul class="navbar-nav">
- <a class="nav-link"><span data-hover="⚙️" class="color-mode color-mode-icon"></span></a>
+ <a class="nav-link"><span class="color-mode color-mode-icon"></span></a>
  </ul>
  </div>
  </div>

diff --git a/pages/hayat_anlam_katanlar_manifestosu.html b/pages/hayat_anlam_katanlar_manifestosu.html
@@ -43,7 +43,7 @@
  <li class="nav-item"><a href="#" class="nav-link">🪁</a></li>
  </ul>
  <ul class="navbar-nav">
- <a class="nav-link"><span data-hover="⚙️" class="color-mode color-mode-icon"></span></a>
+ <a class="nav-link"><span class="color-mode color-mode-icon"></span></a>
  </ul>
  </div>
  </div>

diff --git a/pages/main_blog_page.html b/pages/main_blog_page.html
@@ -44,7 +44,7 @@
  <li class="nav-item"><a href="hayat_anlam_katanlar_manifestosu.html" class="nav-link">🪁</a></li>
  </ul>
  <ul class="navbar-nav">
- <a class="nav-link"><span data-hover="⚙️" class="color-mode color-mode-icon"></span></a>
+ <a class="nav-link"><span class="color-mode color-mode-icon"></span></a>
  </ul>
  </div>
  </div>

diff --git a/pages/projects.html b/pages/projects.html
@@ -43,7 +43,7 @@
  <li class="nav-item"><a href="hayat_anlam_katanlar_manifestosu.html" class="nav-link">🪁</a></li>
  </ul>
  <ul class="navbar-nav">
- <a class="nav-link"><span data-hover="⚙️" class="color-mode color-mode-icon"></span></a>
+ <a class="nav-link"><span class="color-mode color-mode-icon"></span></a>
  </ul>
  </div>
  </div>