2007-06-05 20:06:21 +00:00
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
< html xmlns = "http://www.w3.org/1999/xhtml" xml:lang = "en" lang = "en-AU" >
< head >
< meta http-equiv = "content-type" content = "application/xhtml+xml; charset=UTF-8" / >
< meta name = "author" content = "haran" / >
< meta name = "generator" content = "haran" / >
2007-06-12 03:37:22 +00:00
< link rel = "stylesheet" type = "text/css" href = "{{media_url}}css/prosimii-screen-alt.css" media = "screen" title = "Prosimii (alternative)" / >
< link rel = "stylesheet alternative" type = "text/css" href = "{{media_url}}css/prosimii-print.css" media = "screen" title = "Print Preview" / >
< link rel = "stylesheet" type = "text/css" href = "{{media_url}}css/prosimii-print.css" media = "print" / >
< title > {{game_name}}< / title >
2007-06-05 20:06:21 +00:00
< / head >
< body >
<!-- For non - visual user agents: -->
< div id = "top" > < a href = "#main-copy" class = "doNotDisplay doNotPrint" > Skip to main content.< / a > < / div >
<!-- ##### Header ##### -->
< div id = "header" >
< div class = "superHeader" >
< span > Related Sites:< / span >
2007-06-12 03:37:22 +00:00
< a href = "http://evennia.com" title = "The Python-based MUD server" > Evennia< / a > |
2007-06-05 20:06:21 +00:00
< a href = "http://www.oswd.org/userinfo.phtml?user=haran" title = "Other designs by haran" > haran’ s Designs< / a >
< / div >
< div class = "midHeader" >
2007-06-12 03:37:22 +00:00
< h1 class = "headerTitle" lang = "la" > {{game_name}}< / h1 >
< div class = "headerSubTitle" title = "Slogan" >
<!-- Insert a slogan here if you want -->
< / div >
2007-06-05 20:06:21 +00:00
< br class = "doNotDisplay doNotPrint" / >
< div class = "headerLinks" >
< span class = "doNotDisplay" > Tools:< / span >
2007-06-12 03:37:22 +00:00
< a href = "/login" > Log In « < / a >
2007-06-05 20:06:21 +00:00
< span class = "doNotDisplay" > |< / span >
2007-06-12 03:37:22 +00:00
< a href = "/register" > Register « < / a >
2007-06-05 20:06:21 +00:00
< / div >
< / div >
< div class = "subHeader" >
< span class = "doNotDisplay" > Navigation:< / span >
< a href = "./index.html" > Home< / a > |
2007-06-12 03:37:22 +00:00
< a href = "./index.html" > About< / a > |
< a href = "./index.html" > Documentation< / a > |
< a href = "./index.html" > Staff List< / a > |
< a href = "/admin/" > Admin Interface< / a >
2007-06-05 20:06:21 +00:00
< / div >
< / div >
<!-- ##### Side Menu ##### -->
< p class = "doNotDisplay doNotPrint" > This page’ s menu:< / p >
< ul id = "side-bar" >
< li > < a href = "#alt-layout" title = "Alternative layout" > Alt. layout< / a > < / li >
< li > < a href = "#compatibility" title = "Improved cross-browser compatibility" > Compatibility< / a > < / li >
< li > < a href = "#stylesheets" title = "Comprehensive stylesheets" > Stylesheets< / a > < / li >
< li > < a href = "#accessibility" title = "Accessibility features" > Accessibility< / a > < / li >
< / ul >
<!-- ##### Main Copy ##### -->
< div id = "main-copy" >
< h1 id = "alt-layout" > Alternative Layout< / h1 >
< p > This is an alternative layout of < span lang = "la" > Prosimii< / span > . Notice the presence of a
side menu on the left of page. If you are viewing this page in a < span class = "titleTip"
title="eg: a Gecko family member or Opera">fully standards-compliant browser< / span > , the side
menu will scroll with the page. If you are viewing in Internet Explorer, however, the menu
will appear stationary.< / p >
< p > The following text is essentially the same as the previous page except elaborated.< / p >
< h1 id = "compatibility" > Improved Cross-browser Compatibility< / h1 >
< p > Before < span lang = "la" > Prosimii< / span > , I did not test my designs in Opera prior to submitting
them to OSWD. As a result, these templates don’ t render properly in that browser. In
contrast, < span lang = "la" > Prosimii< / span > has been fully tested in
< a href = "http://www.opera.com" > Opera< / a > (7.01), Gecko
(< a href = "http://www.mozilla.org" > Mozilla< / a > < a href = "http://www.getfirefox.com" > Firefox< / a > 0.10.1)
and Internet Explorer (6.0) for consistent rendering.< / p >
< p > This means that people using < span class = "titleTip" title = "eg: Mozilla 1+, Opera 7+, Netscape 6+, Internet Explorer 6+" > standards-compliant browsers< / span >
will see the same format and layout of your page.< / p >
< h1 id = "stylesheets" > Comprehensive Stylesheets< / h1 >
< dl >
< dt > More robust screen stylesheet< / dt >
< dd > The improved cross-browser consistency is a result of
< span lang = "la" > Prosimii’ s< / span > more comprehensive screen stylesheet. Major style
parameters are explicitly defined in the stylesheet, resulting in less dependence on
browser-determined defaults and thus fewer rendering idiosyncrasies.< / dd >
< dt > Addition of a print media stylesheet< / dt >
< dd > < span lang = "la" > Prosimii< / span > has a print media stylesheet that styles the page in a
format appropriate for black and white printing. To see the effect of this stylesheet,
select < span class = "smallCaps" > print preview< / span > from the
< span class = "smallCaps" > file< / span > menu, or direct this page to a printer (NB: print only
this frame if you are viewing this template in a multi-frame document). Alternatively,
if you're using < a href = "http://www.getfirefox.com" > Firefox< / a > , use the stylesheet switcher
in the bottom right-hand corner of the browser window.< / dd >
< / dl >
< h1 id = "accessibility" > Accessibility Features< / h1 >
< p > < span lang = "la" > Prosimii< / span > incorporates accessibility features for people with impaired
vision. The template tentatively conforms to the < a href = "http://www.w3.org/TR/WCAG10" >
< acronym title = "Web Content Accessibility Guidelines" > WCAG< / acronym > double A rating< / a > and
< a href = "http://www.access-board.gov/508.htm" > § 508< / a > guidelines for web content
accessibility. The relative simplicity of the template’ s underlying markup ensures that
your page can be easily transformed for rendering in aural, tactile (braille) and other
non-visual user agents.< / p >
< p > Additionally, the majority of document metrics (widths, lengths and spacings) are font-size
relative. This means that a user can increase the default font size of your page (using their
browser) without compromising it’ s layout.< / p >
< / div >
<!-- ##### Footer ##### -->
< div id = "footer" >
< span class = "doNotPrint" >
2007-06-12 03:37:22 +00:00
Powered by
< a href = "http://evennia.com" > Evennia< / a > < br / >
2007-06-05 20:06:21 +00:00
< / span >
< / div >
< / body >
< / html >
