fix cursor error

dmslab-konkuk · Mar 10, 2024 · 4498470 · 4498470
1 parent e7dfb4d
commit 4498470
Show file tree

Hide file tree

Showing 3 changed files with 57 additions and 34 deletions.
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -6,22 +6,6 @@
  let lang_toggle_flag = false;
 
  onMount(() => {
- function lang_toggle() {
- if (lang_toggle_flag) {
- document.getElementById("lang-popup")?.classList.add("hidden");
- lang_toggle_flag = false;
- } else {
- document
- .getElementById("lang-popup")
- ?.classList.remove("hidden");
- lang_toggle_flag = true;
- }
- }
-
- document
- .getElementById("lang-toggle-btn")
- ?.addEventListener("click", lang_toggle);
-
  // Custom Cursor
  var custom_cursor = document.getElementById("custom_cursor");
  var body = document.querySelector("body");
@@ -107,6 +91,13 @@
  item.addEventListener("mouseleave", custom_unhover_cursor);
  }
  });
+
+ document.querySelectorAll("a").forEach((item) => {
+ if (item.classList.contains("hover")) {
+ item.addEventListener("mouseover", custom_hover_cursor);
+ item.addEventListener("mouseleave", custom_unhover_cursor);
+ }
+ });
  });
 </script>
 
@@ -124,7 +115,14 @@
  <!-- Header Left Subgroup -->
  <div class="subgroup">
  <div id="header-logo" class="logo hover">
- <div class="logo-group">
+ <!-- svelte-ignore a11y-click-events-have-key-events -->
+ <!-- svelte-ignore a11y-no-static-element-interactions -->
+ <div
+ class="logo-group select-disable"
+ on:click={() =>
+ (window.location.href =
+ "https://dmslab-konkuk.github.io/website/")}
+ >
  <img src="img/konkuk_logo.svg" alt="" />
  <div class="logo-text-group">
  <!-- svelte-ignore a11y-missing-attribute -->
@@ -139,24 +137,37 @@
  </div>
 
  <div class="subgroup">
- <div class="header-menu">
+ <div class="header-menu select-disable">
  <div class="menu-item hover">
- <a href="/education">Education</a>
+ <a href="https://dmslab-konkuk.github.io/website/education"
+ >Education</a
+ >
  </div>
  <div class="menu-item hover">
- <a href="/research">Research</a>
+ <a href="https://dmslab-konkuk.github.io/website/research"
+ >Research</a
+ >
  </div>
  <div class="menu-item hover">
- <a href="/people">People</a>
+ <a href="https://dmslab-konkuk.github.io/website/people"
+ >People</a
+ >
  </div>
  <div class="menu-item hover">
- <a href="/publication">Publication</a>
+ <a
+ href="https://dmslab-konkuk.github.io/website/publication"
+ >Publication</a
+ >
  </div>
  <div class="menu-item hover">
- <a href="/project">Project</a>
+ <a href="https://dmslab-konkuk.github.io/website/project"
+ >Project</a
+ >
  </div>
  <div class="menu-item hover">
- <a href="/gallery">Gallery</a>
+ <a href="https://dmslab-konkuk.github.io/website/gallery"
+ >Gallery</a
+ >
  </div>
  <div class="menu-item hover">
  <a href="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/dmslab-konkuk" target="_blank"

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -11,21 +11,21 @@
 
  onMount(() => {
  // post click event
- var post_components = document.getElementsByClassName("component");
- for (let i = 0; i < post_components.length; i++) {
- post_components[i].addEventListener("click", () => {
- if (post_components[i].id !== "") {
- openPost(post_components[i].id);
- }
- });
- }
+ // var post_components = document.getElementsByClassName("component");
+ // for (let i = 0; i < post_components.length; i++) {
+ //  post_components[i].addEventListener("click", () => {
+ //  if (post_components[i].id !== "") {
+ //  openPost(post_components[i].id);
+ //  }
+ //  });
+ // }
  });
 </script>
 
 <link rel="stylesheet" href="css/font.css" />
 <link rel="stylesheet" href="css/style.css" />
 
-<div class="main-gallery-viewer">
+<div class="main-gallery-viewer select-disable">
  <img src="img/test.jpg" alt="" />
 </div>
 
@@ -133,7 +133,12 @@
  Office: Konkuk University New Engineering Building 1207 (건국대학교
  신공학관 1207호)
  </li>
- <li>Email: [email protected] (Prof. Dugki Min, Ph.D)</li>
+ <li>
+ Email: <a class="hover" href="mailto:[email protected]"
+ >[email protected]</a
+ >
+ (Prof. Dugki Min, Ph.D)
+ </li>
  </p>
  <div class="spacer" style="height: 40px;"></div>
 </div>
diff --git a/static/css/style.css b/static/css/style.css
@@ -356,4 +356,11 @@ body {
  font-weight: 500;
  background: #ffc800;
  border-radius: 10px;
+}
+
+.select-disable {
+ user-select: none;
+ -moz-user-select: none;
+ -webkit-user-select: none;
+ -ms-user-select: none;
 }