added ui,ad and other area js files

Author: brainandbinary

1991/javascripts/reading.json

@@ -0,0 +1,14 @@
+[
+  {
+    className: "Academic Reading: Mastering True/False/Not Given",
+    youtubeIframe: '<iframe width="560" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>'
+  },
+  {
+    className: "Speed Reading Techniques for Section 3",
+    youtubeIframe: '<iframe width="560" height="315" src="https://www.youtube.com/embed/example2" title="YouTube video player" frameborder="0" allowfullscreen></iframe>'
+  },
+  {
+    className: "Matching Headings: The 'Elimination' Method",
+    youtubeIframe: '<iframe width="560" height="315" src="https://www.youtube.com/embed/example3" title="YouTube video player" frameborder="0" allowfullscreen></iframe>'
+  }
+]

1991/javascripts/ui.js

@@ -20,7 +20,40 @@ function renderPlaylist() {
 		$('#title').text(title);
 	}
 
-	
+	let url;
+	let tutorials=[];
+ 
+   if(topic=='listening'){
+	   url = 'https://brainandbinary.github.io/1991/javascripts/listening.json';
+   }
+   
+   if(topic=='reading'){
+	   url = 'https://brainandbinary.github.io/1991/javascripts/reading.json';
+   }
+   
+   if(topic=='writing'){
+	   url = 'https://brainandbinary.github.io/1991/javascripts/writing.json';
+   }
+   
+   if(topic=='speaking'){
+	   url = 'https://brainandbinary.github.io/1991/javascripts/speaking.json';
+   }
+   
+   if(topic=='basic-speaking'){
+	   url = 'https://brainandbinary.github.io/1991/javascripts/basic-speaking.json';
+   }
+ 
+   if(topic=='basic-english'){
+	   url = 'https://brainandbinary.github.io/1991/javascripts/basic-english.json';
+   }
+ 
+   try{
+	    const response = await fetch(url);
+		// 1. 'data' will be the array [ {className: ...}, {className: ...} ]
+		tutorials = await response.json(); 
+   }catch(e){
+	   console.log(e)
+   }
 
 
   const container = document.getElementById('list-wrapper');