From cf512d44d0bfd5aa73098954a3ff64f014628a1e Mon Sep 17 00:00:00 2001
From: CommanderRedYT <ccommanderred@gmail.com>
Date: Sun, 29 Nov 2020 03:58:43 +0100
Subject: [PATCH] Added class for non-selectables

---
 careers.php         |  3 ++-
 css/style.css       |  8 ++++++++
 texts/articles.html | 37 ++++++++++++++++++++++---------------
 3 files changed, 32 insertions(+), 16 deletions(-)

diff --git a/careers.php b/careers.php
index 77fe3ad..41a326f 100644
--- a/careers.php
+++ b/careers.php
@@ -25,7 +25,8 @@ require('includes/header.php');
             margin-right: auto;
             max-height: 5cm;
           "
-          class="img-fluid"
+          class="img-fluid disable-select"
+          draggable="false" ondragstart="return false;"
         />
         <h1 style="text-align: center; position: relative"></h1>
       </header>
diff --git a/css/style.css b/css/style.css
index d3dfdaa..da22e38 100644
--- a/css/style.css
+++ b/css/style.css
@@ -12,4 +12,12 @@ body {
 
 nav {
   transition: background 0.4s cubic-bezier(.86,0,.07,1), color 0.4s cubic-bezier(.86,0,.07,1);
+}
+
+.disable-select {
+  user-select: none; /* supported by Chrome and Opera */
+ -webkit-user-select: none; /* Safari */
+ -khtml-user-select: none; /* Konqueror HTML */
+ -moz-user-select: none; /* Firefox */
+ -ms-user-select: none; /* Internet Explorer/Edge */
 }
\ No newline at end of file
diff --git a/texts/articles.html b/texts/articles.html
index d18fdfc..657b9ab 100644
--- a/texts/articles.html
+++ b/texts/articles.html
@@ -1,58 +1,65 @@
 <div class="container-fluid">
   <div class="row">
     <div class="col-sm">
-      <div class="container-fluid">
+      <div class="container-fluid disable-select">
         <div
-          id="carouselExampleIndicators"
-          class="carousel slide"
+          id="carousel"
+          class="carousel slide disable-select"
           data-ride="carousel"
+          data-interval="3500"
         >
-          <ol class="carousel-indicators">
+          <ol class="carousel-indicators disable-select">
             <li
-              data-target="#carouselExampleIndicators"
+              data-target="#carousel"
               data-slide-to="0"
-              class="active"
+              class="active disable-select"
+              draggable="false" ondragstart="return false;"
             ></li>
-            <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
-            <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
+            <li class="disable-select" data-target="#carousel" data-slide-to="1" draggable="false" ondragstart="return false;"></li>
+            <li class="disable-select" data-target="#carousel" data-slide-to="2" draggable="false" ondragstart="return false;"></li>
           </ol>
           <div class="carousel-inner">
             <div class="carousel-item active">
               <img
-                class="d-block w-100"
+                class="d-block w-100 disable-select"
                 src="/img/news/news1-2.jpeg"
                 alt="First slide"
+                draggable="false" ondragstart="return false;"
               />
             </div>
             <div class="carousel-item">
               <img
-                class="d-block w-100"
+                class="d-block w-100 disable-select"
                 src="/img/news/news1-3.jpeg"
                 alt="Second slide"
+                draggable="false" ondragstart="return false;"
               />
             </div>
             <div class="carousel-item">
               <img
-                class="d-block w-100"
+                class="d-block w-100 disable-select"
                 src="/img/news/news1-4.jpeg"
                 alt="Third slide"
+                draggable="false" ondragstart="return false;"
               />
             </div>
           </div>
           <a
-            class="carousel-control-prev"
-            href="#carouselExampleIndicators"
+            class="carousel-control-prev disable-select"
+            href="#carousel"
             role="button"
             data-slide="prev"
+            draggable="false" ondragstart="return false;"
           >
             <span class="carousel-control-prev-icon" aria-hidden="true"></span>
             <span class="sr-only">Previous</span>
           </a>
           <a
-            class="carousel-control-next"
-            href="#carouselExampleIndicators"
+            class="carousel-control-next disable-select"
+            href="#carousel"
             role="button"
             data-slide="next"
+            draggable="false" ondragstart="return false;"
           >
             <span class="carousel-control-next-icon" aria-hidden="true"></span>
             <span class="sr-only">Next</span>