More photos

index.html

@@ -22,6 +22,48 @@
     <div id="photos" class="photos">
       <ul>
 
+        <li id="bibliotheque-mazarine" class="photo">
+          <a class="overlay" href="#/">&times;</a>
+          <a class="link" href="#bibliotheque-mazarine">
+            <div class="content">
+              <img src="img/IMG_20180607_135259.jpg" alt="Bibliothèque Mazarine">
+              <div class="description">
+                <div class="title">Proof that I'm studying</div>
+                <div class="location">Bibliothèque Mazarine, Paris</div>
+                <div class="date">June 7, 2018</div>
+              </div>
+            </div>
+          </a>
+        </li>
+
+        <li id="grand-palais" class="photo">
+          <a class="overlay" href="#/">&times;</a>
+          <a class="link" href="#grand-palais">
+            <div class="content">
+              <img src="img/IMG_20180520_000106_1.jpg" alt="Grand Palais">
+              <div class="description">
+                <div class="title">Human after all</div>
+                <div class="location">Grand Palais, Paris</div>
+                <div class="date">May 20, 2018</div>
+              </div>
+            </div>
+          </a>
+        </li>
+
+        <li id="fontaine-medicis" class="photo">
+          <a class="overlay" href="#/">&times;</a>
+          <a class="link" href="#fontaine-medicis">
+            <div class="content">
+              <img src="img/IMG_20180507_200306.jpg" alt="Fontaine Médicis">
+              <div class="description">
+                <div class="title">Marianthi, we did it</div>
+                <div class="location">Fontaine Médicis, Paris</div>
+                <div class="date">May 7, 2018</div>
+              </div>
+            </div>
+          </a>
+        </li>
+
         <li id="musee-national-picasso" class="photo">
           <a class="overlay" href="#/">&times;</a>
           <a class="link" href="#musee-national-picasso">