Fix issues with routes

The category by tag route stored a variable which all other routes. This
impacted the whole team dramatically.

index.js

@@ -71,7 +71,7 @@ router.get('/edit/:id', async ctx => {
 
 router.post('/edit', koaBody, async ctx => await editPost(ctx, dbName))
 
-router.get('/:tag', async ctx => await categoriesTagGet(ctx, dbName))
+router.get('/categories/:tag', async ctx => await categoriesTagGet(ctx, dbName))
 
 /**
  * The user registration page.

views/homepage.handlebars

@@ -16,11 +16,11 @@
 		<section class="dropdown">
 			<button class="dropdownBtn">CATEGORIES</button>
 			<section name="categories" class="dropdownContent">
-				<a href="/sport">Sport</a>
-				<a href="/science">Science</a>
-				<a href="/tech">Tech</a>
-				<a href="/world">World</a>
-				<a href="/politics">Politics</a>		
+				<a href="/categories/sport">Sport</a>
+				<a href="/categories/science">Science</a>
+				<a href="/categories/tech">Tech</a>
+				<a href="/categories/world">World</a>
+				<a href="/categories/politics">Politics</a>		
 			</section>
 		</section>
 
@@ -48,7 +48,7 @@
 			<article class="card">
 				<a href="/articles/{{this.article_id}}"><h2> {{this.title}}</h2></a>
 				<h5> {{this.summary}}</h5>
-				<a href="/articles/{{this.article_id}}"><img src = "{{this.image_url}}" style="height:200px;"></a>
+				<a href="/articles/{{this.article_id}}"><img src = "../{{this.image_url}}" style="height:200px;"></a>
 				<h5> by {{this.author}} </h5>
 				<h6> tag: {{this.tag}} </h6>
 				<p> Average Rating: </p>