From d5c68cd2373baa17743d904146e207bca33071cf Mon Sep 17 00:00:00 2001
From: Neil Brommer <neil@neilbrommer.com>
Date: Tue, 28 Nov 2017 21:19:04 -0800
Subject: [PATCH] Add polish, add attribution for Bitday and libraries

---
 .gitignore |  2 ++
 README.md  | 13 ++++++++++++-
 index.html | 31 +++++++++++++++++++------------
 js/main.js |  4 +++-
 main.css   |  1 +
 5 files changed, 37 insertions(+), 14 deletions(-)
diff --git a/.gitignore b/.gitignore
index 1356974..2ffe6ee 100644
--- a/.gitignore
+++ b/.gitignore
@@ -32,3 +32,5 @@ img/8\.png
 js/popper\.js\.map
 
 bookmarkList\.json
+
+font-awesome/
diff --git a/README.md b/README.md
index 7994ea5..f0ffd11 100644
--- a/README.md
+++ b/README.md
@@ -1 +1,12 @@
-NewTabPage
+# Start New Tab Page
+
+A new tab page that shows a list of grouped bookmarks. The background changes
+based on the time of day.
+
+[Live site](https://start.neilbrommer.com/)
+
+I use Danny Care's [Bitday](https://danny.care/portfolio/bitday/) wallpaper set
+for the above site.
+
+This project uses [Bootstrap](https://getbootstrap.com/),
+[JQuery](https://jquery.com/), and [Font Awesome](http://fontawesome.io/).
diff --git a/index.html b/index.html
index 11543d5..f3948c0 100644
--- a/index.html
+++ b/index.html
@@ -8,13 +8,11 @@
 	<meta name="author" content="Neil Brommer">
 	<link rel="icon" href="favicon.png">
 
-	<title>New Start</title>
+	<title>Start</title>
 
-	<!-- Bootstrap core CSS -->
-	<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
-
-	<!-- Custom styles -->
-	<link href="main.css" rel="stylesheet">
+	<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet"> <!-- Bootstrap core CSS -->
+	<link rel="stylesheet" type="text/css" href="font-awesome/css/font-awesome.css" /> <!-- Font Awesome -->
+	<link href="main.css" rel="stylesheet"> <!-- Custom styles -->
 </head>
 
 <body>
@@ -32,8 +30,8 @@
 			<form class="form-inline mt-2 mt-md-0">
 				<button class="btn btn-light ml-sm-2" type="button" data-Toggle="modal" data-target="#aboutModal">About</button>
 				<button class="btn btn-light ml-sm-2" type="button" data-Toggle="modal" data-target="#importExportModal">Import/Export</button>
-				<button class="btn btn-light ml-sm-2" type="button">Edit</button>
-				<button class="btn btn-light ml-sm-2" type="button" data-toggle="modal" data-target="#newBookmarkModal">Add</button>
+				<button id="btnEdit" class="btn btn-light ml-sm-2" type="button"><span class="fa fa-exclamation-circle"></span> Edit</button>
+				<button class="btn btn-light ml-sm-2" type="button" data-toggle="modal" data-target="#newBookmarkModal"><span class="fa fa-exclamation-circle"></span> Add</button>
 			</form>
 		</div>
 	</nav>
@@ -109,7 +107,7 @@
 	</div>
 
 	<div id="aboutModal" class="modal fade" tabindex="-1" role="dialog">
-		<div class="modal-dialog" role="document">
+		<div class="modal-dialog modal-lg" role="document">
 			<div class="modal-content">
 				<div class="modal-header">
 					<h5 class="modal-title">About</h5>
@@ -123,12 +121,21 @@
 					</p>
 					<p>
 						This page keeps a list of bookmarks separated into groups. It's intended to be used a a new tab page.
-					</p>
-					<p>
 						It uses localStorage to store the list of bookmarks rather than storing them server side.
 					</p>
 					<p>
-						The format for the import/export JSON is:
+						This site uses Danny Care's <a href="https://danny.care/portfolio/bitday/" target="_blank">Bitday</a>
+						wallpapers. The background changes based on the time of day.
+					</p>
+					<p>
+						This site uses <a href="https://getbootstrap.com/" target="_blank">Bootstrap</a>,
+						<a href="https://jquery.com/" target="_blank">JQuery</a>, and
+						<a href="http://fontawesome.io/">Font Awesome</a>.
+					</p>
+					<p>
+						Adding/editing bookmarks and groups is currently not implemented. To add or edit them, you need to use
+						the import/export feature and manually build a JSON object yourself. The format for the import/export
+						JSON is:
 					</p>
 					<pre>
 [
diff --git a/js/main.js b/js/main.js
index 704c9d1..629cc68 100644
--- a/js/main.js
+++ b/js/main.js
@@ -18,11 +18,13 @@ $(document).ready(function () {
 		}
 
 
-		// TODO complete adding bookmarks
+		// TODO: complete adding bookmarks
 		window.alert("Adding bookmarks is still incomplete");
 		$("#newBookmarkModal").modal("hide");
 	});
 
+	$("#btnEdit").click(function (e) { window.alert("Editing is currently not implemented"); });
+
 	$("#btnImport").click(importBookmarks);
 	$("#exportText").click(function () {
 		$("#exportText").select();
diff --git a/main.css b/main.css
index 7efb38d..8b894bb 100644
--- a/main.css
+++ b/main.css
@@ -28,6 +28,7 @@ body {
 
 .card {
     border: 0px;
+    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
 }
 
 .navbar {
