Skip to content
Snippets Groups Projects
Commit 5c2a3d18 authored by Paulo Almeida's avatar Paulo Almeida
Browse files

Create site

parents
No related branches found
No related tags found
No related merge requests found
#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>
Makefile 0 → 100644
# 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)
#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
#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
# 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."
# -*- 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
.. 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).
************
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).
#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
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;
}
media/images/bg.png

145 KiB

media/images/bullet_green.png

259 B

media/images/bullet_white.png

236 B

media/images/header_logo.png

10.7 KiB

media/images/heading_splash.png

8.26 KiB

0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment