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;
+}
\ No newline at end of file
diff --git a/settings.py.dist b/settings.py.dist
index 127dd2f40b..ad09008443 100755
--- a/settings.py.dist
+++ b/settings.py.dist
@@ -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',
)
diff --git a/urls.py b/urls.py
index 728f5f2af9..56e7b798cd 100755
--- a/urls.py
+++ b/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')),
)
diff --git a/webtemplates/prosimii/index.html b/webtemplates/prosimii/index.html
new file mode 100644
index 0000000000..9bc4ca9766
--- /dev/null
+++ b/webtemplates/prosimii/index.html
@@ -0,0 +1,135 @@
+
+
+
+
+
+
Alternative Layout
+
This is an alternative layout of Prosimii. Notice the presence of a
+ side menu on the left of page. If you are viewing this page in a fully standards-compliant browser, the side
+ menu will scroll with the page. If you are viewing in Internet Explorer, however, the menu
+ will appear stationary.
+
+
The following text is essentially the same as the previous page except elaborated.
+
+
Improved Cross-browser Compatibility
+
Before Prosimii, 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, Prosimii has been fully tested in
+ Opera (7.01), Gecko
+ (Mozilla Firefox 0.10.1)
+ and Internet Explorer (6.0) for consistent rendering.
+
+
This means that people using standards-compliant browsers
+ will see the same format and layout of your page.
+
+
Comprehensive Stylesheets
+
+ - More robust screen stylesheet
+ - The improved cross-browser consistency is a result of
+ Prosimii’s 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.
+ - Addition of a print media stylesheet
+ - Prosimii 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 print preview from the
+ file 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 Firefox, use the stylesheet switcher
+ in the bottom right-hand corner of the browser window.
+
+
+
Accessibility Features
+
Prosimii incorporates accessibility features for people with impaired
+ vision. The template tentatively conforms to the
+ WCAG double A rating and
+ § 508 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.
+
+
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.
+