Add image viewing in blog entries

src/blog_entry.jsx

@@ -29,12 +29,30 @@ class BlogEntryComponent extends Component
 
 	render()
 	{
-		return (
+		return [
 			<div className="blog-entry"
 				dangerouslySetInnerHTML={this.props.blog_entry_name === this.entry_name ?
 					{__html: this.props.blog_entry} : null}>
-			</div>
-		)
+			</div>,
+			<div id="image-container" onclick={() => close_image()}>
+				<img id="image-view"/>
+			</div>,
+			<script>
+				{`const container = document.getElementById("image-container")
+				const image_view = document.getElementById("image-view")
+
+				function open_image(src)
+				{
+					image_view.src = src
+					container.style.display = 'flex'
+				}
+
+				function close_image()
+				{
+					container.style.display = 'none'
+				}`}
+			</script>
+		]
 	}
 }