From 298d78df1654bf1102887f9e58e7c3119e4a3324 Mon Sep 17 00:00:00 2001
From: Karma Riuk <riukkarma@gmail.com>
Date: Mon, 11 Sep 2023 15:11:34 +0200
Subject: [PATCH] disabled select on the span behind the titles

---
 assets/css/style.css |  6 ++++++
 index.html           | 12 ++++++------
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/assets/css/style.css b/assets/css/style.css
index 946ed2d..67247f5 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -42,6 +42,12 @@ h6 {
   font-family: "Raleway", sans-serif;
 }
 
+.prevent-select {
+  -webkit-user-select: none; /* Safari */
+  -ms-user-select: none; /* IE 10 and IE 11 */
+  user-select: none; /* Standard syntax */
+}
+
 /*--------------------------------------------------------------
 # Back to top button
 --------------------------------------------------------------*/
diff --git a/index.html b/index.html
index be48050..548b48d 100644
--- a/index.html
+++ b/index.html
@@ -78,7 +78,7 @@
             <div class="container">
 
                 <div class="section-title" data-aos="fade-up">
-                    <span>About Me</span>
+                    <span class="prevent-select">About Me</span>
                     <h2>About Me</h2>
                     <p>I have a deep passion for computer science and enjoy
                         engaging in in-depth discussions about it.<br />
@@ -206,7 +206,7 @@
             <div class="container">
 
                 <div class="section-title" data-aos="fade-up">
-                    <span>My Resume</span>
+                    <span class="prevent-select">My Resume</span>
                     <h2>My Resume</h2>
                     <p>A brief overview of my professional experience and qualifications</p>
                 </div>
@@ -377,7 +377,7 @@
         <section id="languages" class="languages">
             <div class="container">
                 <div class="section-title" data-aos="fade-up">
-                    <span>Languages</span>
+                    <span class="prevent-select">Languages</span>
                     <h2>Languages</h2>
                     <p></p>
                 </div>
@@ -426,7 +426,7 @@
             <div class="container">
 
                 <div class="section-title">
-                    <span>My Skills</span>
+                    <span class="prevent-select">My Skills</span>
                     <h2>My Skills</h2>
                     <p>Sit sint consectetur velit quisquam cupiditate impedit suscipit alias</p>
                 </div>
@@ -567,7 +567,7 @@
             <div class="container">
 
                 <div class="section-title">
-                    <span>My Portfolio</span>
+                    <span class="prevent-select">My Portfolio</span>
                     <h2>My Portfolio</h2>
                     <p>Sit sint consectetur velit quisquam cupiditate impedit suscipit alias</p>
                 </div>
@@ -708,7 +708,7 @@
             <div class="container">
 
                 <div class="section-title">
-                    <span>Contact Me</span>
+                    <span class="prevent-select">Contact Me</span>
                     <h2>Contact Me</h2>
                     <p>Sit sint consectetur velit quisquam cupiditate impedit suscipit alias</p>
                 </div>