NeilBrommer/NewTabPage
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Update about dialog

Browse source
This commit is contained in:
Neil Brommer 2017-12-30 20:02:14 -08:00
parent 00615e0dfe
commit 61f9136a03
2 changed files with 39 additions and 44 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
.gitignore vendored
View file

@ -3,3 +3,5 @@ lib/
img/
bookmarkList\.json
.vscode/

53
index.html
View file

@ -121,50 +121,43 @@
</button>
</div>
<div class="modal-body">
<ul class="nav nav-tabs" id="tabContent">
<li class="nav-item">
<a id="aboutTab" class="nav-link active" href="#aboutTabContent" data-toggle="tab">General</a>
</li>
<li class="nav-item">
<a id="attribTab" class="nav-link" href="#attribTabContent" data-toggle="tab">Attribution</a>
</li>
</ul>
<div class="tab-content mt-3">
<div id="aboutTabContent" class="tab-pane fade show active">
<p>
<a href="https://github.com/NeilBrommer/NewTabPage">Project on GitHub</a>
<a href="https://github.com/NeilBrommer/NewTabPage">This project on GitHub</a>
</p>
<p>
This page keeps a list of bookmarks separated into groups. It's intended to be used a a new tab page.
It uses IndexedDB to store the list of bookmarks in the browser rather than storing them server side.
</p>
</div>
<div id="attribTabContent" class="tab-pane fade">
<p>
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>
<h3>Libraries</h3>
<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>.
<a href="https://getbootstrap.com/" target="_blank">Bootstrap</a>
</p>
<p>
Editing bookmarks is currently not supported. To move bookmarks, you need to use the
import/export function and manually edit the JSON data. The format for this is:
<a href="https://jquery.com/" target="_blank">JQuery</a>
</p>
<pre class="rounded border"><code>[
{
"title": "Group title",
"bookmarks": [
{
"name": "Bookmark 1",
"address": "http://example.com"
},
{
"name": "Bookmark 2",
"address": "http://example.net"
}
]
},
{
"title": "Group 2",
"bookmarks": [
{
"name": "Bookmark 3",
"address": "http://example.org"
}
]
}
]</code></pre>
<p>
<a href="http://fontawesome.io/">Font Awesome</a>
</p>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>