Create site

5c2a3d18 · Paulo Almeida · 5c2a3d18 · 5c2a3d18 · 5c2a3d18 · 5c2a3d18
Commit 5c2a3d18 authored 12 years ago by Paulo Almeida
--- a/Base.tmpl
+++ b/Base.tmpl
+#encoding UTF-8
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
+    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+  <head>
+    <meta http-equiv="Content-Type"
+          content="text/html; charset=utf-8" />
+    <link rel="stylesheet"
+          href="media/css/styles.css"
+          type="text/css"
+          media="screen" />
+    <title>
+      Bioinformática na Escola
+    </title>
+  </head>
+  <body>
+    <div id="header">
+      <img src="media/images/header_logo.png">
+    </div>
+    <div id="box">
+        #block content
+	#end block
+      </div>
+        <div id="tab1" class="tab"><a href="/">PROJETO</a></div>
+        <div id="tab2" class="tab"><a href="activities.html">ATIVIDADES</a></div>
+        <div id="tab3" class="tab"><a href="instituicoes.html">INSTITUIÇÕES</a></div>
+        <div id="tab4" class="tab"><a href="blog.html">BLOG</a></div>
+        <div id="tab5" class="tab"><a href="contacto.html">CONTACTO</a></div>
+    </div>
+  </body>
+</html>
--- a/Makefile
+++ b/Makefile
+# Makefile for Bioinformática na Escola web site
+#
+# Compiler: cheetah
+
+all: python html
+	rm $(helper_extensions)
+
+.PHONY: all python html clean
+
+site_base = Base.py Util.py
+
+helper_extensions = *.py *.pyc
+clean_extensions = *.html
+
+# Both python_objects and html_objects take their names from .tmpl files
+# because .py files do not exist yet.
+python_objects := $(patsubst %.tmpl, %.py, $(wildcard *.tmpl))
+
+# html_objects ignores templates beginning with an uppercase letter, which
+# contain Python base and helper classes.
+html_objects := $(patsubst %.tmpl, %.html, $(wildcard [^[:upper:]]*.tmpl))
+
+%.py : %.tmpl
+	cheetah compile --nobackup $<
+
+%.html : %.py ${site_base}
+	python $< > $@
+
+python : $(python_objects)
+
+html : $(html_objects)
+
+clean:
+	rm $(clean_extensions)
--- a/Util.tmpl
+++ b/Util.tmpl
+#encoding UTF-8
+#@staticmethod
+#def heading($title, $css_class)
+<div class="heading">
+  <h1 class="$css_class">
+    $title
+  </h1>
+  <div class="splash"></div>
+</div>
+#end def
--- a/activities.tmpl
+++ b/activities.tmpl
+#encoding UTF-8
+#extends Base
+#from Util import Util
+
+#def content
+<div class="content activities">
+$Util.heading("ATIVIDADES", "activities")
+<p>A Bioinformática na Escola propõe as seguintes atividades:</p>
+<ul class="green">
+  <li>
+    <a class="activities" href="activities/mystery.html">Gene Mistério</a>
+  </li>
+  <li>
+    <a class="activities" href="activities/ptc.html">PTC</a>
+  </li>
+  <li>
+    <a class="activities" href="activities/vision.html">Visão</a>
+  </li>
+  <li>
+    <a class="activities" href="activities/tree.html">Árvore Evolutiva</a>
+  </li>
+</ul>
+#end def
--- a/docs/Makefile
+++ b/docs/Makefile
+# Makefile for Sphinx documentation
+#
+
+# You can set these variables from the command line.
+SPHINXOPTS    =
+SPHINXBUILD   = sphinx-build
+PAPER         =
+BUILDDIR      = _build
+
+# Internal variables.
+PAPEROPT_a4     = -D latex_paper_size=a4
+PAPEROPT_letter = -D latex_paper_size=letter
+ALLSPHINXOPTS   = -d $(BUILDDIR)/doctrees $(PAPEROPT_$(PAPER)) $(SPHINXOPTS) .
+
+.PHONY: help clean html dirhtml pickle json htmlhelp qthelp latex changes linkcheck doctest
+
+help:
+	@echo "Please use \`make <target>' where <target> is one of"
+	@echo "  html      to make standalone HTML files"
+	@echo "  dirhtml   to make HTML files named index.html in directories"
+	@echo "  pickle    to make pickle files"
+	@echo "  json      to make JSON files"
+	@echo "  htmlhelp  to make HTML files and a HTML help project"
+	@echo "  qthelp    to make HTML files and a qthelp project"
+	@echo "  latex     to make LaTeX files, you can set PAPER=a4 or PAPER=letter"
+	@echo "  changes   to make an overview of all changed/added/deprecated items"
+	@echo "  linkcheck to check all external links for integrity"
+	@echo "  doctest   to run all doctests embedded in the documentation (if enabled)"
+
+clean:
+	-rm -rf $(BUILDDIR)/*
+
+html:
+	$(SPHINXBUILD) -b html $(ALLSPHINXOPTS) $(BUILDDIR)/html
+	@echo
+	@echo "Build finished. The HTML pages are in $(BUILDDIR)/html."
+
+dirhtml:
+	$(SPHINXBUILD) -b dirhtml $(ALLSPHINXOPTS) $(BUILDDIR)/dirhtml
+	@echo
+	@echo "Build finished. The HTML pages are in $(BUILDDIR)/dirhtml."
+
+pickle:
+	$(SPHINXBUILD) -b pickle $(ALLSPHINXOPTS) $(BUILDDIR)/pickle
+	@echo
+	@echo "Build finished; now you can process the pickle files."
+
+json:
+	$(SPHINXBUILD) -b json $(ALLSPHINXOPTS) $(BUILDDIR)/json
+	@echo
+	@echo "Build finished; now you can process the JSON files."
+
+htmlhelp:
+	$(SPHINXBUILD) -b htmlhelp $(ALLSPHINXOPTS) $(BUILDDIR)/htmlhelp
+	@echo
+	@echo "Build finished; now you can run HTML Help Workshop with the" \
+	      ".hhp project file in $(BUILDDIR)/htmlhelp."
+
+qthelp:
+	$(SPHINXBUILD) -b qthelp $(ALLSPHINXOPTS) $(BUILDDIR)/qthelp
+	@echo
+	@echo "Build finished; now you can run "qcollectiongenerator" with the" \
+	      ".qhcp project file in $(BUILDDIR)/qthelp, like this:"
+	@echo "# qcollectiongenerator $(BUILDDIR)/qthelp/BioinformticanaEscola.qhcp"
+	@echo "To view the help file:"
+	@echo "# assistant -collectionFile $(BUILDDIR)/qthelp/BioinformticanaEscola.qhc"
+
+latex:
+	$(SPHINXBUILD) -b latex $(ALLSPHINXOPTS) $(BUILDDIR)/latex
+	@echo
+	@echo "Build finished; the LaTeX files are in $(BUILDDIR)/latex."
+	@echo "Run \`make all-pdf' or \`make all-ps' in that directory to" \
+	      "run these through (pdf)latex."
+
+changes:
+	$(SPHINXBUILD) -b changes $(ALLSPHINXOPTS) $(BUILDDIR)/changes
+	@echo
+	@echo "The overview file is in $(BUILDDIR)/changes."
+
+linkcheck:
+	$(SPHINXBUILD) -b linkcheck $(ALLSPHINXOPTS) $(BUILDDIR)/linkcheck
+	@echo
+	@echo "Link check complete; look for any errors in the above output " \
+	      "or in $(BUILDDIR)/linkcheck/output.txt."
+
+doctest:
+	$(SPHINXBUILD) -b doctest $(ALLSPHINXOPTS) $(BUILDDIR)/doctest
+	@echo "Testing of doctests in the sources finished, look at the " \
+	      "results in $(BUILDDIR)/doctest/output.txt."
--- a/docs/conf.py
+++ b/docs/conf.py
+# -*- coding: utf-8 -*-
+#
+# Bioinformática na Escola documentation build configuration file, created by
+# sphinx-quickstart on Wed Sep 12 18:35:28 2012.
+#
+# This file is execfile()d with the current directory set to its containing dir.
+#
+# Note that not all possible configuration values are present in this
+# autogenerated file.
+#
+# All configuration values have a default; values that are commented out
+# serve to show the default.
+
+import sys, os
+
+# If extensions (or modules to document with autodoc) are in another directory,
+# add these directories to sys.path here. If the directory is relative to the
+# documentation root, use os.path.abspath to make it absolute, like shown here.
+#sys.path.append(os.path.abspath('.'))
+
+# -- General configuration -----------------------------------------------------
+
+# Add any Sphinx extension module names here, as strings. They can be extensions
+# coming with Sphinx (named 'sphinx.ext.*') or your custom ones.
+extensions = []
+
+# Add any paths that contain templates here, relative to this directory.
+templates_path = ['_templates']
+
+# The suffix of source filenames.
+source_suffix = '.rst'
+
+# The encoding of source files.
+#source_encoding = 'utf-8'
+
+# The master toctree document.
+master_doc = 'index'
+
+# General information about the project.
+project = u'Bioinformática na Escola'
+copyright = u'2012, Paulo Almeida'
+
+# The version info for the project you're documenting, acts as replacement for
+# |version| and |release|, also used in various other places throughout the
+# built documents.
+#
+# The short X.Y version.
+version = '1'
+# The full version, including alpha/beta/rc tags.
+release = '1'
+
+# The language for content autogenerated by Sphinx. Refer to documentation
+# for a list of supported languages.
+#language = None
+
+# There are two options for replacing |today|: either, you set today to some
+# non-false value, then it is used:
+#today = ''
+# Else, today_fmt is used as the format for a strftime call.
+#today_fmt = '%B %d, %Y'
+
+# List of documents that shouldn't be included in the build.
+#unused_docs = []
+
+# List of directories, relative to source directory, that shouldn't be searched
+# for source files.
+exclude_trees = ['_build']
+
+# The reST default role (used for this markup: `text`) to use for all documents.
+#default_role = None
+
+# If true, '()' will be appended to :func: etc. cross-reference text.
+#add_function_parentheses = True
+
+# If true, the current module name will be prepended to all description
+# unit titles (such as .. function::).
+#add_module_names = True
+
+# If true, sectionauthor and moduleauthor directives will be shown in the
+# output. They are ignored by default.
+#show_authors = False
+
+# The name of the Pygments (syntax highlighting) style to use.
+pygments_style = 'sphinx'
+
+# A list of ignored prefixes for module index sorting.
+#modindex_common_prefix = []
+
+
+# -- Options for HTML output ---------------------------------------------------
+
+# The theme to use for HTML and HTML Help pages.  Major themes that come with
+# Sphinx are currently 'default' and 'sphinxdoc'.
+html_theme = 'default'
+
+# Theme options are theme-specific and customize the look and feel of a theme
+# further.  For a list of options available for each theme, see the
+# documentation.
+#html_theme_options = {}
+
+# Add any paths that contain custom themes here, relative to this directory.
+#html_theme_path = []
+
+# The name for this set of Sphinx documents.  If None, it defaults to
+# "<project> v<release> documentation".
+#html_title = None
+
+# A shorter title for the navigation bar.  Default is the same as html_title.
+#html_short_title = None
+
+# The name of an image file (relative to this directory) to place at the top
+# of the sidebar.
+#html_logo = None
+
+# The name of an image file (within the static path) to use as favicon of the
+# docs.  This file should be a Windows icon file (.ico) being 16x16 or 32x32
+# pixels large.
+#html_favicon = None
+
+# Add any paths that contain custom static files (such as style sheets) here,
+# relative to this directory. They are copied after the builtin static files,
+# so a file named "default.css" will overwrite the builtin "default.css".
+html_static_path = ['_static']
+
+# If not '', a 'Last updated on:' timestamp is inserted at every page bottom,
+# using the given strftime format.
+#html_last_updated_fmt = '%b %d, %Y'
+
+# If true, SmartyPants will be used to convert quotes and dashes to
+# typographically correct entities.
+#html_use_smartypants = True
+
+# Custom sidebar templates, maps document names to template names.
+#html_sidebars = {}
+
+# Additional templates that should be rendered to pages, maps page names to
+# template names.
+#html_additional_pages = {}
+
+# If false, no module index is generated.
+#html_use_modindex = True
+
+# If false, no index is generated.
+#html_use_index = True
+
+# If true, the index is split into individual pages for each letter.
+#html_split_index = False
+
+# If true, links to the reST sources are added to the pages.
+#html_show_sourcelink = True
+
+# If true, an OpenSearch description file will be output, and all pages will
+# contain a <link> tag referring to it.  The value of this option must be the
+# base URL from which the finished HTML is served.
+#html_use_opensearch = ''
+
+# If nonempty, this is the file name suffix for HTML files (e.g. ".xhtml").
+#html_file_suffix = ''
+
+# Output file base name for HTML help builder.
+htmlhelp_basename = 'BioinformticanaEscoladoc'
+
+
+# -- Options for LaTeX output --------------------------------------------------
+
+# The paper size ('letter' or 'a4').
+#latex_paper_size = 'letter'
+
+# The font size ('10pt', '11pt' or '12pt').
+#latex_font_size = '10pt'
+
+# Grouping the document tree into LaTeX files. List of tuples
+# (source start file, target name, title, author, documentclass [howto/manual]).
+latex_documents = [
+  ('index', 'BioinformticanaEscola.tex', u'Bioinformática na Escola Documentation',
+   u'Isabel Marques', 'manual'),
+]
+
+# The name of an image file (relative to this directory) to place at the top of
+# the title page.
+#latex_logo = None
+
+# For "manual" documents, if this is true, then toplevel headings are parts,
+# not chapters.
+#latex_use_parts = False
+
+# Additional stuff for the LaTeX preamble.
+#latex_preamble = ''
+
+# Documents to append as an appendix to all manuals.
+#latex_appendices = []
+
+# If false, no module index is generated.
+#latex_use_modindex = True
--- a/docs/index.rst
+++ b/docs/index.rst
+.. Bioinformática na Escola documentation master file, created by
+   sphinx-quickstart on Wed Sep 12 18:35:28 2012.
+   You can adapt this file completely to your liking, but it should at least
+   contain the root `toctree` directive.
+
+Welcome to Bioinformática na Escola's documentation!
+====================================================
+
+************
+Introduction
+************
+
+This is the documentation for the Bioinformática na Escola web site. It details
+the organization of files and the build process that generates a working web
+site.
+
+The site consists of templates, which are processed by the Cheetah templating
+system to create HTML files, and media files (css and images).
--- a/docs/introduction.rst
+++ b/docs/introduction.rst
+************
+Introduction
+************
+
+This is the documentation for the Bioinformática na Escola web site. It details
+the organization of files and the build process that generates a working web
+site.
+
+The site consists of templates, which are processed by the Cheetah templating
+system to create HTML files, and media files (css and images).
--- a/index.tmpl
+++ b/index.tmpl
+#encoding UTF-8
+#extends Base
+#from Util import Util
+
+#def content
+<div class="content project">
+$Util.heading("PROJETO", "project")
+<p>A Bioinformática na Escola é uma colaboração entre:</p>
+<ul class="green">
+  <li>
+    <a class="project" href="http://bioinformatics.igc.gulbenkian.pt"> Unidade
+    de Bioinformática e Biologia Computacional</a> do 
+    <a class="project" href="http://www.igc.pt">Instituto Gulbenkian de 
+    Ciência</a>, <a class="project" href="http://www.gulbenkian.pt">FCG</a>
+  </li>
+  <li>
+    <a class="project" href="projeto/instituições.html">Escolas do Ensino
+     Secundário</a>
+  </li>
+</ul>
+$Util.heading("OBJETIVOS", "project")
+<p>Motivar os alunos para um maior conhecimento e interesse pela ciência,
+tornando-os participantes ativos em atividades de investigação, recorrendo a
+métodos de <em>enquiry-based learning</em>. Para isso propomo-nos fornecer:</p>
+<ul class="green">
+  <li>
+    Um site onde os professores e alunos podem encontrar materiais didáticos
+    para apoio ao ensino das Ciências da Vida, designadamente na área da 
+    Biologia, com recurso à Bioinformática.
+  </li>
+  <li>
+    Novos meios de aprender biologia adaptando exercícios de Bioinformática aos
+    currículos escolares das aulas práticas, incentivando a aquisição de novos
+    conhecimentos científicos e tecnológicos.
+  </li>
+  <li>
+    Um programa de atividades para todas as escolas do país assim como o
+    desenvolvimento de ações de formação de professores, complementar a esse 
+    programa.
+  </li>
+</ul>
+#end def
--- a/media/css/styles.css
+++ b/media/css/styles.css
+body {
+    background: url('../images/bg.png') no-repeat;
+    padding-left: 100px; /* push content to the right*/
+}
+
+#header {
+    margin-top: 40px;
+    /* left margin must account for #box margin plus tab region */
+    margin-left: 179px;
+}
+
+#box {
+    margin-top: -20px;
+    margin-left: 150px;
+    padding: 29px; /* this defines width of tab region */
+    position: relative;
+}
+
+#box > div.content {
+    min-height: 600px;
+    color: white;
+    padding: 40px 60px 10px 95px;
+    font-family: Arial;
+    width: 44em;
+    -moz-box-shadow:    -3px 3px 5px 0px #444;
+    box-shadow:         -3px 3px 5px 0px #444;
+}
+
+#box > div.content > div.heading {
+    margin-bottom: -31px;
+    position: relative;
+    height: 139px;
+    width: 100%;
+}
+
+.splash {
+    margin-top: -15px;
+    margin-right: -95px;
+    width: 100%;
+    height: 100%;
+    float: right;
+    background-image: url(../images/heading_splash.png);
+    background-position: right top;
+    background-repeat: no-repeat;
+}
+
+#box > div.tab {
+    position: absolute;
+    right: 100%;
+    padding: 10px 8.5px 10px 5.5px;
+    margin-right: 6px;
+    width: 6.5em;
+    text-align: center;
+    font-family: Arial;
+    font-size: 80%;
+    color: white;
+    
+    -webkit-transform: rotate(270deg);
+    -webkit-transform-origin: right top;
+    -moz-transform: rotate(270deg);
+    -moz-transform-origin: right top;
+    -ms-transform: rotate(270deg);
+    -ms-transform-origin: right top;
+    -o-transform: rotate(270deg);
+    -o-transform-origin: right top;
+    transform: rotate(270deg);
+    transform-origin: right top;
+
+    -moz-border-radius-topleft: 15px;
+    -moz-border-radius-topright: 15px;
+    -webkit-border-radius-topleft: 15px;
+    -webkit-border-radius-topright: 15px; 
+    -khtml-border-radius: 15px; 
+    border-top-left-radius: 15px;
+    border-top-right-radius: 15px;
+    
+    -moz-box-shadow:    -3px -3px 3px 0px #666; 
+    -webkit-box-shadow: -3px -3px 3px 0px #666;
+    box-shadow:         -3px -3px 3px 0px #666;
+}
+
+#box > div.tab > a {
+    color: white;
+    font-weight: normal;
+}
+
+
+#tab1 {
+    top: 5em;
+    background-color: #a3b74a;
+}
+
+#tab2 {
+    top: 13.2em;
+    background-color: #5b9a8f;
+}
+
+#tab3 {
+    top: 21.4em;
+    background-color: #98aa8f;
+}
+
+#tab4 {
+    top: 29.6em;
+    background-color: #b96b57;
+}
+
+#tab5 {
+    top: 37.8em;
+    background-color: #bfb244;
+}
+
+h1 {
+    position: absolute;
+    top: 40%;
+    margin-top: -20.5px;
+    width: 95%;
+    color: #819528;
+    background-color: white;
+    font-size: 140%;
+    font-weight: normal;
+    padding: 12px 0px 12px 17px;
+    	
+    -moz-border-radius-topleft: 15px;
+    -moz-border-radius-bottomleft: 15px;
+    -webkit-border-radius: 10px;
+    -khtml-border-radius: 10px;
+    border-bottom-left-radius: 15px;
+    border-top-left-radius: 15px;
+    
+    -moz-box-shadow:    -10px 10px 15px -7px #444;
+    -webkit-box-shadow: -10px 10px 15px -7px #444; 
+    box-shadow:         -10px 10px 15px -7px #444;
+    
+}
+
+ul {
+    margin-left: -20px;
+}
+
+ul.white {
+    list-style-image: url(../images/bullet_white.png);
+}
+
+ul.green {
+    list-style-image: url(../images/bullet_green.png);
+}
+
+a {
+    font-weight: bold;
+    text-decoration: none;
+}
+
+a.project, h1.project {
+    color: #56652d;
+}
+
+a.activities, h1.activities {
+    color: #254d47;
+}
+
+a.institutions, h1.institutions {
+    color: #596756;
+}
+
+a.contact, h1.contact {
+    color: #70652a;
+}
+
+div.project {
+    background-color: #a3b74a;
+}
+
+div.activities {
+    background-color: #5b9a8f;
+}
--- a/media/images/bg.png
+++ b/media/images/bg.png
--- a/media/images/bullet_green.png
+++ b/media/images/bullet_green.png
--- a/media/images/bullet_white.png
+++ b/media/images/bullet_white.png
--- a/media/images/header_logo.png
+++ b/media/images/header_logo.png
--- a/media/images/heading_splash.png
+++ b/media/images/heading_splash.png