Make modals work when Javascript is disabled

Author: c-w

src/index.html

@@ -72,7 +72,7 @@ <h1 class="extra-large no-style">LOKOLE: EMAIL FOR ALL</h1>
             <div class="thumbnail" rel="modal" id="info1" data-toggle="tooltip" title="more history" data-reference="modal-1-content" data-title="The foundations that led to Ascoderu" tabindex="0">
               <p>Hi, I’m Nzola Swasisa but please call me Nzola. I was born
                 and raised in the DRC and in 2010 I founded Ascoderu: our
-                canadian-congolese NGO. <em>Click to read more.</em></p>
+                canadian-congolese NGO. <em class="read-more">Click to read more.</em></p>
 
               <div id="modal-1-content" class="hidden">
                 <p>I’m Nzola Swasisa, and I was born and raised in the Democratic Republic of the Congo (DRC).
@@ -93,7 +93,7 @@ <h1 class="extra-large no-style">LOKOLE: EMAIL FOR ALL</h1>
 
             <div class="thumbnail" rel="modal" id="info2" data-toggle="tooltip" title="more history" data-reference="modal-2-content" data-title="The history of Ascoderu and Lokole" tabindex="0">
               <p>Between 2013-15 I went to Kinshasa in order to test
-                REC (Remote Email Center) and the proof-of-concept led to Lokole. <em>Click to read more.</em></p>
+                REC (Remote Email Center) and the proof-of-concept led to Lokole. <em class="read-more">Click to read more.</em></p>
 
               <div id="modal-2-content" class="hidden">
               <p>In 2010, I registered Ascoderu as a not for profit NGO in Canada and in the DRC with the mission

src/noscript.css

@@ -1,3 +1,15 @@
 .loading {
   display: block;
 }
+
+div[rel="modal"] .hidden {
+  display: block !important; /* csslint allow: important */
+}
+
+div[rel="modal"] {
+  pointer-events: none;
+}
+
+div[rel="modal"] .read-more {
+  display: none;
+}