diff --git a/site/data/de/resources/1-PublicAdmin.yaml b/site/data/de/resources/1-PublicAdmin.yaml
index 4168114..cd04ba8 100644
--- a/site/data/de/resources/1-PublicAdmin.yaml
+++ b/site/data/de/resources/1-PublicAdmin.yaml
@@ -2,6 +2,7 @@ modalID: 1
 title: Leitfaden für die öffentliche Verwaltung
 date: 2014-07-05
 img: 1.jpg
+modalName: guideForPublicAdministration
 category: Public Money, Public Code
 description:  "<p>GERMAN Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse iaculis molestie nisl, dapibus viverra nisl vehicula eu. Phasellus a lorem vel felis dignissim varius. Aenean et porta velit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean sodales augue eu lorem vestibulum luctus. Nunc bibendum sapien id ligula tempor, at tincidunt orci dignissim. Nam convallis, tortor nec bibendum ultrices, erat turpis vehicula enim, sit amet dictum leo urna non ante. Aenean fermentum finibus nibh, quis ultricies ipsum maximus vitae.</p>
 
diff --git a/site/data/de/resources/2-Public.yaml b/site/data/de/resources/2-Public.yaml
index 5d2c507..4c28096 100644
--- a/site/data/de/resources/2-Public.yaml
+++ b/site/data/de/resources/2-Public.yaml
@@ -2,5 +2,6 @@ modalID: 2
 title: Leitfaden für die Öffentlichkeit
 date: 2014-07-06
 img: 2.jpg
+modalName: guideForGeneralPublic
 category: Public Money, Public Code
 description: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel enim aliquid dicta ullam in repellendus amet perspiciatis adipisci architecto obcaecati sit voluptas ipsam, deleniti neque placeat tenetur cum tempore velit.
diff --git a/site/data/de/resources/3-Action.yaml b/site/data/de/resources/3-Action.yaml
index 7c0c8b2..66d72fa 100644
--- a/site/data/de/resources/3-Action.yaml
+++ b/site/data/de/resources/3-Action.yaml
@@ -2,5 +2,6 @@ modalID: 3
 title: Werde aktiv!
 date: 2014-07-07
 img: 3.jpg
+modalName: takeAction
 category: Public Money, Public Code
 description: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel enim aliquid dicta ullam in repellendus amet perspiciatis adipisci architecto obcaecati sit voluptas ipsam, deleniti neque placeat tenetur cum tempore velit.
diff --git a/site/data/de/resources/4-News.yaml b/site/data/de/resources/4-News.yaml
index 9460841..9c34b85 100644
--- a/site/data/de/resources/4-News.yaml
+++ b/site/data/de/resources/4-News.yaml
@@ -2,5 +2,6 @@ modalID: 4
 title: Neuigkeiten
 date: 2014-07-09
 img: 4.jpg
+modalName: latestNews
 category: Public Money, Public Code
 description: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel enim aliquid dicta ullam in repellendus amet perspiciatis adipisci architecto obcaecati sit voluptas ipsam, deleniti neque placeat tenetur cum tempore velit.
diff --git a/site/data/de/resources/5-FOI.yaml b/site/data/de/resources/5-FOI.yaml
index 05a6ea9..d236fde 100644
--- a/site/data/de/resources/5-FOI.yaml
+++ b/site/data/de/resources/5-FOI.yaml
@@ -2,5 +2,6 @@ modalID: 5
 title: Informationsfreiheit
 date: 2014-07-08
 img: 5.jpg
+modalName: freedomOfInformation
 category: Public Money, Public Code
 description: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel enim aliquid dicta ullam in repellendus amet perspiciatis adipisci architecto obcaecati sit voluptas ipsam, deleniti neque placeat tenetur cum tempore velit.
diff --git a/site/data/de/resources/6-Press.yaml b/site/data/de/resources/6-Press.yaml
index c3b6af1..c3bde92 100644
--- a/site/data/de/resources/6-Press.yaml
+++ b/site/data/de/resources/6-Press.yaml
@@ -2,5 +2,6 @@ modalID: 6
 title: Presse
 date: 2014-07-10
 img: 6.jpg
+modalName: pressInformation
 category: Public Money, Public Code
 description: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel enim aliquid dicta ullam in repellendus amet perspiciatis adipisci architecto obcaecati sit voluptas ipsam, deleniti neque placeat tenetur cum tempore velit.
diff --git a/site/data/en/resources/1-PublicAdmin.yaml b/site/data/en/resources/1-PublicAdmin.yaml
index 436d9f2..d0c313c 100644
--- a/site/data/en/resources/1-PublicAdmin.yaml
+++ b/site/data/en/resources/1-PublicAdmin.yaml
@@ -2,6 +2,7 @@ modalID: 1
 title: Guide for Public Administration
 date: 2014-07-05
 img: 1.jpg
+modalName: guideForPublicAdministration
 category: Public Money, Public Code
 description:  "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse iaculis molestie nisl, dapibus viverra nisl vehicula eu. Phasellus a lorem vel felis dignissim varius. Aenean et porta velit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean sodales augue eu lorem vestibulum luctus. Nunc bibendum sapien id ligula tempor, at tincidunt orci dignissim. Nam convallis, tortor nec bibendum ultrices, erat turpis vehicula enim, sit amet dictum leo urna non ante. Aenean fermentum finibus nibh, quis ultricies ipsum maximus vitae.</p>
 
diff --git a/site/data/en/resources/2-Public.yaml b/site/data/en/resources/2-Public.yaml
index dfbbcaa..1c141f8 100644
--- a/site/data/en/resources/2-Public.yaml
+++ b/site/data/en/resources/2-Public.yaml
@@ -2,5 +2,6 @@ modalID: 2
 title: Guide for general public
 date: 2014-07-06
 img: 2.jpg
+modalName: guideForGeneralPublic
 category: Public Money, Public Code
 description: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel enim aliquid dicta ullam in repellendus amet perspiciatis adipisci architecto obcaecati sit voluptas ipsam, deleniti neque placeat tenetur cum tempore velit.
diff --git a/site/data/en/resources/3-Action.yaml b/site/data/en/resources/3-Action.yaml
index 9ffa144..5a2bcd6 100644
--- a/site/data/en/resources/3-Action.yaml
+++ b/site/data/en/resources/3-Action.yaml
@@ -2,5 +2,6 @@ modalID: 3
 title: Take Action!
 date: 2014-07-07
 img: 3.jpg
+modalName: takeAction
 category: Public Money, Public Code
 description: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel enim aliquid dicta ullam in repellendus amet perspiciatis adipisci architecto obcaecati sit voluptas ipsam, deleniti neque placeat tenetur cum tempore velit.
diff --git a/site/data/en/resources/4-News.yaml b/site/data/en/resources/4-News.yaml
index d54ae26..269136a 100644
--- a/site/data/en/resources/4-News.yaml
+++ b/site/data/en/resources/4-News.yaml
@@ -2,5 +2,6 @@ modalID: 4
 title: Latest News
 date: 2014-07-09
 img: 4.jpg
+modalName: latestNews
 category: Public Money, Public Code
 description: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel enim aliquid dicta ullam in repellendus amet perspiciatis adipisci architecto obcaecati sit voluptas ipsam, deleniti neque placeat tenetur cum tempore velit.
diff --git a/site/data/en/resources/5-FOI.yaml b/site/data/en/resources/5-FOI.yaml
index 25d4bad..b7519b1 100644
--- a/site/data/en/resources/5-FOI.yaml
+++ b/site/data/en/resources/5-FOI.yaml
@@ -2,5 +2,6 @@ modalID: 5
 title: Freedom of Information
 date: 2014-07-08
 img: 5.jpg
+modalName: freedomOfInformation
 category: Public Money, Public Code
 description: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel enim aliquid dicta ullam in repellendus amet perspiciatis adipisci architecto obcaecati sit voluptas ipsam, deleniti neque placeat tenetur cum tempore velit.
diff --git a/site/data/en/resources/6-Press.yaml b/site/data/en/resources/6-Press.yaml
index 5859eb0..5e8947c 100644
--- a/site/data/en/resources/6-Press.yaml
+++ b/site/data/en/resources/6-Press.yaml
@@ -2,5 +2,6 @@ modalID: 6
 title: Press information
 date: 2014-07-10
 img: 6.jpg
+modalName: pressInformation
 category: Public Money, Public Code
 description: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel enim aliquid dicta ullam in repellendus amet perspiciatis adipisci architecto obcaecati sit voluptas ipsam, deleniti neque placeat tenetur cum tempore velit.
diff --git a/site/layouts/partials/modals.html b/site/layouts/partials/modals.html
index e82e7ed..66f200c 100644
--- a/site/layouts/partials/modals.html
+++ b/site/layouts/partials/modals.html
@@ -1,7 +1,7 @@
 {{ "<!-- RESOURCES MODALS -->" | safeHTML }}
 {{ $data := index .Site.Data .Site.Language.Lang }}
 {{ range $data.resources }}
-<div class="resources-modal modal fade" id="resourcesModal{{ .modalID }}" tabindex="-1" role="dialog" aria-hidden="true">
+<div class="resources-modal modal fade" id="{{ .modalName }}" tabindex="-1" role="dialog" aria-hidden="true">
     <div class="modal-content">
         <div class="close-modal" data-dismiss="modal">
             <div class="lr">
diff --git a/site/layouts/partials/resources.html b/site/layouts/partials/resources.html
index 344d2bf..69d260b 100644
--- a/site/layouts/partials/resources.html
+++ b/site/layouts/partials/resources.html
@@ -6,7 +6,7 @@
         <div class="row no-gutter">
             {{ range $data.resources }}
                 <div class="col-lg-4 col-sm-6">
-                    <a href="#resourcesModal{{ .modalID }}" class="resources-box resources-link" data-toggle="modal">
+                    <a href="#{{ .modalName }}" class="resources-box resources-link" data-toggle="modal">
                         <img src="/img/resources/{{ .img }}" class="img-responsive" alt="">
                         {{ if and .category .title }}
                             <div class="resources-box-caption">
diff --git a/site/static/js/creative.js b/site/static/js/creative.js
index 2a38861..dbd3934 100644
--- a/site/static/js/creative.js
+++ b/site/static/js/creative.js
@@ -46,3 +46,27 @@
     new WOW().init();
 
 })(jQuery); // End of use strict
+
+
+/* 
+* This function allows you to open a modal box by defining it in the URL
+* e.g. https://localhost:1313/#resourcesModal1
+*/
+(function() {
+    if (window.location.href.indexOf('#') > -1) {
+      var modalID = window.location.href.split('#')[1];
+      var modal = document.getElementById(modalID);
+      
+      modal.className += ' in';
+      modal.style.display = 'block';
+      
+      var closeButtons = document.getElementsByClassName('close-modal');
+      
+      for(var i = 0; i < closeButtons.length; i++) {
+        closeButtons[i].onclick = function() {
+          modal.style.display = 'none';
+          modal.className -= ' in';
+        };
+      }
+    }
+})();