Hi Jon,
I think it will be impossible to integrate a DOSbox or something in a website. A DOS-box is residing on the PC of the visitor, and browsers don't allow webpages to go into the system of the visitor (only for downloading or uploading of a file): security!!!
Besides, a Windows-only solution is excluding the MAC's/phones/tablets which have other Operating Systems.
But as Luuk's links show: it is possible to have an alternative on a webpage.
Problem with these sites: the sandersweb.net is build with php: the code how it's done is only serverside and for us invisible.
The thywordistrue.com site is driven by a
huge multi-purpose javascript-file (181kB, not only for the verse-generator) which is very unreadable...
But I think it can be done with a small javascript of about 2.2kB!
Considering the amount of verses in the
text-only version of 4.5MB a webpage with all verses would be very slow. I should advise to split it up in a webpage for each Book, then it will be around 150-250kB for a page/book. The javascript can switch between the books, and a new book will be fast on screen.
= = = = =
"Manual"
If not already done, download and install Notepad++ (
https://notepad-plus-plus.org).
Download the next files to a new folder on your PC:
Have a look in your browser at the model-page. The css-stylesheet is already linked (can be changed of course). Also the javascript file for the functionality is linked (can be extended/adapted).
To do: filling the 3 dots with html-code for the content of a book.
How? Here we go.
Copy/paste all verses of for example the book Genesis from your file
stonetabernacle.com/files/THEBIBLE.TXT in a new Notepad++ file, and save it as Genesis.txt
Still in Notepad++, uncheck in the menu View the "Word Wrap" option in case it is checked.
Go the Menu Edit>LineOperations>Remove Empty Lines.
After this, go to menu Macro>Start Macro.
- Insert the cursor in the line of Genesis 1:1, just before the G of Genesis.
- Type <div> and hit the "End" key on the keybord.
- Type <p> and hit the "Delete" key on the keyboard.
- Hit the "End" key again and type </p></div>
- Hit the right arrow key, so the cursor is just before the G of Genesis 1:2.
- And go to menu Macro>Stop Recording.
- Again in Macro, go to "Run a Macro multiple times..." with the option "Run until the end of file".
Just a moment ... Notepad++ is heavy working. When ready, save the file.
If you want the words "God" and "LORD" in a special style, you can use menu Search>Replace. For instance search for
God and replace with
<span>God</span> (Replace all); the css is setting the style for the span's.
Now open the downloaded model-page file in Notepad++, and save it as "HyperTextMarkupLanguage file" with the name of thebook, here: Genesis.html.
Copy/paste all code of the Genesis.txt instead of the 3 dots in the middle.
Save the file: ready for this one!
Do the same for all other books. ;-)
Then rename the start.txt file in start.html, and the files can be uploaded to your server (all in the same folder):
- start.html
- randomverse.css
- randomverse.js
- Genesis.html
- Exodus.html
- ...
- Revelation.html
Finished!
= = =
In the demo above I did it for Genesis and Exodus.
Good luck!
_______________
Note 1: The array of books in the start.html script and in the randomverse.js has to be adapted for the books which are ready as html-files. Otherwise there are a lot of Pages Not Found. :-)
Note 2: You can put al files in a downloadable (big) zip-file for visitors who like to consult the generator offline.