Add polish, add attribution for Bitday and libraries
This commit is contained in:
Neil Brommer
parent
5798bad50a
commit
d5c68cd237
2
.gitignore
vendored
2
.gitignore
vendored
|
|
@ -32,3 +32,5 @@ img/8\.png
|
||||||
js/popper\.js\.map
|
js/popper\.js\.map
|
||||||
|
|
||||||
bookmarkList\.json
|
bookmarkList\.json
|
||||||
|
|
||||||
|
font-awesome/
|
||||||
|
|
|
||||||
13
README.md
13
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/).
|
||||||
|
|
|
||||||
31
index.html
31
index.html
|
|
@ -8,13 +8,11 @@
|
||||||
<meta name="author" content="Neil Brommer">
|
<meta name="author" content="Neil Brommer">
|
||||||
<link rel="icon" href="favicon.png">
|
<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"> <!-- Bootstrap core CSS -->
|
||||||
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
<link rel="stylesheet" type="text/css" href="font-awesome/css/font-awesome.css" /> <!-- Font Awesome -->
|
||||||
|
<link href="main.css" rel="stylesheet"> <!-- Custom styles -->
|
||||||
<!-- Custom styles -->
|
|
||||||
<link href="main.css" rel="stylesheet">
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
@ -32,8 +30,8 @@
|
||||||
<form class="form-inline mt-2 mt-md-0">
|
<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="#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" data-Toggle="modal" data-target="#importExportModal">Import/Export</button>
|
||||||
<button class="btn btn-light ml-sm-2" type="button">Edit</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">Add</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>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
@ -109,7 +107,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="aboutModal" class="modal fade" tabindex="-1" role="dialog">
|
<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-content">
|
||||||
<div class="modal-header">
|
<div class="modal-header">
|
||||||
<h5 class="modal-title">About</h5>
|
<h5 class="modal-title">About</h5>
|
||||||
|
|
@ -123,12 +121,21 @@
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
This page keeps a list of bookmarks separated into groups. It's intended to be used a a new tab page.
|
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.
|
It uses localStorage to store the list of bookmarks rather than storing them server side.
|
||||||
</p>
|
</p>
|
||||||
<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>
|
</p>
|
||||||
<pre>
|
<pre>
|
||||||
[
|
[
|
||||||
|
|
|
||||||
|
|
@ -18,11 +18,13 @@ $(document).ready(function () {
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
// TODO complete adding bookmarks
|
// TODO: complete adding bookmarks
|
||||||
window.alert("Adding bookmarks is still incomplete");
|
window.alert("Adding bookmarks is still incomplete");
|
||||||
$("#newBookmarkModal").modal("hide");
|
$("#newBookmarkModal").modal("hide");
|
||||||
});
|
});
|
||||||
|
|
||||||
|
$("#btnEdit").click(function (e) { window.alert("Editing is currently not implemented"); });
|
||||||
|
|
||||||
$("#btnImport").click(importBookmarks);
|
$("#btnImport").click(importBookmarks);
|
||||||
$("#exportText").click(function () {
|
$("#exportText").click(function () {
|
||||||
$("#exportText").select();
|
$("#exportText").select();
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue