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/ img/
bookmarkList\.json bookmarkList\.json
.vscode/

53
index.html
View file

@ -121,50 +121,43 @@
</button> </button>
</div> </div>
<div class="modal-body"> <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> <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>
<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.
It uses IndexedDB to store the list of bookmarks in the browser rather than storing them server side. It uses IndexedDB to store the list of bookmarks in the browser rather than storing them server side.
</p> </p>
</div>
<div id="attribTabContent" class="tab-pane fade">
<p> <p>
This site uses Danny Care's <a href="https://danny.care/portfolio/bitday/" target="_blank">Bitday</a> 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. wallpapers. The background changes based on the time of day.
</p> </p>
<h3>Libraries</h3>
<p> <p>
This site uses <a href="https://getbootstrap.com/" target="_blank">Bootstrap</a>, <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>
<p> <p>
Editing bookmarks is currently not supported. To move bookmarks, you need to use the <a href="https://jquery.com/" target="_blank">JQuery</a>
import/export function and manually edit the JSON data. The format for this is:
</p> </p>
<pre class="rounded border"><code>[ <p>
{ <a href="http://fontawesome.io/">Font Awesome</a>
"title": "Group title", </p>
"bookmarks": [ </div>
{ </div>
"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>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>