My family uses a Home Theater PC for most of our movies and television shows. I have done a good job of bookmarking the relevant sites, but using the wireless mouse across the room, the Firefox menu system is too small to read and the mouse is too sensitive to accurately select the right URL all the time.
I will periodically export the bookmarks from Firefox into a bookmarks.html file that will become my browser's home page. I would like to apply some formatting to this HTML file. Because this file gets replaced periodically, I figure I can use a local jQuery file and a custom .js file to manipulate the HTML contents into something that is at least semi-appealing.
What I have so far:
1- export to bookmarks.html
2- edit bookmarks.html in Notepad to add two lines of code:
near the top: <script src="jquery.js"></script>
at the bottom: <script src="bookmarks.js"></scrip
The jQuery file is a local copy of the latest version of the file. (yes, I could use one from Google, etc., and may switch over to that once I get any kinks worked out).
The bookmarks.js file, so far, contains only a few lines of code (below) to remove a few elements that are useless to me.
What I would like:
I'd really like to be able to turn this HTML file into something that behaves more like a dynamic web page... that is... have the contents of each bookmark folder hidden until I click on the folder name, or at the very least, add some decent formatting so that it's not all plain text.
Any ideas or examples?
I'm not averse to adding a css file to the page. Perhaps someone already has some CSS that makes DLs look pretty.
// Remove all DD tags - these are the descriptions of the links
// Remove some useless DTs
// Remove "Bookmarks Menu" H1