You are here: TUTWiki>VisionGroup>GroupWebpageEditing (revision 2)

In a nutshell:
  • Our Web pages are in Lintula Subversion repo: read more
    • Accessible via SVN at svn+ssh://
  • You need to be a member of the "vision" group to checkout the repo - contact Joni and he will add you
  • The pages are automatically updated after each commit using a special ("hack") Subversion post-commit hook (read about the post-commit hooks: a breaf intro)
  • The hook updates changed files and copies them to our Web server. In order to make copying automatic, you must enable password free ssh login from to
All modifications to the new website is done through SVN. SVN commits will be automatically copied to the web server. All external modifications are more or less moderated by Joni ( Please keep information about staff, publication/news and research topics up-to-date.

The whole website is written in XHTML 1.0. Please try to respect this.

Table of contents:

SSH configuration

Before committing changes to SVN repository, it is important that you've enabled keyless authentication between (SVN repository) and (public web server).
$ ssh
$ ssh-keygen
$ ssh-add
$ ssh-copy-id

In ssh-keygen give blank as the password. It will generate your private and public (RSA) keys. ssh-copy-id adds your public key to the list of trusted sites in You may check the contens of ~/.ssh/ directory to understand what's going on. Note: if the ssh-copy-id is missing, then you need to copy the public key manually (<a href="" target="_top">example</a>).

Directory structure

include/ PHP scripts used by the MVPR webpage (do not edit!)
images/ All images used by included pages (excluding the portraits)
news_data/ Files for news items
people_data/ Files for people info and images
pages/ All different pages shown on the website
data/ Bibliography and PDF publications

Updating people/staff

To add a new staff member you need to create a person file under appropriate subdirectory under the people_data/ directory. It's suggested to name it by "lastnamefirstname.txt"

e.g. to add a new Phd. student, go under the people_data/phdstuds/ and create a txt file with the following contents:
<name>Matti Meikäläinen</name>
<phone>+358 1 23456789</phone>

All fields are not required to be filled or added. For title, use "Prof." for professors, "Dr." for doctors, otherwise leave the title empty. Please, create a jpg file with same basename to have a portrait on the webpage. The height of the portrait should be 100 px, width 75-85 px. The image will be rescaled to 100 px height.

Updating news item

To add news items, just add a news file under the news_data/ directory. It's suggested to name it by "yyyy-mm-dd_title.txt". The file requires following contents:
<abstract>One sentence description</abstract>
<body>A lot of new stuff. See here!</body>

Title and abstract are shown on the MVPR front page while the news page will show also the body. The body can contain HTML markup. For style reasons, avoid HTML in title and abstract.

Updating bibliography

Bibliography is in BibTeX? format and can be accessed as data/bibliography.bib. Everybody is responsible for updating their own publications.

Use the following style:
  • Do not leave any empty or unused fields such as OPT fields generated by Emacs.
  • Field url is used to link to the PDF of the publication. The link will be shown with text "pdf".
    • Place the PDFs under data/. For example, see Laaksonen et al., Humanoids 2010.
  • For Scandinavian letters etc. do not use utf-8 or Latin-1 encodings but instead use LaTeX? markup.
Note that the whole BibTeX? entry is visible to the user by clicking at the [bib] button so do not leave comments and such.

Updating research pages

The research pages can be accessed under the pages/ directory by modifying the appropriate .inc.php file. For example: (Scene understanding). Each research topic has one 150x150 image on the research main page.

If you add any images, please place them under the images/ directory. Alignment and presentation of images can be manipulated with styles. Unaligned image with default borders:
<img src="" alt="" />

Right-aligned image with default borders:
<img src="" alt="" class="right" />

Left-aligned image with default borders:
<img src="" alt="" class="left" />

Image with no borders:
<img src="" alt="" class="noborder" />

Note that you can apply these styles simultaneously. E.g.
<img src="" alt="" class="right,noborder" />

Additionally, try to write valid XHTML markup. E.g. Remember to add quatation marks around values and alt parameters with value for images. Remember to close every opened tag and validate your pages with Validator from now and then.

-- JoniKaemaeraeinen - 07 May 2014
Print version |  PDF  | History: r4 < r3 < r2 < r1 | 
Topic revision: r2 - 07 May 2014 - 13:21:09 - JoniKaemaeraeinen


Copyright © by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
Ideas, requests, problems regarding TUTWiki? Send feedback