added additional psql instructions

README.md

@@ -22,6 +22,11 @@ CREATE TABLE events (
 	description text
 );
 ```
+Then create the section entries:
+```sql
+INSERT INTO sections (name) VALUES ('accepted');
+INSERT INTO sections (name) VALUES ('proposed');
+```
 ```sh
 cd /opt
 git clone https://github.com/Soulful-Sailer/Event-Tracker/
@@ -32,3 +37,11 @@ cp config-template.json config.json
 ```
 Edit config.json and add your database details.
 Then start the server with `systemctl start event-tracker.service`
+
+## Screenshots
+### Main Page
+![Main Page Preview](previews/Main-Page.png)
+### Add Event Page
+![Add event preview](previews/Add-Page.png)
+### Edit Event Page
+![Edit event preview](previews/Edit-Page.png)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "event-tracker",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "author": {
     "name": "Soulful Sailer",
     "email": "soulful.sailer@entropic.pro"

static/event.html

@@ -15,7 +15,7 @@
 			  <div id='top-bar'>
 				  <span class='link'><a id='home-link' href='index.html'><h1>Event Tracker</h1></a></span>
 			  </div>
-			  <div class='links'>
+			  <div class='links' id='top-links'>
 				  <li class=''><span class='link'><a href='index.html'>View</a></span></li>
 				  <li class='current-page'><span class='link'><a href='event.html'>Add</a></span></li>
 			  </div>

static/index.html

@@ -16,7 +16,7 @@
 			  <div id='top-bar'>
 				  <span class='link'><a id='home-link' href='index.html'><h1>Event Tracker</h1></a></span>
 			  </div>
-			  <div class='links'>
+			  <div class='links' id='top-links'>
 				  <li class='current-page'><span class='link'><a href='index.html'>View</a></span></li>
 				  <li class=''><span class='link'><a href='event.html'>Add</a></span></li>
 			  </div>

static/scripts/editEvent.js

@@ -69,18 +69,18 @@ function populateData(eventData) {
 function indicateEditing() {
 	document.querySelector(".current-page").classList.remove('current-page');
 	
-	//creates html element:
+  //creates html element:
-	//<li class='current-page'><a href='event.html?id=EventID'><span class='link'>Editing</span></a></li>
+	//<li class='current-page'><span class='link'><a href='event.html?id=EventID'>Editing</a></span></li>
 	let elem = document.createElement("li");
 	elem.classList.add('current-page');
-	let a = document.createElement('a');
+  let span = document.createElement('span');
-		a.href = window.location.href;
+    span.classList.add('link');
-		let span = document.createElement('span');
+		span.append('Editing');
-			span.classList.add('link');
+	  let a = document.createElement('a');
-			span.append('Editing');
+		  a.href = window.location.href;
-			a.append(span);
+      span.append(a);
-		elem.append(a);
+		elem.append(span);
-	document.getElementById("links").append(elem); //add elem to navigation bar
+	document.getElementById("top-links").append(elem); //add elem to navigation bar
 
 	//creates delete button
 	//<button id="delete-button">Delete</button>