mirror of
https://github.com/evennia/evennia.git
synced 2026-03-27 10:16:32 +01:00
Beginnings of the integrated front-end website.
This commit is contained in:
Greg Taylor
parent
bb6905c1ca
commit
1e13d94b20
12 changed files with 1258 additions and 2 deletions
0
apps/website/__init__.py
Normal file
0
apps/website/__init__.py
Normal file
3
apps/website/models.py
Normal file
3
apps/website/models.py
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
from django.db import models
|
||||
|
||||
# Create your models here.
|
||||
5
apps/website/urls.py
Normal file
5
apps/website/urls.py
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
from django.conf.urls.defaults import *
|
||||
|
||||
urlpatterns = patterns('apps.website.views',
|
||||
(r'^$', 'page_index'),
|
||||
)
|
||||
29
apps/website/views.py
Normal file
29
apps/website/views.py
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
from django.shortcuts import render_to_response, get_object_or_404
|
||||
from django.db import connection
|
||||
from django.template import RequestContext
|
||||
from django import newforms as forms
|
||||
from django.newforms.util import ValidationError
|
||||
import django.views.generic.list_detail as list_detail
|
||||
from django.contrib.auth.models import User
|
||||
from django.utils import simplejson
|
||||
|
||||
from apps.news.models import NewsEntry
|
||||
|
||||
"""
|
||||
This file contains the generic, assorted views that don't fall under one of
|
||||
the other applications.
|
||||
"""
|
||||
|
||||
def page_index(request):
|
||||
"""
|
||||
Main root page.
|
||||
"""
|
||||
news_entries = NewsEntry.objects.all().order_by('-date_posted')[:2]
|
||||
|
||||
pagevars = {
|
||||
"page_title": "Front Page",
|
||||
"news_entries": news_entries,
|
||||
}
|
||||
|
||||
context_instance = RequestContext(request)
|
||||
return render_to_response('index.html', pagevars, context_instance)
|
||||
10
apps/website/webcontext.py
Normal file
10
apps/website/webcontext.py
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
from django.conf import settings
|
||||
|
||||
def general_context(request):
|
||||
"""
|
||||
Returns common Evennia-related context stuff.
|
||||
"""
|
||||
return {
|
||||
'game_name': "Test Game",
|
||||
'media_url': settings.MEDIA_URL,
|
||||
}
|
||||
225
media/css/prosimii-print.css
Normal file
225
media/css/prosimii-print.css
Normal file
|
|
@ -0,0 +1,225 @@
|
|||
/**************************************
|
||||
* TITLE: Prosimii Print Stylesheet *
|
||||
* URI : prosimii/prosimii-print.css *
|
||||
* MODIF: 2003-Apr-30 19:15 +0800 *
|
||||
**************************************/
|
||||
|
||||
|
||||
/* ##### Common Styles ##### */
|
||||
|
||||
body {
|
||||
color: black;
|
||||
background-color: white;
|
||||
font-family: "times new roman", times, roman, serif;
|
||||
font-size: 12pt;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
acronym, .titleTip {
|
||||
font-style: italic;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
acronym:after, .titleTip:after { /* Prints titles after the acronyms/titletips. Doesn't work in MSIE */
|
||||
content: "(" attr(title) ")";
|
||||
font-size: 90%;
|
||||
font-style: normal;
|
||||
padding-left: 1ex;
|
||||
}
|
||||
|
||||
a {
|
||||
color: black;
|
||||
background-color: transparent;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a[href]:after { /* Prints the links' URIs after the links' texts. Doesn't work in MSIE */
|
||||
content: "<" attr(href) ">";
|
||||
font-size: 90%;
|
||||
padding-left: 1ex;
|
||||
}
|
||||
|
||||
ol {
|
||||
margin: -0.25em 0 1em 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style-type: square;
|
||||
margin: -0.25em 0 1em 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
dl {
|
||||
margin: 0 0 1em 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
ul li {
|
||||
margin: 1ex 0 0 1.5em;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
ol li {
|
||||
margin: 1ex 0 0 1.5em;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
dt {
|
||||
font-weight: bold;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
dd {
|
||||
margin: 0 0 0 1.5em;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.doNotPrint {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
/* ##### Header ##### */
|
||||
|
||||
#header {
|
||||
}
|
||||
|
||||
.superHeader {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.midHeader {
|
||||
color: black;
|
||||
background-color: transparent;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-bottom: 1px solid black;
|
||||
}
|
||||
|
||||
.headerTitle {
|
||||
font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
|
||||
font-size: 200%;
|
||||
font-weight: normal;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.headerSubTitle {
|
||||
font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
|
||||
font-size: 110%;
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
margin: 0;
|
||||
padding: 0 0 1ex 0;
|
||||
}
|
||||
|
||||
.headerLinks {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.subHeader {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
/* ##### Side Menu ##### */
|
||||
|
||||
#side-bar {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
|
||||
/* ##### Main Copy ##### */
|
||||
|
||||
#main-copy {
|
||||
text-align: justify;
|
||||
margin: 0 !important;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#main-copy h1 {
|
||||
font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
|
||||
font-size: 120%;
|
||||
margin: 2ex 0 1ex 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#main-copy h2 {
|
||||
font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
|
||||
font-weight: normal;
|
||||
font-size: 100%;
|
||||
margin: 0;
|
||||
padding: 2ex 0 0.5ex 0;
|
||||
}
|
||||
|
||||
#main-copy h1 + h2 {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
#main-copy p {
|
||||
margin: 0 0 2ex 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
h2 a:after {
|
||||
content: "" !important;
|
||||
}
|
||||
|
||||
.newsDate {
|
||||
font-style: italic;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.newsDate:before { /* Prints an '[' before the news item's date. Doesn't work in MSIE */
|
||||
content: "[";
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.newsDate:after { /* Prints a ']' after the news item's date. Doesn't work in MSIE */
|
||||
content: "]";
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.newsSummary {
|
||||
display: inline;
|
||||
margin: 0 0 0 1ex !important;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.more {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.smallCaps {
|
||||
font-variant: small-caps;
|
||||
}
|
||||
|
||||
.quarter, .oneThird, .half, .twoThirds, .fullWidth {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
|
||||
/* ##### Footer ##### */
|
||||
|
||||
#footer {
|
||||
color: black;
|
||||
background-color: transparent;
|
||||
font-size: 100%;
|
||||
text-align: center;
|
||||
margin: 2em 0 0 0;
|
||||
padding: 1ex 0 0 0;
|
||||
border-top: 1px solid black;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#footer a {
|
||||
color: black;
|
||||
background-color: transparent;
|
||||
text-decoration: none;
|
||||
}
|
||||
342
media/css/prosimii-screen-alt.css
Normal file
342
media/css/prosimii-screen-alt.css
Normal file
|
|
@ -0,0 +1,342 @@
|
|||
/*************************************************
|
||||
* TITLE: Prosimii Alternative Screen Stylesheet *
|
||||
* URI : prosimii/prosimii-screen-alt.css *
|
||||
* MODIF: 2004-Apr-28 21:56 +0800 *
|
||||
*************************************************/
|
||||
|
||||
|
||||
/* ##### Common Styles ##### */
|
||||
|
||||
body {
|
||||
font-family: verdana, helvetica, arial, sans-serif;
|
||||
font-size: 73%; /* Enables font size scaling in MSIE */
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
html > body {
|
||||
font-size: 9pt;
|
||||
}
|
||||
|
||||
acronym, .titleTip {
|
||||
border-bottom: 1px dotted rgb(61,92,122);
|
||||
cursor: help;
|
||||
margin: 0;
|
||||
padding: 0 0 0.4px 0;
|
||||
}
|
||||
|
||||
a {
|
||||
color: rgb(61,92,122);
|
||||
background-color: transparent;
|
||||
text-decoration: underline;
|
||||
margin: 0;
|
||||
padding: 0 1px 2px 1px;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: rgb(117,144,174);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
ol {
|
||||
margin: 1em 0 1.5em 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style-type: square;
|
||||
margin: 1em 0 1.5em 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
dl {
|
||||
margin: 1em 0 0.5em 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
ul li {
|
||||
line-height: 1.5em;
|
||||
margin: 1.25ex 0 0 1.5em;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
ol li {
|
||||
line-height: 1.5em;
|
||||
margin: 1.25ex 0 0 2em;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
dt {
|
||||
font-weight: bold;
|
||||
margin: 0;
|
||||
padding: 0 0 1ex 0;
|
||||
}
|
||||
|
||||
dd {
|
||||
line-height: 1.75em;
|
||||
margin: 0 0 1.5em 1.5em;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.doNotDisplay {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
|
||||
.smallCaps {
|
||||
font-size: 117%;
|
||||
font-variant: small-caps;
|
||||
}
|
||||
|
||||
|
||||
/* ##### Header ##### */
|
||||
|
||||
.superHeader {
|
||||
color: rgb(130,128,154);
|
||||
background-color: rgb(33,50,66);
|
||||
text-align: right;
|
||||
margin: 0;
|
||||
padding: 0.5ex 10px;
|
||||
}
|
||||
|
||||
.superHeader span {
|
||||
color: rgb(195,196,210);
|
||||
background-color: transparent;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.superHeader a {
|
||||
color: rgb(195,196,210);
|
||||
background-color: transparent;
|
||||
text-decoration: none;
|
||||
margin: 0;
|
||||
padding: 0 0.25ex 0 0;
|
||||
}
|
||||
|
||||
.superHeader a:hover {
|
||||
color: rgb(193,102,90);
|
||||
background-color: transparent;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.midHeader {
|
||||
color: white;
|
||||
background-color: rgb(61,92,122);
|
||||
margin: 0;
|
||||
padding: 0.26ex 10px;
|
||||
}
|
||||
|
||||
.headerTitle {
|
||||
font-size: 300%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.headerSubTitle {
|
||||
font-size: 151%;
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
margin: 0 0 1ex 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.headerLinks {
|
||||
text-align: right;
|
||||
margin: 0;
|
||||
padding: 0 0 2ex 0;
|
||||
position: absolute;
|
||||
right: 1.5em;
|
||||
top: 3.5em;
|
||||
}
|
||||
|
||||
.headerLinks a {
|
||||
color: white;
|
||||
background-color: transparent;
|
||||
text-decoration: none;
|
||||
margin: 0;
|
||||
padding: 0 0 0.5ex 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.headerLinks a:hover {
|
||||
color: rgb(195,196,210);
|
||||
background-color: transparent;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.subHeader {
|
||||
color: white;
|
||||
background-color: rgb(117,144,174);
|
||||
margin: 0;
|
||||
padding: 0.5ex 10px;
|
||||
}
|
||||
|
||||
.subHeader a, .subHeader .highlight {
|
||||
color: white;
|
||||
background-color: transparent;
|
||||
font-size: 110%;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
margin: 0;
|
||||
padding: 0 0.25ex 0 0;
|
||||
}
|
||||
|
||||
.subHeader a:hover, .subHeader .highlight {
|
||||
color: rgb(255,204,0);
|
||||
background-color: transparent;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
/* ##### Side Menu ##### */
|
||||
|
||||
#side-bar {
|
||||
color: rgb(204,204,204);
|
||||
background-color: transparent;
|
||||
list-style-type: square;
|
||||
list-style-position: inside;
|
||||
width: 10em;
|
||||
margin: 0;
|
||||
padding: 1ex 0;
|
||||
border: 1px solid rgb(204,204,204);
|
||||
position: absolute;
|
||||
left: 1.5ex;
|
||||
top: 12em;
|
||||
}
|
||||
|
||||
[id="side-bar"] {
|
||||
position: fixed !important; /* Makes the side menu scroll with the page. Doesn't work in MSIE */
|
||||
}
|
||||
|
||||
#side-bar a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#side-bar:hover {
|
||||
color: rgb(117,144,174);
|
||||
background-color: transparent;
|
||||
border-color: rgb(117,144,174);
|
||||
}
|
||||
|
||||
#side-bar li {
|
||||
margin: 0;
|
||||
padding: 0.75ex 0 1ex 1.75ex;
|
||||
}
|
||||
|
||||
#side-bar li:hover {
|
||||
color: rgb(61,92,122);
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
|
||||
#side-bar li a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
||||
/* ##### Main Copy ##### */
|
||||
|
||||
#main-copy {
|
||||
text-align: justify;
|
||||
margin: -0.5ex 1em 1em 12.5em;
|
||||
padding: 0.5em 10px;
|
||||
clear: left;
|
||||
}
|
||||
|
||||
#main-copy h1 {
|
||||
color: rgb(117,144,174);
|
||||
background-color: transparent;
|
||||
font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
|
||||
font-size: 186%;
|
||||
margin: 0;
|
||||
padding: 1.5ex 0 0 0;
|
||||
}
|
||||
|
||||
#main-copy h2 {
|
||||
color: rgb(61,92,122);
|
||||
background-color: transparent;
|
||||
font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
|
||||
font-weight: normal;
|
||||
font-size: 151%;
|
||||
margin: 0;
|
||||
padding: 1ex 0 0 0;
|
||||
}
|
||||
|
||||
#main-copy p {
|
||||
line-height: 1.75em;
|
||||
margin: 1em 0 1.5em 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.newsHeading {
|
||||
color: rgb(61,92,122);
|
||||
background-color: transparent;
|
||||
font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
|
||||
font-size: 145%;
|
||||
text-decoration: none;
|
||||
margin: 0;
|
||||
padding: 1ex 0 0 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.newsHeading:hover {
|
||||
color: rgb(117,144,174);
|
||||
background-color: transparent;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.newsDate {
|
||||
font-style: italic;
|
||||
margin: 0 !important;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.newsSummary {
|
||||
margin: 1.5ex 0 2.5ex 0.75ex !important;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.more {
|
||||
text-align: right;
|
||||
margin: 0;
|
||||
padding: 0.5em 0;
|
||||
}
|
||||
|
||||
.more a {
|
||||
color: rgb(61,92,122);
|
||||
background-color: transparent;
|
||||
font-size: 92%;
|
||||
text-decoration: underline;
|
||||
margin: 0;
|
||||
padding: 0.25ex 0.75ex;
|
||||
}
|
||||
|
||||
.more a:hover {
|
||||
color: rgb(117,144,174);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
/* ##### Footer ##### */
|
||||
|
||||
#footer {
|
||||
color: rgb(51,51,102);
|
||||
background-color: rgb(239,239,239);
|
||||
font-size: 87%;
|
||||
text-align: center;
|
||||
line-height: 1.25em;
|
||||
margin: 2em 0 0 0;
|
||||
padding: 1ex 10px;
|
||||
clear: left;
|
||||
}
|
||||
|
||||
#footer a {
|
||||
color: rgb(0,68,204);
|
||||
background-color: transparent;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#footer a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
359
media/css/prosimii-screen.css
Normal file
359
media/css/prosimii-screen.css
Normal file
|
|
@ -0,0 +1,359 @@
|
|||
/***************************************
|
||||
* TITLE: Prosimii Screen Stylesheet *
|
||||
* URI : prosimii/prosimii-screen.css *
|
||||
* MODIF: 2004-Apr-28 21:43 +0800 *
|
||||
***************************************/
|
||||
|
||||
|
||||
/* ##### Common Styles ##### */
|
||||
|
||||
body {
|
||||
font-family: verdana, helvetica, arial, sans-serif;
|
||||
font-size: 73%; /* Enables font size scaling in MSIE */
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
html > body {
|
||||
font-size: 9pt;
|
||||
}
|
||||
|
||||
acronym, .titleTip {
|
||||
border-bottom: 1px dotted rgb(61,92,122);
|
||||
cursor: help;
|
||||
margin: 0;
|
||||
padding: 0 0 0.4px 0;
|
||||
}
|
||||
|
||||
a {
|
||||
color: rgb(61,92,122);
|
||||
background-color: transparent;
|
||||
text-decoration: underline;
|
||||
margin: 0;
|
||||
padding: 0 1px 2px 1px;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: rgb(117,144,174);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
ol {
|
||||
margin: 1em 0 1.5em 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style-type: square;
|
||||
margin: 1em 0 1.5em 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
dl {
|
||||
margin: 1em 0 0.5em 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
ul li {
|
||||
line-height: 1.5em;
|
||||
margin: 1.25ex 0 0 1.5em;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
ol li {
|
||||
line-height: 1.5em;
|
||||
margin: 1.25ex 0 0 2em;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
dt {
|
||||
font-weight: bold;
|
||||
margin: 0;
|
||||
padding: 0 0 1ex 0;
|
||||
}
|
||||
|
||||
dd {
|
||||
line-height: 1.75em;
|
||||
margin: 0 0 1.5em 1.5em;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.doNotDisplay {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
|
||||
.smallCaps {
|
||||
font-size: 117%;
|
||||
font-variant: small-caps;
|
||||
}
|
||||
|
||||
|
||||
/* ##### Header ##### */
|
||||
|
||||
.superHeader {
|
||||
color: rgb(130,128,154);
|
||||
background-color: rgb(33,50,66);
|
||||
text-align: right;
|
||||
margin: 0;
|
||||
padding: 0.5ex 10px;
|
||||
}
|
||||
|
||||
.superHeader span {
|
||||
color: rgb(195,196,210);
|
||||
background-color: transparent;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.superHeader a {
|
||||
color: rgb(195,196,210);
|
||||
background-color: transparent;
|
||||
text-decoration: none;
|
||||
margin: 0;
|
||||
padding: 0 0.25ex 0 0;
|
||||
}
|
||||
|
||||
.superHeader a:hover {
|
||||
color: rgb(193,102,90);
|
||||
background-color: transparent;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.midHeader {
|
||||
color: white;
|
||||
background-color: rgb(61,92,122);
|
||||
margin: 0;
|
||||
padding: 0.26ex 10px;
|
||||
}
|
||||
|
||||
.headerTitle {
|
||||
font-size: 300%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.headerSubTitle {
|
||||
font-size: 151%;
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
margin: 0 0 1ex 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.headerLinks {
|
||||
text-align: right;
|
||||
margin: 0;
|
||||
padding: 0 0 2ex 0;
|
||||
position: absolute;
|
||||
right: 1.5em;
|
||||
top: 3.5em;
|
||||
}
|
||||
|
||||
.headerLinks a {
|
||||
color: white;
|
||||
background-color: transparent;
|
||||
text-decoration: none;
|
||||
margin: 0;
|
||||
padding: 0 0 0.5ex 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.headerLinks a:hover {
|
||||
color: rgb(195,196,210);
|
||||
background-color: transparent;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.subHeader {
|
||||
color: white;
|
||||
background-color: rgb(117,144,174);
|
||||
margin: 0;
|
||||
padding: 0.5ex 10px;
|
||||
}
|
||||
|
||||
.subHeader a, .subHeader .highlight {
|
||||
color: white;
|
||||
background-color: transparent;
|
||||
font-size: 110%;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
margin: 0;
|
||||
padding: 0 0.25ex 0 0;
|
||||
}
|
||||
|
||||
.subHeader a:hover, .subHeader .highlight {
|
||||
color: rgb(255,204,0);
|
||||
background-color: transparent;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
/* ##### Main Copy ##### */
|
||||
|
||||
#main-copy {
|
||||
margin: 0;
|
||||
padding: 0.5em 10px;
|
||||
clear: left;
|
||||
}
|
||||
|
||||
#main-copy h1 {
|
||||
color: rgb(117,144,174);
|
||||
background-color: transparent;
|
||||
font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
|
||||
font-size: 200%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#main-copy h2 {
|
||||
color: rgb(61,92,122);
|
||||
background-color: transparent;
|
||||
font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
|
||||
font-weight: normal;
|
||||
font-size: 151%;
|
||||
margin: 0;
|
||||
padding: 1ex 0 0 0;
|
||||
}
|
||||
|
||||
#main-copy p {
|
||||
line-height: 1.75em;
|
||||
margin: 1em 0 1.5em 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.newsHeading {
|
||||
color: rgb(61,92,122);
|
||||
background-color: transparent;
|
||||
font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
|
||||
font-size: 145%;
|
||||
text-decoration: none;
|
||||
margin: 0;
|
||||
padding: 1ex 0 0 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.newsHeading:hover {
|
||||
color: rgb(117,144,174);
|
||||
background-color: transparent;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.newsDate {
|
||||
font-style: italic;
|
||||
margin: 0 !important;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.newsSummary {
|
||||
margin: 1.5ex 0 2.5ex 0.75ex !important;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.more {
|
||||
text-align: right;
|
||||
margin: 0;
|
||||
padding: 0.5em 0;
|
||||
}
|
||||
|
||||
.more a {
|
||||
color: rgb(61,92,122);
|
||||
background-color: transparent;
|
||||
font-size: 92%;
|
||||
text-decoration: underline;
|
||||
margin: 0;
|
||||
padding: 0.25ex 0.75ex;
|
||||
}
|
||||
|
||||
.more a:hover {
|
||||
color: rgb(117,144,174);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.rowOfBoxes {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.quarter, .oneThird, .half, .twoThirds, .fullWidth {
|
||||
margin: 1em 0;
|
||||
float: left;
|
||||
border-left: 1px solid rgb(204,204,204);
|
||||
}
|
||||
|
||||
.quarter {
|
||||
width: 21%;
|
||||
padding: 0 1.9%;
|
||||
}
|
||||
|
||||
.oneThird {
|
||||
width: 28%;
|
||||
padding: 0 1.9%;
|
||||
}
|
||||
|
||||
.half {
|
||||
text-align: justify;
|
||||
width: 46%;
|
||||
padding: 0 1.9%;
|
||||
}
|
||||
|
||||
.twoThirds {
|
||||
text-align: justify;
|
||||
width: 63%;
|
||||
padding: 0 1.9%;
|
||||
}
|
||||
|
||||
.fullWidth {
|
||||
text-align: justify;
|
||||
width: 96%;
|
||||
padding: 0 1.2em;
|
||||
border-left: none;
|
||||
}
|
||||
|
||||
.filler { /* use with an empty <p> element to add padding to the end of a text box */
|
||||
border: 1px solid white;
|
||||
}
|
||||
|
||||
.noBorderOnLeft {
|
||||
border-left: none;
|
||||
}
|
||||
|
||||
.dividingBorderAbove {
|
||||
border-top: 1px solid rgb(204,204,204);
|
||||
}
|
||||
|
||||
/* More elegant alternatives to .noBorderOnLeft & .dividingBorderAbove
|
||||
* that don't require the creation of new classes - but which are not
|
||||
* supported by MSIE - are the following:
|
||||
*
|
||||
* .rowOfBoxes > div:first-child {
|
||||
* border-left: none;
|
||||
* }
|
||||
*
|
||||
* .rowOfBoxes + .rowOfBoxes {
|
||||
* border-top: 1px solid rgb(204,204,204);
|
||||
* }
|
||||
*/
|
||||
|
||||
|
||||
/* ##### Footer ##### */
|
||||
|
||||
#footer {
|
||||
color: rgb(51,51,102);
|
||||
background-color: rgb(239,239,239);
|
||||
font-size: 87%;
|
||||
text-align: center;
|
||||
line-height: 1.25em;
|
||||
margin: 2em 0 0 0;
|
||||
padding: 1ex 10px;
|
||||
clear: left;
|
||||
}
|
||||
|
||||
#footer a {
|
||||
color: rgb(0,68,204);
|
||||
background-color: transparent;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#footer a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
|
@ -77,12 +77,15 @@ MIDDLEWARE_CLASSES = (
|
|||
|
||||
ROOT_URLCONF = 'urls'
|
||||
|
||||
# The name of the currently selected web template. This corresponds to the
|
||||
# directory names shown in the webtemplates directory.
|
||||
ACTIVE_TEMPLATE = 'prosimii'
|
||||
|
||||
TEMPLATE_DIRS = (
|
||||
# Put strings here, like "/home/html/django_templates" or "C:/www/django/templates".
|
||||
# Always use forward slashes, even on Windows.
|
||||
# Don't forget to use absolute paths, not relative paths.
|
||||
"%s/webtemplates" % (BASE_PATH),
|
||||
)
|
||||
"%s/webtemplates/%s" % (BASE_PATH, ACTIVE_TEMPLATE),
|
||||
|
||||
INSTALLED_APPS = (
|
||||
'django.contrib.auth',
|
||||
|
|
@ -93,5 +96,7 @@ INSTALLED_APPS = (
|
|||
'apps.objects',
|
||||
'apps.helpsys',
|
||||
'apps.genperms',
|
||||
'apps.news',
|
||||
'apps.website',
|
||||
)
|
||||
|
||||
|
|
|
|||
3
urls.py
3
urls.py
|
|
@ -11,4 +11,7 @@ from django.conf.urls.defaults import *
|
|||
urlpatterns = patterns('',
|
||||
# Admin interface
|
||||
(r'^admin/', include('django.contrib.admin.urls')),
|
||||
|
||||
# Front page
|
||||
(r'^', include('apps.website.urls')),
|
||||
)
|
||||
|
|
|
|||
135
webtemplates/prosimii/index.html
Normal file
135
webtemplates/prosimii/index.html
Normal file
|
|
@ -0,0 +1,135 @@
|
|||
<!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" />
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="{{media_url}}css/prosimii-screen.css" media="screen, tv, projection" title="Default" />
|
||||
<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>
|
||||
</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>
|
||||
<a href="http://evennia.com" title="The Python-based MUD server">Evennia</a> |
|
||||
<a href="http://www.oswd.org/userinfo.phtml?user=haran" title="Other designs by haran">haran’s Designs</a>
|
||||
</div>
|
||||
|
||||
<div class="midHeader">
|
||||
<h1 class="headerTitle" lang="la">{{game_name}}</h1>
|
||||
<div class="headerSubTitle" title="Slogan">
|
||||
The modern MU* server
|
||||
</div>
|
||||
|
||||
<br class="doNotDisplay doNotPrint" />
|
||||
|
||||
<div class="headerLinks">
|
||||
<span class="doNotDisplay">Tools:</span>
|
||||
<a href="/login">Log In «</a>
|
||||
<span class="doNotDisplay">|</span>
|
||||
<a href="/register">Register «</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="subHeader">
|
||||
<span class="doNotDisplay">Navigation:</span>
|
||||
<a href="./index.html">Home</a> |
|
||||
<a href="./index.html">About</a> |
|
||||
<a href="./index.html">Documentation</a> |
|
||||
<a href="./index.html">Staff List</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ##### Main Copy ##### -->
|
||||
|
||||
<div id="main-copy">
|
||||
<div class="rowOfBoxes">
|
||||
<div class="twoThirds noBorderOnLeft">
|
||||
<h1>Welcome!</h1>
|
||||
<p>Insert body text</p>
|
||||
</div>
|
||||
|
||||
<div class="oneThird">
|
||||
<h1>Latest News</h1>
|
||||
{% for entry in news_entries %}
|
||||
<a href="/news/show/{{entry.id}}" class="newsHeading">{{entry.title}}</a>
|
||||
<p class="newsDate">{{entry.date_posted|time}}</p>
|
||||
<p class="newsSummary">{{entry.body|truncatewords:20}}</p>
|
||||
{% endfor %}
|
||||
|
||||
<div class="more"><a href="./index.html">More News »</a></div>
|
||||
|
||||
<p class="filler"><!-- Filler para to extend left vertical line --></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="rowOfBoxes dividingBorderAbove">
|
||||
<div class="quarter noBorderOnLeft">
|
||||
<h1>Standards</h1>
|
||||
<p><span lang="la">Prosimii</span> is 100% compliant with
|
||||
<acronym title="eXtensible HyperText Markup Language">XHTML</acronym> 1.0 Strict and
|
||||
uses <acronym title="Cascading Style Sheets">CSS</acronym>.
|
||||
<span class="doNotPrint">[Validate
|
||||
<a href="http://validator.w3.org/check/referer">XHTML</a>]</span></p>
|
||||
|
||||
<p>Unlike this design’s inspiration, no tables have been used to layout elements
|
||||
and text.</p>
|
||||
</div>
|
||||
|
||||
<div class="quarter">
|
||||
<h1>Stylesheet</h1>
|
||||
<p>An external stylesheet dictates the format and layout of text in this design.</p>
|
||||
|
||||
<p>Thus, website-wide design changes can be achieved by editing only the stylesheet.</p>
|
||||
|
||||
<p class="filler"><!-- Filler para to extend left vertical line --></p>
|
||||
</div>
|
||||
|
||||
<div class="quarter">
|
||||
<h1>Compatibility</h1>
|
||||
<p><span lang="la">Prosimii’s</span> stylesheet is more robust and comprehensive than
|
||||
<a href="http://www.oswd.org/userinfo.phtml?user=haran">my previous designs</a>.</p>
|
||||
|
||||
<p>This design has been tested for consistent rendering in Gecko
|
||||
(<a href="http://www.mozilla.org">Mozilla</a> <a href="http://www.getfirefox.com">Firefox</a>
|
||||
0.10.1), <a href="http://www.opera.com">Opera</a> (7.01) and Internet Explorer (6.0).</p>
|
||||
</div>
|
||||
|
||||
<div class="quarter">
|
||||
<h1>Accessibility</h1>
|
||||
<p><span lang="la">Prosimii</span> 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.</p>
|
||||
|
||||
<p>Additionally, most document metrics (lengths, widths and spacings) are font-size
|
||||
relative.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ##### Footer ##### -->
|
||||
|
||||
<div id="footer">
|
||||
<span class="doNotPrint">
|
||||
Powered by
|
||||
<a href="http://evennia.com">Evennia</a><br />
|
||||
</span>
|
||||
|
||||
<strong>Queries »</strong> {{sql_queries|length}}
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
140
webtemplates/prosimii/index2.html
Normal file
140
webtemplates/prosimii/index2.html
Normal file
|
|
@ -0,0 +1,140 @@
|
|||
<!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" />
|
||||
|
||||
<!-- Navigational metadata for large websites (an accessibility feature): -->
|
||||
<link rel="top" href="./index.html" title="Homepage" />
|
||||
<link rel="up" href="./index.html" title="Up" />
|
||||
<link rel="first" href="./index.html" title="First page" />
|
||||
<link rel="previous" href="./index.html" title="Previous page" />
|
||||
<link rel="next" href="./index2.html" title="Next page" />
|
||||
<link rel="last" href="./index2.html" title="Last page" />
|
||||
<link rel="toc" href="./index.html" title="Table of contents" />
|
||||
<link rel="index" href="./index.html" title="Site map" />
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="./prosimii-screen-alt.css" media="screen" title="Prosimii (alternative)" />
|
||||
<link rel="stylesheet alternative" type="text/css" href="./prosimii-print.css" media="screen" title="Print Preview" />
|
||||
<link rel="stylesheet" type="text/css" href="./prosimii-print.css" media="print" />
|
||||
|
||||
<title>Prosimii Page Two</title>
|
||||
</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>
|
||||
<a href="http://www.oswd.org" title="The host of this design">OSWD</a> |
|
||||
<a href="http://www.oswd.org/userinfo.phtml?user=haran" title="Other designs by haran">haran’s Designs</a>
|
||||
</div>
|
||||
|
||||
<div class="midHeader">
|
||||
<h1 class="headerTitle" lang="la">Prosimii</h1>
|
||||
<div class="headerSubTitle">No more monkey business…</div>
|
||||
|
||||
<br class="doNotDisplay doNotPrint" />
|
||||
|
||||
<div class="headerLinks">
|
||||
<span class="doNotDisplay">Tools:</span>
|
||||
<a href="./index.html">view the previous layout «</a>
|
||||
<span class="doNotDisplay">|</span>
|
||||
<a style="cursor: help;" title="Thanks to CSS, this page is already printer friendly!" href="#stylesheets">printer-friendly version «</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="subHeader">
|
||||
<span class="doNotDisplay">Navigation:</span>
|
||||
<a href="./index.html">Home</a> |
|
||||
<a href="./index2.html">Products</a> |
|
||||
<a href="./index2.html">Services</a> |
|
||||
<a href="./index2.html">Contact Us</a> |
|
||||
<a href="./index2.html">About Us</a>
|
||||
</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">
|
||||
For comments or questions about this website, please
|
||||
<a href="mailto:email.address@is.invalid" title="NB: Invalid email address">email the Webmaster</a><br />
|
||||
</span>
|
||||
|
||||
<strong>URI »</strong> http://domain.is.invalid/prosimii/index2.html
|
||||
• <strong>Updated »</strong> 2004-Oct-24 10:32 +1000
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue