feat(PublicPage): Extra pictures in media gallery

assets/development/scripts/organization.js

@@ -94,6 +94,10 @@ let loadMedias = () => {
 loadMedias()
 
 let openModal = (index) =>  {
+  if (index === 'extra') {
+    index = 5
+  }
+
   mediaModal.style.visibility = 'visible'
   mediaModal.style.opacity = 1
   

assets/development/styles/organization.css

@@ -109,6 +109,10 @@
 
 ********************************************************************************/
 
+.media-mosaic-container {
+  position: relative;
+}
+
 .media-mosaic {
   margin-top: .75em;
   width: 100%;
@@ -317,6 +321,25 @@
   right: 2em !important;
 }
 
+/**
+Extra count
+**/
+.media-gallery-extra-count {
+  position: absolute;
+  width: 100%;
+
+  margin-top: .25em;
+  font-size: 0.8em;
+
+  display: flex;
+  justify-content: flex-end;
+}
+
+.media-gallery-extra-count a {
+  cursor: pointer;
+  padding: .25em;
+}
+
 
 /* *****************************************************************************