Disable text selection

css/styles.css

@@ -1,6 +1,11 @@
 body, html {
   scroll-behavior: smooth;
   background-color: black;
+  /* Disable text selection */
+  -webkit-user-select: none; /* Safari */
+  -moz-user-select: none;    /* Firefox */
+  -ms-user-select: none;     /* Internet Explorer/Edge */
+  user-select: none;         /* Non-prefixed version, currently supported by Chrome, Opera and Safari */
 }
 
 * {

index.html

@@ -22,14 +22,98 @@
     <div id="photos" class="photos">
       <ul>
 
+        <li id="necker" class="photo">
+          <a class="overlay" href="#/">&times;</a>
+          <a class="link" href="#necker">
+            <div class="content">
+              <img src="img/20230422_110000.jpg" alt="Necker" loading="lazy">
+              <div class="description">
+                <div class="title">'Vivre vos envies'</div>
+                <div class="location">Necker, Paris, France</div>
+                <div class="date">April 22, 2023</div>
+              </div>
+            </div>
+          </a>
+        </li>
+
+        <li id="musee-de-cluny" class="photo">
+          <a class="overlay" href="#/">&times;</a>
+          <a class="link" href="#musee-de-cluny">
+            <div class="content">
+              <img src="img/20230305_140339.jpg" alt="Musée de Cluny" loading="lazy">
+              <div class="description">
+                <div class="title">Pointless</div>
+                <div class="location">Musée de Cluny, Paris, France</div>
+                <div class="date">March 5, 2023</div>
+              </div>
+            </div>
+          </a>
+        </li>
+
+        <li id="chagall-l-atelier-des-lumieres" class="photo">
+          <a class="overlay" href="#/">&times;</a>
+          <a class="link" href="#chagall-l-atelier-des-lumieres">
+            <div class="content">
+              <img src="img/20230218_141145.jpg" alt="Chagall @ L'Atelier des Lumières" loading="lazy">
+              <div class="description">
+                <div class="title">Lamps and light bulbs</div>
+                <div class="location">Chagall @ L'Atelier des Lumières, Paris, France</div>
+                <div class="date">February 18, 2023</div>
+              </div>
+            </div>
+          </a>
+        </li>
+
+        <li id="la-cerisaie-comedie-francaise" class="photo">
+          <a class="overlay" href="#/">&times;</a>
+          <a class="link" href="#la-cerisaie-comedie-francaise">
+            <div class="content">
+              <img src="img/20230130_225705.jpg" alt="La Cerisaie @ Comédie-Française" loading="lazy">
+              <div class="description">
+                <div class="title">Making the best out of anything</div>
+                <div class="location">La Cerisaie @ Comédie-Française, Paris, France</div>
+                <div class="date">January 30, 2023</div>
+              </div>
+            </div>
+          </a>
+        </li>
+
+        <li id="varvakeios-market" class="photo">
+          <a class="overlay" href="#/">&times;</a>
+          <a class="link" href="#varvakeios-market">
+            <div class="content">
+              <img src="img/20230109_140537.jpg" alt="Varvakeios Market" loading="lazy">
+              <div class="description">
+                <div class="title">Lunch break</div>
+                <div class="location">Varvakeios Market, Athens, Greece</div>
+                <div class="date">January 10, 2023</div>
+              </div>
+            </div>
+          </a>
+        </li>
+
+        <li id="passage-of-the-merchants" class="photo">
+          <a class="overlay" href="#/">&times;</a>
+          <a class="link" href="#passage-of-the-merchants">
+            <div class="content">
+              <img src="img/20230108_015700.jpg" alt="Passage of the Merchants" loading="lazy">
+              <div class="description">
+                <div class="title">No ad blocker</div>
+                <div class="location">Passage of the Merchants, Athens, Greece</div>
+                <div class="date">January 8, 2023</div>
+              </div>
+            </div>
+          </a>
+        </li>
+
         <li id="heroes-monument" class="photo">
           <a class="overlay" href="#/">&times;</a>
           <a class="link" href="#heroes-monument">
             <div class="content">
-              <img src="img/20221226_185301.jpg" alt="Heroes monument" loading="lazy">
+              <img src="img/20221226_185301.jpg" alt="Heroes Monument" loading="lazy">
               <div class="description">
                 <div class="title">Christmas spirit and pollution</div>
-                <div class="location">Heroes monument, Volos, Greece</div>
+                <div class="location">Heroes Monument, Volos, Greece</div>
                 <div class="date">December 26, 2022</div>
               </div>
             </div>