[sword-devel] Web Interface: Mock-up page 1

Simon sword-devel@crosswire.org
Mon, 3 Mar 2003 23:51:02 +0100


It look really nice, but isn't to much of the space spend with the
menus?

Maybe as alternative idea something like http://www.scripture.nl/

Greetz,

Simon

-----Oorspronkelijk bericht-----
Van: sword-devel-admin@crosswire.org
[mailto:sword-devel-admin@crosswire.org] Namens Troy A. Griffitts
Verzonden: maandag 3 maart 2003 23:46
Aan: sword-devel@crosswire.org
Onderwerp: Re: [sword-devel] Web Interface: Mock-up page 1


Don,
	As always, your web interface looks awesome!  It did look and
resize 
well on Linux/Netscape 7.02.  I'm excited to hear others comments on it.

	-Troy.



Don A. Elbourne Jr. wrote:
>  I have one page of the Sword Web interface proposal up. I was hoping 
> to have several mock pages together by now, but I don't have them 
> together yet. I figured I might as well share this one, because if 
> everyone hates it, I can change gears before getting too far along. :)
> 
> What you see here http://elbourne.org/swordweb/passagestudy.html is my

> idea of what the "passage study" results page would look like. 
> Everything is marked up in semantically structured XHTML without any 
> visual markup in the page itself. Everything is done through CSS so 
> that the entire site look and feel can be changed at will. This should

> also make the generation of the HTML simpler on the programmer. For 
> example no FONT tags, the headings are simple <h1><h2> headings, the 
> lists are marked up <ul> as lists, etc.. If you have a browser that 
> utilizes alternative style sheets, I have a blank one associated with 
> it in addition to the blue theme to show the structure of the 
> document. Perhaps we could have several alternate style sheets and 
> allow the user to switch according to his/her tastes/needs. But enough

> of that....
> 
> The heading and navigation items across the top are simply place 
> holders. We will have to think about what all will be best to place 
> there, depending on what features we end up implementing.
> 
> The search box to the top left would appear on the homepage as well so

> that users can jump straight into the two most commonly used features 
> of an online Bible. Either a quick search for word/phrase, or a 
> passage look-up. Then of course there is a link to a more powerful 
> search where the user can limit the search to a particular portion of 
> scripture, search other translations, books, etc.
> 
> The page I have up now would be the result of typing "Romans 8:26-39" 
> and clicking "go."  Down the left column is a list of all the Bible 
> translations available. The links would already be set to the desired 
> passage. The same thing for commentaries would be in the right hand 
> column. The center column would contain the text. The passage 
> reference would be displayed as a heading and the book name 
> underneath. The sub navigation bar allows the user to progress forward

> a chapter, backward a chapter, or view the entire chapter. Of course 
> the links in the side columns should follow the focus of the main 
> content in the center.
> 
> I have a lot of translations there listed. Perhaps it would be best to

> limit the list to a default group, for example only English 
> translations. The user could then change what translations are 
> included with their preferences. I also have several commentaries 
> listed in the mock-up. I'm assuming that it would be trivial to limit 
> this listing to only those books that have entries for the current 
> passage under investigation.
> 
>>From the homepage the user is only two clicks away from any content 
>>related
> to their desired passage.
> 
> Two features can be built into this view page that I do not have shown

> yet.
> 
> 1. Using the KJV2003 text, each word could contain a link into a "Word

> Study" page where the definitions from any available lexicons/ 
> dictionaries would be displayed, along with a concordance listing of 
> every occurrence of that word.
> 
> 2. Cross references could be included between each verse from the 
> Treasury of Scripture Knowledge. Perhaps this feature could be toggled

> off an on in the user preferences.
> 
> 
> Back to the layout... the template is very simple. Basically:
> 
> <body>
>   <div id="header">
>     <h1>Insert Header Here</h1>
>    </div>
> 
> <div id="content-wrap">
> 
>     <div id="content-sub-1">
>         <!-- Insert Search Box  -->
>         <!-- Insert Translation List  -->
> 
>    <div id="content-sub-2">
>         <!-- Insert Commentary List  -->
>     </div>
> 
>      <div id="content-main">
>         <!-- Insert Main content  -->
>     </div>
> 
> </div>
> 
>     <div id="footer">
>         <!-- Insert Footer Info  -->
>     </div>
> 
> </body>
> 
> CSS takes care of the layout. I still will probably need to tweak it 
> some, but this is the main idea. I've not tested it on all browsers 
> yet, so give me some feed back on how it looks. It should fill your 
> browser window no matter what size or screen resolution you have set. 
> The center column is fluid and the two side columns are fixed. Go 
> ahead and resize your browser window and see. :) I swiped the basic 
> CSS from a template site and then made a few changes as needed, so it 
> should be ok. It is supposed to even degrade and work for NS4. The 
> page validates as XHTML 1.0 Transitional.
> 
> 
> 
> by grace alone,
> 
> Don A. Elbourne Jr.
> http://elbourne.org
> 
> _______________________________________________
> sword-devel mailing list
> sword-devel@crosswire.org 
> http://www.crosswire.org/mailman/listinfo/sword-devel


_______________________________________________
sword-devel mailing list
sword-devel@crosswire.org
http://www.crosswire.org/mailman/listinfo/sword-devel