User:Luccagenes/Sandbox/TestPage1

__NORICHEDITOR__



 G e t   i n v o l v e d   Bring your knowledge to the table

 
 * Report or fix errors
 * Submit suggestions or wishlist
 * Make article or project proposals
 * Create or expand articles/stubs
 * Join or lead a group effort
 * Help with Wiki Care
 * Become a Reviewer or Moderator

 Opportunities

  Community News

  Wiki Projects

Previous Barn-Raising projects North Carolina Barn Raising England Barn Raising Germany Barn Raising Maryland Barn Raising Previous Successful Wiki Projects WikiProject: Ohio WikiProject: Swedish Place Names Wikiproject: Swedish Occupations WikiProject: Indiana FamilySearch_Wiki:WikiProject_Wiki_Design_Pages|WikiProject: Wiki Design Pages Typical State Research Areas ( I l l i n o i s ) 
 * African Americans
 * American Indians
 * Archives and Libraries
 * Bible Records
 * Biography
 * Cemeteries
 * Illinois Census
 * Church Records
 * Court Records
 * Directories
 * Emigration and Immigration
 * Ethnic, Political, or Religious Groups
 * Funeral Homes
 * Gazetteers
 * Illinois Genealogy
 * History of Illinois


 * Land and Property
 * Illinois Maps
 * Military Records
 * Naturalization and Citizenship
 * Newspapers
 * Obituaries
 * Occupations
 * Online Records
 * Periodicals
 * Probate Records
 * Public Records
 * Societies
 * Taxation
 * Vital Records
 * Voting Registers
 * Other Records
 * For Further Reading

 Wiki Projects Review  Other active Wiki Projects  - - - - - - - - - -  Future Projects  scheduling

 Wiki Home Page (mockup pages)  New to the Genealogy?   <div style="position:absolute; top:90px; left:15.5px; width:235px; height:20px; border-radius:5px; background-color:#eeeeee; box-shadow:0px 0px 0px 0px #3c8ff7; border:3px solid #3c8ff7; font-size: 13px; padding:7px;"> New to the Wiki?   <div style="position:absolute; top:140px; left:15px; width:235px; height:20px; border-radius:5px; background-color:#eeeeee; box-shadow:0px 0px 0px 0px #87b940; border:3px solid #87b940; font-size: 13px; padding:7px;"> Want to Help?      <div style="position:absolute; top:0px; left:655px; width:270px; height:100px; border-radius:5px; background-color:#eeeeee; box-shadow:0px 0px 0px 0px #fdb34b; border:3px solid #fdb34b; font-size: 14px; padding:7px;"> Share your Opinion  We want your  feedback  Question of the week, enter question here.

 Wiki Main Page  (mockup page) <div style="position:absolute; top:-485px; left:-235px; width:200px; height:1400px; background-color:#fffbea; border:2px solid silver; padding:5px;"> FamilySearch Wiki

Genealogical Research Help

Main Page About the Wiki Wiki Tools Research Process Research Help

Volunteer

Submit Wiki Content Community Center Family History Centers Community Meetings Community Council Societies and Libraries Adopt a Page Personal Sandbox Manual of Style Guiding Principles

Views

Toolbox

Personal tools

Both advertizing boxes (Specialty Projects and Wiki Projects) are set to display a different image daily. For maintenance purposes (or curiosity) the templates can be accessed using the "news clips" links.

Image map above only goes to temporary links and the bullet hub coloration (currently blue) can be modified to any desired color.

Some of these elements were taken from Caleb's page (had to construct a relative div box to eliminate a patrolling issue).

"fake" left sidebar copied from one of Charles' sandbox pages

Note: (update: successfully demonstrated on June 10th) I am toying with the idea of a "poor man's javascript" wherein since we cannot have a page change elements within itself in real time (as the FS website does), would it be possible to create a "time trigger" using parser functions and conditional expressions. The idea being that each time a page (specifically the Get Involved page) is called up or is refreshed that items such as the "advertizing" boxes and sidebar (each separately controlled) could be automatically changed based on a time factor. This time factor could be based on minutes, hours, weeks, months, day of the week, day of the month, odd or even values, etc. This poor man's javascript would result in the easy updating of "news and accomplishments information" by using templates that would be displayed based on said time trigger. In playing with the equations so far it currently looks possible and is worth pursuing farther. Also note that a manual trigger should be developed so the reader can access each template individually (just in case they are looking for something they saw earlier). This could be as simple as having "1 2 3 4" links to each template.

The first "advertising" box can be used to highlight the current or upcoming barn raising or wiki support projects. The second box (and the sidebar) can be used to highlight one or two different Wiki projects and or their status (or accomplishments). Both boxes and sidebar should be rotated with different "advertising" on a staggered monthly basis to maintain interest and patron return to this page (basically a project news center).

The bullet background color and transparency can be lightened and the option to change the image or have no image is always available.

<div style="position:absolute; font-size:14px; top:45px; left:0px; width:465px; height:240px; background: linear-gradient(white 0%, white 50%, #E0E0E0 90%, #D0D0D0 100%); box-shadow:0px 4px 2px 0px #aaaaaa; padding:1px; color:white"> <div style="position:absolute; font-size:28px; top:65px; left:0px; width:450px; height:25px; padding-left:10px; font-family:museo; color:#4d4d4a;"> Specialty Projects

<div style="position:absolute; font-size:14px; top:45px; left:480px; width:465px; height:240px; background: linear-gradient(white 0%, white 50%, #E0E0E0 90%, #D0D0D0 100%); box-shadow:0px 4px 2px 0px #aaaaaa; padding:1px; color:white"> <div style="position:absolute; font-size:28px; top:65px; left:480px; width:450px; height:25px; padding-left:10px; font-family:museo; color:#4d4d4a;"> Wiki Projects

The image below is a possible depiction of the "home page" design using familysearch themes and color schemes (header box with white text and matching accent colors placed sparingly on the page). Obviously the text on this page is strictly for example purposes only.

Note: It was mentioned at the May 29 support meeting that color coding for different experience levels may be useful (beginner, new contributors, experts). The color coding below could be used to designate those color codes.

I liked Charles' test page (I believe it was ...Sandbox/ProjectPage5) using the image (like on familysearch) and his slogan. Paraphrased a little and put it together with the Home page Title line (see below). When I remake the image I will include the same in the diagram below.

An actual mock up of these images can be found at

https://familysearch.org/wiki/en/User:Luccagenes/Sandbox/TestPage2



Top of Page

... Top of Page