diff --git a/docs/_layouts/listing.html b/docs/_layouts/listing.html
index 375a7e4..39bb839 100644
--- a/docs/_layouts/listing.html
+++ b/docs/_layouts/listing.html
@@ -8,6 +8,12 @@
 
 <script>
 
+	/*   
+	
+	This part of code deals with Google Analytics. It initializes Google Analytics tracking on a website.  
+	
+	*/ 
+
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
   m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
@@ -16,20 +22,31 @@
   ga('create', 'UA-2010376-29', 'auto');
   ga('send', 'pageview');
 
+/*
+  getUrlVars :-
 
-function getUrlVars()
-{
-    var vars = [], hash;
-    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
-    for(var i = 0; i < hashes.length; i++)
-    {
-        hash = hashes[i].split('=');
-        vars.push(hash[0]);
-        vars[hash[0]] = hash[1];
-    }
-    return vars;
+  This function extracts the parameters from the URL of the current web page and returns them as an object with key-value pairs.
+  
+*/
+
+const getUrlVars = () =>{
+	const vars= {};
+	const hashes= window.location.href.slice(window.location.href.indexOf('?')+ 1).split('&');
+	for(const hash of hashes){ 
+		const [key , value]= hash.split('=');
+		vars[key]=value;
+	}
+	return vars;
 }
 
+/*
+    UpdateQueryString :- 
+
+    The purpose of this function is to update the query string of a given URL.
+	The function then returns the updated URL. If no changes are made to the URL, the original URL is returned.
+
+*/
+
 function UpdateQueryString(key, value, url) {
     if (!url) url = window.location.href;
     var re = new RegExp("([?|&])" + key + "=.*?(&|#|$)(.*)", "gi");
@@ -64,31 +81,29 @@
 function RemoveQueryString(param1) {
 	var quer = param1
 	location.href=location.href.replace(/&?quer=([^&]$|[^&]*)/i, "");
-	}
+}
 
-var topic = getUrlVars()["topic"];
-var language = getUrlVars()["language"];
-var medium = getUrlVars()["medium"];
+const topic = getUrlVars()["topic"];
+const language = getUrlVars()["language"];
+const medium = getUrlVars()["medium"];
 
 if (topic === undefined && medium === undefined && language === undefined) {
-document.write("<style>.thumbnailbox { display: block; }</style>");
+    document.write("<style>.thumbnailbox { display: block; }</style>") ;
 }
 else {
 	document.write("<style>");
 	if (topic != undefined) {document.write("."+topic)};
 	if (medium != undefined) {document.write("."+medium)};
 	if (language != undefined) {document.write("."+language)};
-	document.write(" { display: block; }</style>");
-	};
-
-document.write("<style>");
- if (topic != undefined) {document.write(" .resourcenavtopicknown");}
-	else {document.write(" .resourcenavtopicunknown");};
- if (medium != undefined) {document.write(", .resourcenavmediumknown");}
-	else {document.write(", .resourcenavmediumunknown");};
- if (language != undefined) {document.write(", .resourcenavlanguageknown");}
-	else {document.write(", .resourcenavlanguageunknown");};
- document.write(" { display: block; }</style>");
+	document.write("{ display: block; }</style>");
+}
+
+document.write(`<style> ${topic ? " .resourcenavtopicknown" : " .resourcenavtopicunknown"} 
+                    ${medium ? ", .resourcenavmediumknown" : ", .resourcenavmediumunknown"}
+                    ${language ? ", .resourcenavlanguageknown" : ", .resourcenavlanguageunknown"} 
+            { display: block; }
+            </style>`);
+
 </script>
 
 	{% endif %}
diff --git a/docs/_layouts/resource.html b/docs/_layouts/resource.html
index e7e1ca3..9aa9e75 100644
--- a/docs/_layouts/resource.html
+++ b/docs/_layouts/resource.html
@@ -1,107 +1,111 @@
-<html>
-<head>
-<title>{{ page.title }} | Creative Commons</title>
+<html xmlns:dct="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>{{ page.title }} | Creative Commons</title>
 
-<script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+		<script>
+	/*   
+	
+		This part of code deals with Google Analytics. It initializes Google Analytics tracking on a website.  
+	
+	*/ 
 
-  ga('create', 'UA-2010376-29', 'auto');
-  ga('send', 'pageview');
+	  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+	  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+	  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+	  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
 
-</script>
+	  ga('create', 'UA-2010376-29', 'auto');
+	  ga('send', 'pageview');
 
-<link rel="stylesheet" type="text/css" href="/style.css" />
-	{% if page.downloadurl %}
+	</script>
+
+		<link rel="stylesheet" type="text/css" href="/style.css" />
+		{% if page.downloadurl %}
 		{% if page.repourl %}
-			<style>#downloadbuttonholder { width: 440px; }</style>
+		<style>#downloadbuttonholder { width: 440px; }</style>
 		{% else %}
-			<style>#downloadbuttonholder { width: 220px; }</style>
+		<style>#downloadbuttonholder { width: 220px; }</style>
 		{% endif %}
-	{% elsif page.repourl %}
+		{% elsif page.repourl %}
 		<style>#downloadbuttonholder { width: 220px; }</style>
-	{% endif %}
+		{% endif %}
 
-	{% if page.repourl contains 'layervault.com' %}
+		{% if page.repourl contains 'layervault.com' %}
 		<style>.downloadbutton.repository {background-image: url("/images/layervault.png")}</style>
-	{% endif %}
-	
-	{% if page.repourl contains 'github.com' %}
+		{% endif %}
+
+		{% if page.repourl contains 'github.com' %}
 		<style>.downloadbutton.repository {background-image: url("/images/github.png")}</style>
-	{% endif %}
+		{% endif %}
 
-</head>
-<body>
+	</head>
+	<body>
 
-{% include header.html %}
+		{% include header.html %}
 
-<h1><a href="/">Creative Commons Resource Archive</a></h1>
+		<h1><a href="/">Creative Commons Resource Archive</a></h1>
 
-<h2 style="text-align: center; ">{{ page.title }}</a></h3>
+		<h2 style="text-align: center; ">{{ page.title }}</a></h3>
 
-	{% if page.embed %}
-	<div align="center">{{ page.embed }}</div>
-	{% else %}
-	{% if page.downloadurl %}
-		<a href="{{ page.downloadurl }}" target="_blank">
-	{% endif %}
+		{% if page.embed %}
+		<div align="center">{{ page.embed }}</div>
+		{% else %}
+		{% if page.downloadurl %}
+		<a href="{{ page.downloadurl }}" target="_blank"></a>
+		{% endif %}
 
-	{% if page.image-full %}
+		{% if page.image-full %}
 		<div id="preview" style="background-image: url({{page.image-full}})"></div>
-	{% else %}
+		{% else %}
 		<div id="preview"></div>
-	{% endif %}
+		{% endif %}
 
-	{% if page.downloadurl %}
+		{% if page.downloadurl %}
 		</a>
-	{% endif %}
-	{% endif %}
-	{% if page.downloadurl or page.repourl %}
-<div id="downloadbuttonholder">
-	{% endif %}
-
-	{% if page.downloadurl %}
-		<a href="{{ page.downloadurl }}" target="_blank">
-		<div class="downloadbutton">
-		{% if page.medium == "website" or page.medium == "course" %} 
-			<p>Visit</p>
-		{% else %}
-			<p>Download</p>
 		{% endif %}
+		{% endif %}
+		{% if page.downloadurl or page.repourl %}
+		<div id="downloadbuttonholder">
+			{% endif %}
+
+			{% if page.downloadurl %}
+			<a href="{{ page.downloadurl }}" target="_blank">
+				<div class="downloadbutton">
+					{% if page.medium == "website" or page.medium == "course" %}
+					<p>Visit</p>
+					{% else %}
+					<p>Download</p>
+					{% endif %}
+				</div>
+			</a>
+			{% endif %}
+
+
+			{% if page.downloadurl or page.repourl %}
 		</div>
-		</a>
-	{% endif %}
+		{% endif %}
 
+		<div style="clear: both;"></div>
 
-	{% if page.downloadurl or page.repourl %}
+		<div id="longdescription">
+			{{content}}
 		</div>
-	{% endif %}
-
-<div style="clear: both;"></div>	
-
-<div id="longdescription">
-{{content}}
-</div>
 
 
-	{% if page.license %}
-	
-	
+		{% if page.license %}
 		{% if page.license == 'CC0' %}
-			<p align="center"><a rel="license" href="http://creativecommons.org/publicdomain/zero/1.0/"><img src="http://i.creativecommons.org/p/zero/1.0/88x31.png" style="border-style: none;" alt="CC0" /></a>
-  <br />
-  To the extent possible under law, <span property="dct:publisher">{{ page.author }}</span> has waived all copyright and related or neighboring rights to <a href="{{ page.downloadurl}}"dct:title">{{ page.title }}</a>.</p>
-		
+		<p align="center"><a rel="license" href="http://creativecommons.org/publicdomain/zero/1.0/"><img src="http://i.creativecommons.org/p/zero/1.0/88x31.png" style="border-style: none;" alt="CC0" /></a><br />
+			To the extent possible under law, <span property="dct:publisher">{{ page.author }}</span> has waived all copyright and related or neighboring rights to <a href="{{ page.downloadurl}}" dct:title="{{ page.title }}">{{ page.title }}</a>.
+		</p>
 		{% else %}
-			
-		<p align="center"><a rel="license" href="http://creativecommons.org/licenses/{{ page.license | remove: 'CC ' | downcase | replace: ' ', '/' }}/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/{{ page.license | remove: 'CC ' | downcase | replace: ' ', '/' }}/88x31.png" /></a><br />
 
-{% if page.downloadurl %}<a href="{{ page.downloadurl }}" rel="cc:attributionURL">{% endif %}<span xmlns:dct="http://purl.org/dc/terms/" property="dct:title">{{ page.title }}</span>{% if page.downloadurl %}</a>{% endif %}{% if page.author %} by <span xmlns:cc="http://creativecommons.org/ns#" property="cc:attributionName" >{{ page.author }}</span>{% endif %} is licensed under <a rel="license" href="http://creativecommons.org/licenses/{{ page.license | remove: 'CC ' | downcase | replace: ' ', '/' }}/">{{ page.license }}</a>.</p>
+		<p align="center"><a rel="license" href="http://creativecommons.org/licenses/{{ page.license | remove: 'CC ' | downcase | replace: ' ', '/' }}/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/{{ page.license | remove: 'CC ' | downcase | replace: ' ', '/' }}/88x31.png" /></a><br />
+			{% if page.downloadurl %}<a href="{{ page.downloadurl }}" rel="cc:attributionURL">{% endif %}<span xmlns:dct="http://purl.org/dc/terms/" property="dct:title">{{ page.title }}</span>{% if page.downloadurl %}</a>{% endif %}{% if page.author %} by <span xmlns:cc="http://creativecommons.org/ns#" property="cc:attributionName" >{{ page.author }}</span>{% endif %} is licensed under <a rel="license" href="http://creativecommons.org/licenses/{{ page.license | remove: 'CC ' | downcase | replace: ' ', '/' }}/">{{ page.license }}</a>.
+		</p>
 
 		{% endif %}
-	{% endif %}
+		{% endif %}
+
 
 
 </body>
diff --git a/docs/all.html b/docs/all.html
index cac7d1d..3d54d01 100644
--- a/docs/all.html
+++ b/docs/all.html
@@ -6,39 +6,39 @@
 
 <div id="resourcenavbar">
 
-<div class="resourcenav resourcenavtopicknown">
-<h2>Topic</h2>
-<p><script>document.write(topic);</script> [<a onclick="location.href=location.href.replace(/&?topic=([^&]$|[^&]*)/i, '');" href="#">x</a>]</p>
-</div>
+	<div class="resourcenav resourcenavtopicknown">
+		<h2>Topic</h2>
+		<p><script>document.write(topic);</script> [<a onclick="location.href=location.href.replace(/&?topic=([^&]$|[^&]*)/i, '');" href="#">x</a>]</p>
+	</div>
 
-<div class="resourcenav resourcenavtopicunknown">
-<h2>Topic</h2>
-<ul>
-	{% for topic in site.data.topics %}
-		<li><a onclick="window.location.search += '&topic={{ topic.string }}';" href="#">{{ topic.name }}</a></li>
-	{% endfor %}
-</ul>
-</div>
+	<div class="resourcenav resourcenavtopicunknown">
+		<h2>Topic</h2>
+		<ul>
+			{% for topic in site.data.topics %}
+				<li><a onclick="window.location.search += '&topic={{ topic.string }}';" href="#">{{ topic.name }}</a></li>
+			{% endfor %}
+		</ul>
+	</div>
 
-<div class="resourcenav resourcenavmediumknown">
-<h2>Medium</h2>
-<p><script>document.write(medium);</script> [<a onclick="location.href=location.href.replace(/&?medium=([^&]$|[^&]*)/i, '');" href="#">x</a>]</p>
-<p></p>
-</div>
+	<div class="resourcenav resourcenavmediumknown">
+		<h2>Medium</h2>
+		<p><script>document.write(medium);</script> [<a onclick="location.href=location.href.replace(/&?medium=([^&]$|[^&]*)/i, '');" href="#">x</a>]</p>
+		<p></p>
+	</div>
 
-<div class="resourcenav resourcenavmediumunknown">
-<h2>Medium</h2>
-<ul>
-	{% for medium in site.data.media %}
-		<li><a onclick="window.location.search += '&medium={{ medium.string }}';" href="#">{{ medium.name }}</a></li>
-	{% endfor %}
-</ul>
-</div>
+	<div class="resourcenav resourcenavmediumunknown">
+		<h2>Medium</h2>
+		<ul>
+			{% for medium in site.data.media %}
+				<li><a onclick="window.location.search += '&medium={{ medium.string }}';" href="#">{{ medium.name }}</a></li>
+			{% endfor %}
+		</ul>
+	</div>
 
-<div class="resourcenav resourcenavlanguageknown">
-<h2>Language</h2>
-<p><script>document.write(language);</script> [<a onclick="location.href=location.href.replace(/&?language=([^&]$|[^&]*)/i, '');" href="#">x</a>]</p>
-</div>
+	<div class="resourcenav resourcenavlanguageknown">
+		<h2>Language</h2>
+		<p><script>document.write(language);</script> [<a onclick="location.href=location.href.replace(/&?language=([^&]$|[^&]*)/i, '');" href="#">x</a>]</p>
+	</div>
 
 <div class="resourcenav resourcenavlanguageunknown">
 <h2>Language</h2>
diff --git a/docs/cc-licenses-poster.html b/docs/cc-licenses-poster.html
index fefa7c9..a5eadcf 100644
--- a/docs/cc-licenses-poster.html
+++ b/docs/cc-licenses-poster.html
@@ -20,6 +20,6 @@
 Poster outlining what each CC license allows users to do. Available in PDF and SVG formats.
 
 <ul>
-<li><a href="http://creativecommons.pl/2012/06/plakat-o-licencjach-cc/">Polish</li>
+<li><a href="http://creativecommons.pl/2012/06/plakat-o-licencjach-cc/">Polish</a></li>
 <li><a href="http://creativecommons.pl/2012/06/open-poster-about-cc-licenses/">English</a></li>
 </ul>
diff --git a/docs/submission.html b/docs/submission.html
index 402b39b..f7341af 100644
--- a/docs/submission.html
+++ b/docs/submission.html
@@ -8,10 +8,17 @@
 <title>{{ page.title }} | Creative Commons</title>
 
 <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+	/*   
+	
+		This part of code deals with Google Analytics. It initializes Google Analytics tracking on a website.  
+	
+	*/ 
+
+	(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+	(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+	m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+	})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
 
   ga('create', 'UA-2010376-29', 'auto');
   ga('send', 'pageview');
@@ -23,11 +30,11 @@
 </head>
 <body>
 
-	<a href="//creativecommons.org/"><div id="bannercc"></div></a>
+		<a href="//creativecommons.org/"><div id="bannercc"></div></a>
 
 
-<div style="text-align: center; ">
-<h1><a href="/">Creative Commons Resource Archive</a></h1>
+	<div style="text-align: center; ">
+		<h1><a href="/">Creative Commons Resource Archive</a></h1>
 
 <h2>Submit a Resource</h2>
 <h3>Come across an interesting, useful resource about CC?</h3>
