Annikka/evennia
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

We've now got a sane template structure. webtemplates/base.html is the parent of all pages. index.html in that directory is the default page, and sub-directories from there will hold the templates for various applications. Notice how in index.html and the file in the news directory are put together. It's really simple, see the Template documentation on djangoproject.com for more in-depth details.

Browse source
This commit is contained in:
Greg Taylor 2007-07-26 13:52:46 +00:00
parent a3ac4ff17c
commit 1afcd6bf99
5 changed files with 147 additions and 188 deletions
Download patch file Download diff file Expand all files Collapse all files

74
webtemplates/prosimii/base.html
View file

@ -7,10 +7,17 @@
<meta name="author" content="haran" />
<meta name="generator" content="haran" />
<link rel="stylesheet" type="text/css" href="{{media_url}}css/prosimii-screen-alt.css" media="screen" title="Prosimii (alternative)" />
{% if no_sidebar %}
<link rel="stylesheet" type="text/css" href="{{media_url}}css/prosimii-screen.css" media="screen" title="Prosimii" />
{% else %}
<link rel="stylesheet" type="text/css" href="{{media_url}}css/prosimii-screen-alt.css" media="screen" title="Prosimii (Sidebar)" />
{% endif %}
<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" />
{% block header_ext %}
{% endblock %}
<title>{{game_name}}</title>
</head>
@ -46,7 +53,7 @@
<div class="subHeader">
<span class="doNotDisplay">Navigation:</span>
<a href="./index.html">Home</a> |
<a href="/">Home</a> |
<a href="./index.html">About</a> |
<a href="./index.html">Documentation</a> |
<a href="./index.html">Staff List</a> |
@ -55,67 +62,12 @@
</div>
<!-- ##### Side Menu ##### -->
<p class="doNotDisplay doNotPrint">This page&rsquo;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>
{% block sidebar %}{% endblock %}
<!-- ##### 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&rsquo;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&rsquo;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">&sect;&nbsp;508</a> guidelines for web content
accessibility. The relative simplicity of the template&rsquo;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&rsquo;s layout.</p>
{% block content %}
{% endblock %}
</div>
<!-- ##### Footer ##### -->
@ -127,4 +79,4 @@
</span>
</div>
</body>
</html>
</html>